web-dev-qa-db-fra.com

Quelle direction indique plus récente / plus ancienne?

Je lis donc des blogs et j'arrive en bas de la page quand je vois un graphique similaire à celui-ci:

<< Newer Posts          Older Posts >>

Cela me semble logique. Mais alors, assez souvent, je le verrai inversé!

<< Older Posts          Newer Posts>>    

Ce problème est encore aggravé lorsque les étiquettes sont modifiées:

<< Next                 Previous >>

Cela me donne vraiment, vraiment envie d’arracher mes cheveux. Quelle est la logique correcte lors de la spécification de ce type d'informations?

43
Nic

Le texte devrait largement dépendre du contenu lui-même. Est-ce sensible au temps, comme les actualités, ou s'agit-il d'un contenu qui sera pertinent quel que soit le moment où il sera consulté? S'il est sensible au temps, il est judicieux d'utiliser des versions plus anciennes/plus récentes. S'il n'est pas sensible au temps, le précédent/suivant semble être un meilleur ajustement.

Cependant, je dirais que l'ajout de numéros de page augmenterait la compréhension de votre pagination, car ils vous donneraient un index de départ qui est facilement apparent et ils fourniraient également plus de contexte pour votre pagination. Une grande partie de la confusion dans les méthodes ci-dessus résulte du fait de ne pas savoir où vous êtes, de ne pas savoir où vous avez été, ou des deux. Les numéros de page aident à atténuer ce problème, surtout si vous indiquez clairement le numéro de page que l'utilisateur consulte actuellement.

En ce qui concerne ce qui devrait venir en premier, plus ancien/plus récent, cela dépend entièrement de votre ordre de tri. Encore une fois, cependant, l'ajout de numéros de page ici réduit considérablement la confusion.

De plus, à des fins d'utilisabilité et de référencement, vous devez fournir plus que simplement plus ancien/plus récent ou suivant/précédent.

Considérer:

Supposons que votre blog soit consacré aux actualités commerciales. Quel est le plus utilisable?

  1. Nouvelles affaires récentes 1 2 [3] 4 5 Nouvelles affaires anciennes
  2. Nouvelles affaires récentes | Nouvelles commerciales plus anciennes
  3. Plus récent 1 2 [3] 4 5 Plus ancien
  4. Plus récent | Plus ancien

Ou disons que votre blog n'est pas sensible au temps. Vous publiez à la place des articles commerciaux comme les meilleures pratiques en matière de marketing, d'embauche, de stratégie, etc. Lequel est le plus utilisable?

  1. Ressources commerciales précédentes 1 2 [3] 4 5 Autres ressources commerciales
  2. Ressources commerciales précédentes | Plus de ressources commerciales
  3. Précédent 1 2 [3] 4 5 Suivant
  4. Précédent | Suivant
29
Virtuosi Media

Précédent/Suivant ou Plus ancien/Plus récent?

Je trouve plus ancien/plus récent plus clair. Sur les blogs qui utilisent Précédent/Suivant sans indicateurs supplémentaires, je ne sais toujours pas si Suivant signifie "montrez-moi la prochaine chose qui a été publiée" (le prochain jeu de messages le plus récent) ou "montrez-moi la prochaine chose que je n'ai pas lu "(le prochain ensemble de messages le plus ancien). J'ai vu les deux en cours d'utilisation.

Ordre

Je préfère "Articles plus anciens - Articles plus récents" . Dans ma langue/culture, cela est cohérent avec les journaux papier (les ancêtres des blogs), les graphiques et les délais. Je lis effectivement le lien avant de cliquer dessus (ce qui fait probablement de moi une valeur aberrante), donc l'ordre n'est pas aussi important pour moi.

Ce que font les autres

Vu sur les moteurs populaires

  • WordPress: "Articles plus récents - Articles plus anciens"
  • Blogger: Articles plus récents - Accueil - Articles plus anciens
  • TypePad: "Précédent | Suivant "

Top 5 actuel du Technorati Top 1

Il ressemble à une version de "Articles plus récents - Articles plus anciens" est le gagnant dans ce groupe, pour tout ce qui vaut. Je ne suis pas sûr de vouloir copier certains de ces sites, mais ils sont populaires, ils représentent donc probablement ce à quoi de nombreux utilisateurs sont habitués.

Parmi les sites listés qui utilisent Previous/Next, la convention est que "Next" est équivalent à "Older".

13
Steve S

