chronologie pour ordinateur de bureau et chronologie pour mobile
Création d'une fonctionnalité pour ordinateur de bureau, tablette et mobile qui utilise une chronologie pour afficher la dernière mise à jour. la quantité de mises à jour sur la chronologie est imprévisible. Pour les mobiles, nous avons déjà utilisé une chronologie verticale où la dernière mise à jour est au sommet (l'application mobile n'est disponible qu'en mode portrait. Pour la version web et tablette, serait-il une meilleure expérience d'utiliser une chronologie horizontale, comme je l'ai vu dans la plupart des cas, les délais sur le bureau ont été horizontaux, mais ce sont surtout des cas pour représenter l'histoire.
Par conséquent, de quel côté serait la dernière mise à jour sur une chronologie horizontale. à gauche ou à droite? et quels sont les problèmes rencontrés par les délais horizontaux sur le bureau. un défi que je prévois est que le défilement horizontal n'est pas intuitif.
Comme tout dans UX, cela dépendra de votre contexte. Par exemple, si les données affichées dans la chronologie concernent les paiements ou les modifications que vous avez apportées à quelque chose (disons que vous avez modifié un fichier dans une application ou mis à jour votre avatar), la dernière activité doit être en haut et laissée dans un disposition horizontale.
Cependant, si votre chronologie concerne l'histoire, il est préférable de placer le dernier événement à l'extrême droite (ou à la fin). Bien sûr, en parlant d'une mise en page pour les occidentaux, ou de toute autre culture habituée au sens de lecture LTR.
Afin de penser la meilleure option, vous pouvez appliquer les approches suivantes:
Approche 1
Chaque fois que la chronologie est une représentation d'un processus cumulatif, où chaque événement sera la conséquence d'un précédent, il est préférable de montrer d'abord les événements précédents, puis de "construire" l'expérience qui se terminera avec votre dernière instance. De toute évidence, l'histoire est l'exemple le plus direct, comme toutes les sciences sociales.
Voir l'image ci-dessous tirée de cette question
Approche2
D'un autre côté, si votre dernier processus remplace le précédent, vous pouvez afficher le dernier processus en premier lieu, car les instances précédentes sont essentiellement des journaux d'anciens statuts. Une édition de profil est un bon exemple: alors que les instances précédentes peuvent être intéressantes (par exemple pour revenir auxdites instances), elles n'influencent vraiment pas l'état actuel, elles ne sont donc pas nécessaires pour donner un contexte à l'instance la plus récente.
Voir l'exemple ci-dessous, tiré de Leçons apprises lors de la conception d'une chronologie :
Approche 3
Enfin, vous avez une troisième option moins courante: lorsque la chronologie envisage des étapes à venir. Cela pourrait se produire pour les processus en développement où il y a une planification. par exemple, la création d'une application: supposons que vous êtes à un stade où vous créez des maquettes haute fidélité, vous aurez alors toutes les instances entre cela et le déploiement final (et plus loin) à l'avenir, tandis que les instances précédentes comme la recherche, le wireframing et l'esquisse seront du passé. Dans ce cas, vous devrez charger le point initial (actuel) au milieu, puis les instances futures seront placées à droite, les instances précédentes à gauche (et encore l'inverse si la direction RTL est utilisée).
Quant à la façon de déployer cela de manière visuelle, voir l'image ci-dessous: 
Cela s'appliquera à toute disposition horizontale, la partie importante est de classer l'instance actuelle à un niveau plus élevé que les instances précédentes ou futures. Bien que cela représenterait le 3ème cas que j'ai mentionné, cela s'applique également aux autres options tant que vous êtes passé de l'instance initiale
Implémentation et inspiration de l'interface utilisateur
Si vous avez besoin d'aide avec l'approche de visualisation, jetez un œil à Balise de chronologie de Dribble , tous traitant de l'un des mentionné 3 cas de différentes manières
Si l'objectif est d'afficher les dernières mises à jour, et non toute l'histoire depuis le début, où toute la chronologie devrait également être mise au point, et la chronologie est assez longue, je préfère utiliser la disposition verticale, les dernières mises à jour en haut.
Cependant, si le calendrier est court et doit être net, il vaut mieux être horizontal, les dernières mises à jour à droite. Et tandis que le défilement horizontal est contre-intuitif, le feuilletage horizontal à travers une pile de cartes ne l'est pas. Je traiterais donc une chronologie comme une pile de cartes, chaque carte montrant un point de chronologie (voir filaire). De cette façon, vous aurez suffisamment d'espace pour le contenu du point clé.
La chronologie horizontale doit venir de gauche à droite, car nous sommes habitués à lire le contenu et nous sommes habitués à suivre le scénario, ce qui est exactement ce que la chronologie devrait représenter (inverser r-t-l pour les lecteurs arabes et hébreux).
La chronologie verticale est la meilleure méthode pour afficher les données en séquence. Il est plus intuitif pour les utilisateurs.
La méthode horizontale est utilisée quand il y a une sorte de galerie d'images qui doit être affichée pour que ce geste droit gauche fonctionne comme le suivant et le précédent.
Prenons un exemple de numérotation. Nous écrivons toujours comme ci-dessous 1 2 3 4 5
Pourquoi nous n'écrivons pas dans notre livre de mathématiques comme 1 2 3 4 5 6 7 8 9 10 11 12 13 14 ... 
.