211service.com
Les mises en page horizontales de sites Web sont-elles la vague du futur ?
Lors de la consommation de contenu sur le Web, le défilement n'est pas naturel - c'est ce qu'un Une enquête de suivi oculaire de Jakob Nielsen révèle . Une minorité d'utilisateurs fera défiler pour regarder les informations sous la ligne de flottaison, mais ils ont tendance à les numériser superficiellement :
Temps passé à consulter une page Web par rapport à la profondeur de défilement (c) Jakob Nielsen
Cela n'a pas empêché d'innombrables sites de créer une page d'accueil sans fin, au cas où le territoire supplémentaire générerait des clics supplémentaires. Cette mise en page a également tendance à se traduire en articles, sauf lorsqu'ils sont paginés (généralement au détriment de l'expérience utilisateur).
Mais récemment, quelques exemples d'une mise en page alternative sont apparus. Et bien qu'ils puissent ne pas convenir à la page d'accueil d'un site Web - où les utilisateurs ont été tellement conditionnés à certains types de mises en page que s'en écarter est probablement toujours au détriment de leur facilité d'utilisation - ils suggèrent un avenir dans lequel l'expérience de lecture Web est bien plus agréable qu'aujourd'hui.
Nouveaux modèles d'interaction, anciennes façons d'afficher du contenu
La clé de la résurgence possible des mises en page horizontales des sites est la fin de la tyrannie de la souris, de la molette et des barres de défilement. Les interfaces tactiles, qu'il s'agisse de pavés tactiles ou de tablettes, permettent aux utilisateurs de parcourir le contenu dans n'importe quelle direction, pas seulement de haut en bas.
La première chose que ces interfaces reconnaissent est que nous sommes plus à l'aise pour lire du texte dans des colonnes d'une certaine largeur. La plupart des sites Web ne respectent pas cette exigence de conception - même le site sur lequel vous vous trouvez affiche désormais du texte dans des colonnes environ deux fois plus larges que ce qui serait optimal (cela dépend de la taille de la police). Il y a une raison pour laquelle les magazines et les journaux utilisent tous des colonnes d'environ la même largeur.
Compte tenu de l'expérience de son créateur en matière de magazine, il n'est pas surprenant que le moteur de mise en page de magazine Web TreeSaver, assemblé par l'équipe de Roger Black, utilise à la fois la mise en page en colonnes et la pagination horizontale. Voici une capture d'écran d'un magazine alimentaire dans le portefeuille TreeSaver :
Une page du magazine numérique Real Eats
Mais les arguments en faveur d'un nouveau modèle de lecture sur le Web ont été présentés de manière très convaincante par le designer Frank Chimero, qui argumente dans son essai (présenté horizontalement) Horizontalisme et lisibilité :
Avec des colonnes plus petites placées horizontalement, l'œil peut se déplacer de gauche à droite pour lire une ligne, descendre pour prendre la suivante, puis, lorsqu'il termine une colonne, passer à la suivante et ignorer les colonnes précédemment lues.
La quantité de mouvement horizontal requise de l'œil peut être équilibrée avec une mesure verticale raisonnable (la hauteur de la colonne). L'orientation horizontale permet également quelque chose que nous tenons pour acquis avec la pagination dans les livres : la possibilité d'ignorer et de ne pas relire le texte que nous avons déjà lu.
La relecture et la perte de position, en fait, sont un problème courant avec de longues bandes verticales de texte. Il est difficile de ne pas tenir compte du texte déjà lu, et le flux de l'œil n'est pas équilibré car le mouvement implicite est généralement si fortement vertical. Le lecteur est aussi fréquemment interrompu par la nécessité de réorienter le texte en faisant défiler pour produire de nouveaux paragraphes à lire. Ce n'est pas de la torture, mais je pense que la lisibilité est pire que nous ne le pensons en raison de notre acclimatation à l'environnement de lecture vertical. Nous en faisons tellement, nous avons dû nous adapter. Mais cela ne veut pas dire que c'est optimal.
L'argument de Chimero est mieux connu dans son format d'origine .
Tout cela fait partie d'une renaissance pour rendre l'expérience de lecture sur le Web plus agréable. De l'encre électronique à un meilleur contrôle des polices en HTML 5 et du texte à contraste plus doux, ainsi que le passage continu de l'impression vers des écrans de toutes dimensions, l'expérience de lecture Web a le potentiel de devenir beaucoup plus semblable à la lecture imprimée de l'expérience.
Une écrasante majorité de sites Web n'ont pas encore respecté ces conventions et semblent avoir peu changé depuis dix ans. C'est dommage et cela pourrait même être l'une des raisons pour lesquelles le Web n'a pas encore atteint le prestige, les tarifs publicitaires et les revenus générés par l'impression.
