web-dev-qa-db-fra.com

Le texte pivoté dans le sens horaire ou antihoraire est-il plus facile à lire?

Lors de la rotation du texte avec css, doit-il être tourné dans le sens horaire ou antihoraire? L'un est-il plus lisible que l'autre?

Dans le sens antihoraire: counter clockwise - Dans le sens horaire: clockwise

73
John

Je crois que ni l'un ni l'autre n'est "plus facile" à lire en général, et j'essaierais plutôt d'en faire un paramètre dépendant du pays qui imite l'orientation courante de la colonne vertébrale du livre , soit dans le pays du visiteur, soit dans le pays du site Web.

Dans l'entrée de livre de Wikipedia, la section inclinaison de la colonne vertébrale dit ce qui suit:

Aux États-Unis, dans le Commonwealth et en Scandinavie, les titres sont généralement écrits de haut en bas sur la colonne vertébrale. Cela signifie que lorsque le livre est placé sur une table avec la couverture avant vers le haut, le titre est correctement orienté de gauche à droite sur le dos. Cette pratique est reflétée dans les normes industrielles ANSI/NISO Z39.41 et ISO 6357.

Dans la plupart des pays d'Europe continentale, les titres sont conventionnellement imprimés de bas en haut sur la colonne vertébrale. Ainsi, lorsque les livres sont placés verticalement sur des étagères, le titre peut être lu en inclinant la tête vers la gauche.

Ma préférence personnelle est la rotation dans le sens antihoraire, ce qui est cohérent avec ce qui précède puisque je vis en France. Un rapide coup d'œil aux ~ 500 livres de ma bibliothèque le confirme: les livres en français, espagnol ou allemand utilisent CCW alors que les livres en anglais (britannique et américain) utilisent CW.

Modifier : il semble que l'orientation de la colonne vertébrale du livre ne reflète pas nécessairement la facilité avec laquelle elle peut être lue lorsque le livre est posé sur une étagère. Ma compréhension supplémentaire est que les livres européens utiliseraient CCW parce que la colonne vertébrale peut être lue facilement en position debout, et les livres américains utiliseraient CW parce que la colonne vertébrale peut être lue en position debout (pas nécessairement avec facilité) et ils peuvent être lus facilement à plat. Je n'ai cependant pas grand-chose pour étayer cette théorie.

58
sam hocevar

Réponse courte
Faites-les comme des onglets et suivez ce modèle mental (dans le sens des aiguilles d'une montre à droite, dans le sens inverse des aiguilles d'une montre à gauche, debout en bas).

Réponse moyenne
Si votre conception utilise des éléments de type onglet, suivez la logique des onglets. S'il utilise des éléments de type livre, suivez ce modèle et choisissez une direction. Si vous êtes aux États-Unis, suivez l'orientation des épines de livre ici (dans le sens des aiguilles d'une montre). Et si vous utilisez des éléments à différents endroits qui utilisent les deux modèles mentaux, suivez-les chacun en fonction de leur contexte.

Réponse plus longue
Il existe de nombreux modèles mentaux contradictoires, comme les épines de livre occidentales, les épines de livre d'Europe de l'Est et les onglets de dossier. Il n'y a aucun moyen de faire correspondre tous les modèles mentaux importants, vous devrez donc en choisir un. La vraie question est, quel modèle a le plus de sens pour votre utilisateur?

Les onglets de dossiers sont l'une des formes les plus courantes que je vois utilisées dans la conception Web, alors disons que nous correspondons à ce modèle. Voici à quoi ça ressemble: enter image description here

Ensuite, il y a le modèle de dos de livre, que SlideDeck utilise dans leur produit de démonstration . Cela ressemble à ceci: enter image description here

L'orientation de la colonne vertébrale du livre est largement arbitraire, mais vous pourriez aussi bien correspondre aux attentes des utilisateurs de votre région. Si ce sont les États-Unis, allez dans le sens des aiguilles d'une montre, si c'est la Hongrie, allez dans le sens inverse des aiguilles d'une montre, et si c'est l'Italie, cela n'a pas d'importance.

43
Taj Moore

Il y a ne étude sur la lisibilité du texte tourné de l'Université de Toronto. Bien qu'il soit sur des écrans de table, je pense qu'il peut également être appliqué ici. Le résultat montre qu'il faut beaucoup moins de temps pour lire dans le sens horaire (rotation de -90 degrés) pour les mots dans n'importe quelle position de l'écran. Cependant, ce n'est pas clair pour le nombre à 6 chiffres.

22
puri

La rotation dans le sens antihoraire me semble toujours la plus naturelle. Cela me permet de lire de gauche à droite sans prendre de décision consciente.

Dans le sens horaire, d'autre part se sent en arrière. Cela semble très peu naturel et me donne envie de pencher la tête pour lire.

9
Aaron McIver

Discussion intéressante sur ce sujet dans le forum IXDA ...

dans le sens horaire ou antihoraire

La discussion dans le forum est arrivée à la conclusion que le texte devrait être aligné dans le sens de la lecture de gauche à droite. Cela signifie: sur le côté gauche, utilisez de bas en haut et sur le côté droit, utilisez la direction de haut en bas. Cela correspond au premier diagramme de Patrick.

6
sysscore

Je pense que cela dépend du côté de la page.

A gauche, je veux lire de bas en haut, à droite, de haut en bas.

Si je regarde l'écran et que je dois tourner légèrement la tête, cela me permet de lire de gauche à droite.

4
CaffGeek

Il ne s'agit pas tant d'un cas dans lequel il doit tourner que d'un cas, si vous avez du texte vertical dans votre site Web, dans le but de le retirer, etc. Le bas du texte doit faire face à l'extérieur de l'écran.

4
invalid_arg

Il est plus facile de lire dans le sens des aiguilles d'une montre à droite de l'écran et dans le sens inverse des aiguilles d'une montre à gauche de l'écran simplement parce que c'est ainsi que vous inclinez la tête vers lui. (en supposant que votre tête est devant l'écran central)