Pour les langues L> R, il doit être Précédent à gauche, Suivant à droite. Vous allez "en avant" et "en arrière" et c'est la direction que les gens lisent et tournent les pages.

Pour citer Luke Wroblewski :

précédent et Suivant peuvent être considérés comme des actions principales et leur placement doit correspondre au mouvement de gauche à droite associé à la pagination d'un ensemble d'informations.

10
JonW

Le temps est généralement représenté de gauche à droite sur les graphiques, donc je vous suggère de rester avec cela. C'est à dire. "précédent" à gauche et "suivant" à droite.

Suivant et précédent ne sont pas clairs - si possible, les étiquettes doivent être qualifiées pour indiquer à quoi elles se rapportent. Page suivante, suivante la plus récente ou encore meilleure, que diriez-vous de la prochaine (21 juillet).

3
Julian H

Si vous utilisez des étiquettes comme "Older" et "Newer", je ne pense pas que cela compte vraiment. Cependant, je pense que l'utilisation de "Older" et "Newer" est incorrecte, et "Next Page" et "Previous Page" sont de meilleures étiquettes. La raison en est que la plupart des gens associent des liens affichés comme ceci en tant que liens de pagination, et en tant que tels, ils s'attendent à ce que cela fonctionne comme ceci:

<< Previous                 Next >>

C'est l'opposé de votre dernier exemple.

Cela suit les mécanismes de pagination utilisés par les recherches (au niveau du site et des moteurs de recherche), de sorte que l'expérience utilisateur est bien connue.

