Position du nouvel article dans la liste horizontale des articles (ordre chronologique)
Nous avons un problème avec l'ordre chronologique dans une liste horizontale. Quelle serait la meilleure pratique dans ce cas (veuillez vérifier le croquis ci-joint)? Pour donner un contexte, nous avons un flux avec des conteneurs (qui ont un défilement horizontal) comme ceux de l'esquisse avec des boîtes d'activités à l'intérieur. Ces activités sont effectuées par ordre chronologique. La question est de savoir si la boîte d'activité la plus récente doit aller à gauche ou à droite avec le défilement positionné à droite pour l'avoir en vue?
En règle générale, les listes temporelles, comme vous l'avez décrit dans vos croquis, circulent normalement dans le sens de lecture standard de sorte que l'élément le plus ancien soit lu en premier et le dernier en dernier. Cela fonctionne également dans un sens vertical (haut = premier, bas = dernier). Cela peut être vu dans toutes sortes d'applications telles que les calendriers ou les horaires où la commande verticale et horizontale sont pratiquées.
Cependant, si la liste est plus étroitement liée à la longévité des articles, les articles qui ont été dans le système plus longtemps peuvent être considérés comme plus importants que les articles plus récents et la commande s'exécutera donc à l'envers: les articles plus anciens en premier, les plus récents en dernier.
Il est essentiel de considérer la façon dont les éléments de la liste ont une importance dans l'une ou l'autre direction et de choisir la meilleure direction en fonction de laquelle on place les éléments les plus importants en premier
Je suggère d'utiliser option A. Puisque nous lisons (et consultons les pages) de gauche à droite, cela permettra aux utilisateurs d'explorer davantage. Dans l'option B, le retour semble être une expérience étrange, je m'attends à ce que les gens parcourent moins de blocs de cette façon.
Tout d'abord, vous devez appliquer certains principes:
Affichage de l'état de l'application + Visibilité de l'élément ajouté: Si un élément est ajouté, il doit y avoir un indice visuel clair que cela s'est produit, le nouvel élément ne doit pas apparaître sous le pli.
Flow (en ajoutant le précédent): Si l'utilisateur ajoute quelque chose de modifiable (ou au moins amovible), vous devez lui donner un accès facile à cet élément, simplement parce qu'il est très probable qu'ils vous voulez lui appliquer une action juste à ce moment-là, afin que vous ne vouliez pas mettre des pierres sur leur chemin.
Après cela, vous devriez vraiment évaluer si cette barre de défilement est vraiment nécessaire, car elle introduit des problèmes UX. par exemple. celui que vous présentez. Si possible, vous pouvez essayer un système de grille ou un alignement vertical au lieu d'horizontale. Le défilement horizontal est assez mort ( et il devrait l'être ).
Toujours dans ce cas particulier, où vous êtes gestion des horaires/heures les bons modèles mentaux seraient d'aller du présent au futur, donc en ajoutant les événements futurs à la fin.
Mais encore une fois, essayez de réévaluez votre conception générale.