C'EST À DIRE. la base du texte doit toujours pointer vers l'intérieur

2
JamesRyan

Cela revient à ce que le texte est ancré. Si vous avez du texte sur une courbe, vous alignez les lignes de base pour suivre la courbe.

Si vous avez une boîte sur le côté gauche de l'écran (dites "précédent"), le texte doit être tourné de 90 ° dans le sens des aiguilles d'une montre pour que le texte soit lu vers le bas.

Si, à l'inverse, vous avez une boîte sur le côté à droite de l'écran (dites "suivant"), le texte doit être tourné de 90 ° dans le sens antihoraire pour que le texte soit lu vers le haut.

Si vous avez une boîte accrochée à un autre élément, alignez la ligne de base sur les contours de l'élément.

1
zzzzBov

Cela dépend si une personne est gaucher ou droitier. Si l'on est droitier, il est plus facile de lire du texte pivoté dans le sens antihoraire. Si la personne est gaucher, il est plus facile pour elle de lire le texte tourné dans le sens horaire. Les gens font également pivoter leur page d'une manière similaire lors de l'écriture.

1
Raouf Athar

Je suis d'accord avec l'approche "dans le sens horaire à droite, anti-horaire à gauche".

Mon intuition est que ce mode mental nous vient de la signalisation du bâtiment, où le texte qui apparaît sur les drapeaux ou les bannières semble plus "naturel" si sa ligne de base s'aligne avec le mur du bâtiment (surface plus longue et visuellement dominante).

De même, les bords verticaux de l'écran sont des surfaces visuellement dominantes dans l'interface utilisateur et les lignes de base de texte doivent être orientées vers eux.

0
Slavko Eror

Il ne s'agit pas de savoir comment il est écrit sur une seule ligne.

Les humains sont conditionnés à lire les listes de haut en bas ou de gauche à droite.

Lorsque vous modifiez l'orientation, cela réduit la confusion si de haut en bas coïncide également avec de gauche à droite.

Par exemple, s'il y a trois livres qui sont les parties 1, 2, 3. Notre façon naturelle de les empiler serait de garder 1 à gauche et 3 à droite.

Maintenant, lorsque vous lisez les titres, vous voulez évidemment lire le titre pour 1 en premier - puis 2, puis 3. S'il est écrit dans un style américain, cela ne fonctionnera pas et se sent mal. S'il est écrit dans un style européen, cela se sent bien.

Les Américains se concentrent sur le livre unique, tandis que la méthode européenne semble et se sent bien quand il y a plusieurs livres.

Et évidemment, lorsque vous placez des livres verticalement, il n'y a jamais un livre. C'est évidemment plusieurs livres.

Si vous allez placer un seul livre à plat, pourquoi ne pas simplement lire à partir de la couverture supérieure au lieu de la colonne vertébrale !!

Je suppose que les Européens ont un peu plus d'expérience avec les livres, étant donné que Gutenberg a commencé à y faire des livres! Probablement dans quelques siècles, les Américains auront du sens! Mais ne retenez pas votre souffle!

0
Prasad