Je comprends que la valeur par défaut pour la plupart des plateformes de blog est d'utiliser le paradigme "ancien/nouveau", mais cela crée en fait de la confusion. Je ne peux pas compter le nombre de fois où j'ai cliqué sur le lien "plus récent" et que j'ai été confus sur un blog en voyant la liste des messages que je venais de consulter. Pourquoi ai-je été confus? Le lien "plus récent" commence par "N" et "prochain" aussi. J'ai (comme la plupart des utilisateurs, j'en suis sûr) tellement habitué à voir "suivant" et "précédent" que ce lien commençant par 'N' est automatiquement associé à la page de résultats suivante, même si c'est complètement faux.

Revenons à l'ordre du "plus récent" et du "plus ancien", je pense en fait que pour les blogs, l'exemple qui vous confond:

<< Newer Posts          Older Posts >>

est plus logique, car alors au moins le lien sur la droite (pointant "en avant") est le lien vers le prochain ensemble de messages que vous n'avez pas déjà consultés.

MISE À JOUR: Ajout d'informations supplémentaires:

Jetez un œil à la valeur par défaut pour Wordpress (en utilisant leur blog officiel comme exemple):

http://wordpress.org/news/page/3/

Si vous faites défiler jusqu'en bas, vous verrez les plus récents/plus anciens affichés comme je les ai présentés ici. Maintenant, jetez un œil à l'URL: page/3 /

Quelle URL vous attendez-vous à voir lorsque vous cliquez sur "anciens messages"? page/2 / ou page/4? S'il y a une ambiguïté ici, alors les liens sont mal nommés.

Qu'espérez-vous voir sur page/4 /? Vous attendriez-vous à voir des articles plus anciens ou plus récents? Sur un blog, vous vous attendez à voir des articles plus anciens. Étant donné que le nombre augmente, le lien "Plus ancien" a certainement le plus de sens d'être à droite, car c'est ainsi que fonctionne le modèle de conception de la pagination (ne me croyez pas, regardez ce site, google, tout ce que vous voulez).

Parce que les gens comprennent clairement que l'affichage d'un blog ne suit pas le modèle le plus ancien au plus récent (bien que les commentaires et les réponses sur cette page semblent contredire cela), et les gens comprennent DEFINITIVEMENT le modèle de pagination ("en avant" vous amène à la page suivante) il est plus logique de ne même pas afficher les anciens/nouveaux. D'où la raison pour laquelle le suivant/précédent est une meilleure option. Si un utilisateur se trouve sur l'URL ci-dessus et qu'il clique sur Suivant, il s'attendrait certainement à voir page/4 / (résout déjà le problème d'ambiguïté). Et parce qu'en général, les utilisateurs savent que la première page d'un blog contient les messages les plus récents, ils savent ce qu'ils obtiendront lorsqu'ils cliquent sur Suivant à partir de cette page.

3
Charles Boyung

Dans le sens de la réponse d'Hisham, une autre façon serait d'avoir un schéma vertical:

^ Plus récent - Plus ancien v

Cela maintiendrait une sorte de correspondance entre la date de publication et la "direction temporelle" typique des blogrolls.

2
agib

Les articles de blog étant classés par ordre chronologique, il ne semble pas rétrograde d'utiliser 'Older | Plus récent 'au lieu de' Précédent | Prochain'. En fait, c'est encore plus approprié d'un point de vue sémantique. Alors ici, c'est 'Semantics VS Convention'. Personnellement, j'oserais utiliser 'Older | Plus récent, car je pense qu'il a acquis une acceptation suffisante pour ne pas manquer de sommeil en raison d'une éventuelle confusion de l'utilisateur.

Concernant l'autre question: faut-il utiliser "plus récent | plus vieux "ou" plus vieux | newer '... En supposant que la langue est LTR, je dirais que cela dépend de la façon dont l'âge du post est en corrélation avec l'intérêt du lecteur. L'exemple suivant peut aider à illustrer ma dernière déclaration:

Souhaitez-vous ouvrir un blog pour raconter un événement tout en vivant cet événement, l'ordre anti-chronologique semble plus approprié - c'est-à-dire que la page d'accueil affiche le dernier article et que le pager est "Plus ancien | Prochain'. Si ce blog devait être arrêté ("archivé") à la fin de l'événement, peut-être que renverser l'ordre pourrait être un choix intéressant.

1
Ben

Ajouter une action physique/note technique expliquant pourquoi un programmeur n'évaluerait pas l'UX mais donnerait ce que le système donne.

Normalement, la façon dont la liste de données est renvoyée par défaut à partir de la base de données est en premier avec l'enregistrement le plus pertinent ou le plus récent. Pour utiliser la syntaxe MySql, ce serait l'enregistrement numéro 1 (ou [0] dans le tableau). La requête sera donc les 20 premiers résultats ou LIMIT 1,20. Pour obtenir le "prochain groupe de 20", vous descendez effectivement 20 ou deux à droite.

Vous remontez dans le temps ou moins pertinent. Un esprit occidental et sans trop réfléchir, un utilisateur veut la dernière histoire puis remonte dans le temps pour chercher des références précédentes. C'est ainsi que nous citons par écrit des textes antérieurs. Il serait difficile de penser que j'ai passé du temps à lire, mais dans cette source, il pourrait y avoir de futurs articles qui sont meilleurs, donc je vais regarder vers l'avenir (eh bien, pourquoi n'ai-je pas lu celui-là).

Donc, la prochaine série de résultats est la page 2 montrant 21-40 ou LIMIT 2,20 et donc vous "paginez" à droite.

Le deuxième point est le renforcement physique de cela. Le meilleur endroit pour un lien vers l'action est en bas à droite car nous lisons en haut à gauche à en bas à droite, donc ce retour dans l'histoire à PRÉCÉDENT> ou PLUS ANCIEN> est un bon endroit pour frapper à droite. Si c'est à gauche, cela fait sens pour les mots que vous êtes en train de couvrir la page avec votre main pour cliquer en bas à gauche et cela ne se sent pas à l'aise.

La seule fois où j'ai tendance à retourner ceci est pour les étiquettes d'étiquette sur les curseurs/carrousels/listes tournantes de choses qui, en fait, vous êtes toujours au milieu lorsqu'elles vont dans un cercle, donc SUIVANT> a du sens.

1
tristanbailey

(Mon mauvais: j'ai complètement raté que ce soit un blog. Voir les commentaires)

Pour moi, le premier est le plus logique car c'est la façon dont vous lisez un livre. "Next" ou "Newer Posts" irait à droite car, à moins qu'il ne soit en hébreu ou en arabe, vous tournez toujours la page à droite pour passer à la page suivante.

Pas tout à fait lié, mais dans une conférence à la conférence Business of Software, Don Norman donne l'exemple d'une télécommande qui a des flèches haut/bas. Quel bouton aurait le plus de sens pour passer à la chaîne suivante ou précédente? Le vidéo mérite d'être regardé pour les utilisateurs de l'interface utilisateur et de la convivialité.

1
Hisham

S'ils sont répertoriés par ordre chronologique, ne feriez-vous pas quelque chose comme ça?

Titre du poste 1 11/10/2011

Titre du poste 2 11/08/2011

Plus de messages >>

Je pense que même s'ils sont datés plus anciens, je continue de passer à la 2e page des éléments, ou de les parcourir comme je le ferais ensuite à travers une liste de pages, ou par le biais d'anciens e-mails ou quelque chose.

0
Ryan Doom