Pourquoi utiliser une mise en page à 3 colonnes comme StackExchange, Facebook et YouTube?
Pourquoi des sites comme StackExchange, Facebook et YouTube centrent-ils leur contenu et réduisent-ils sa largeur? Contrairement à des sites comme Reddit qui fonctionnent sur toute la largeur.
Essayent-ils d'épargner à l'utilisateur un trop grand mouvement horizontal du globe oculaire?
Essayent-ils de briser la monotonie de la page pour augmenter son attrait visuel?
S'agit-il d'un principe de conception secret que seuls les grands connaissent?
Je ne pense pas que ce soit une conception secrète. En fait, c'est un principe qui peut être hérité des journaux ou des magazines: il serait impossible de lire des articles s'ils n'avaient pas cette disposition en trois ou quatre colonnes, simplement parce que vos yeux perdraient sur quelle ligne vous lisez et quelle est la suivante lire. Cela minimise les mouvements du talon oculaire pendant la lecture.
Une autre raison peut également être d'éviter de traiter chaque largeur d'écran différente sur la terre. En fixant une largeur pour la partie centrale, il est plus facile de gérer l'apparence et le comportement général de l'interface graphique.
Cela apporte également de la cohérence avec d'autres applications web, car avoir les différentes fonctions situées d'un côté ou de l'autre rend l'ergonomie cohérente à l'intérieur du site et entre différents sites.
Et en fait, il est plus facile lorsque vous développez une application de suivre les mêmes principes que l'autre au lieu de réinventer une nouvelle chose.
Pourquoi certains sites ne suivent pas la disposition en trois colonnes? Eh bien, c'est également le choix du développeur de choisir la disposition à afficher. Et le choix de l'utilisateur d'utiliser ses sites préférés en fonction de la mise en page ou non.
Il existe de nombreux principes d'ergonomie que vous pouvez suivre. Vous pouvez consulter les normes ISO-14915 à ce sujet.
Bien qu'il existe des problèmes d'utilisation concernant les longueurs de ligne, je pense qu'il y a deux raisons principales pour lesquelles cette disposition est si populaire.
Contrôle de conception. Les concepteurs ont beaucoup plus de contrôle sur l'apparence du site Web en utilisant la disposition centrée à largeur fixe populaire car les éléments de la page ne se déplaceront pas ou ne changeront pas de taille à la merci de la taille de la fenêtre du navigateur de l'utilisateur.
Facilité de construction. Encore une fois, cela revient à contrôler. Vous savez toujours la largeur de la mise en page, il est donc plus facile de positionner les éléments de page de manière robuste. Construire une disposition fluide et pleine largeur qui n'a pas l'air terrible est un travail plus difficile.
Je ne suppose pas que c'est une question qui verra des réponses définitives à moins que nous ne nous disputions les concepteurs des sites que vous mentionnez. En réponse aux trois questions, j'oserais "oui", "oui", "non", mais je proposerais également d'autres explications possibles non représentées:
Nous parlons de l'expérience tilisateur, bien sûr, mais un concepteur est une sorte de tilisateur. Nous devons utiliser les sites que nous créons, au moins dans le processus, et en tant que tels notre expérience utilisateur en tant que concepteurs a une influence sur les décisions que nous prenons. Une disposition centrée et contrainte permet l'un des deux modes de fonctionnement sur les moniteurs plus larges que beaucoup (la plupart?) D'entre nous conçoivent actuellement:
- Vous pouvez garder votre navigateur/code/fenêtres utilitaires à une petite taille confortable et en avoir plusieurs visibles lorsque vous devez pouvoir passer rapidement d'un focus à l'autre.
- Lorsque vous devez ensuite vous concentrer sur une seule tâche, vous pouvez la développer en plein écran (ou la fermer) et bloquer le bruit avec un espace libre (sinon blanc). (c'est-à-dire que le développement en plein écran vous donne plus espace pour vous concentrer sur la même quantité d'informations, au lieu de maintenir une densité d'informations à peu près statique mais de la répartir sur l'ensemble du moniteur.
Lorsque je reviens sur ma propre histoire de conception, il y a un changement palpable suite à mon propre changement d'écran il y a plusieurs années. Peut-être devrais-je résister à l'hypothèse d'un lien de causalité?
@lauhub fait un pas dans cette direction quand il discute de la conception pour le large éventail de tailles d'écran disponibles, mais un sous-produit de cette variété est que les utilisateurs multi-écrans auront une expérience de site plus cohérente à travers les sessions si le conten dans la conception évite de consommer tout l'espace disponible.
Reddit, bien que très apprécié, est un gâchis visuel et nous devrions probablement éviter d'extrapoler leurs décisions de conception en prescriptions pour une bonne conception.
Voici mon avis sur la mise en page et pourquoi cela fonctionne.
Premièrement, nous, les humains, avons tendance à lire de gauche à droite/de droite à gauche. Nous savons tous que.
Les longues longueurs de ligne sont mauvaises pour la lecture, mais cela ne s'applique pas nécessairement à YouTube, sauf si vous aimez lire les commentaires tout en écoutant la vidéo.
Même si nous tenons compte de notre sens de lecture, cela ne signifie pas que le texte doit commencer à l'extrême gauche ou à droite. Cela donne au lecteur l'impression qu'il a été placé dans un coin lecture. Nous lisons à gauche/à droite mais nous balayons les choses de haut en bas le long du centre.
Nous, les humains, avons tendance à vouloir la symétrie et à placer le contenu au milieu, c'est là que nous nous sentirons le plus à l'aise de regarder le contenu. Lorsque nous regardons quelqu'un, nous ne regardons pas ses oreilles gauche ou droite pour se concentrer sur lui. Au moins, je ne le fais pas parce que je me sentirais bizarre si je le faisais. C'est pourquoi je pense que la mise en page fonctionne. Le contenu, ou ce sur quoi nous voulons nous concentrer, est au milieu.
Reddit pourrait certainement améliorer sa mise en page et bénéficierait d'une mise en page où son contenu principal d'actualités est centré sur la page et ne souffre pas de longues files d'attente. Ils pourraient rendre leurs menus plus grands et plus faciles à cliquer en haut, et ils auraient plus de place pour du contenu supplémentaire sur les côtés tout en laissant leur contenu principal au milieu, où nous avons tendance à vouloir regarder de toute façon.
Youtube - quoi de mieux en regardant une vidéo centrée ou en regardant une vidéo à l'extrême gauche de l'écran? La navigation à gauche ou à droite est très bien. La navigation est secondaire au contenu. Le contenu est le sujet principal. Imaginez si vous avez placé votre téléviseur sur les coins gauche ou droit de votre mur? Il se peut que vous deviez le faire en raison des contraintes de la pièce, mais cela se sent mieux au centre.
Facebook - le contenu est au centre. Le contenu est le fil d'actualité et ce que disent nos amis. Toutes les choses sur le côté sont secondaires. Qui veut que son fil d'actualité soit à l'extrême gauche ou à droite? Qu'est-ce qui serait au milieu? menus? la navigation? Non, le contenu. Et le contenu est l'information sur nos amis et les membres de notre famille.
Stackexchange - Le but est de voir quels types de questions les gens se posent. Les quêtes sont le contenu et sont au centre. Tout ce qui se trouve sur le côté et sur le dessus vous permet simplement d'accéder aux questions qui vous concernent. Encore une fois, le contenu principal est au milieu.
Voilà mon opinion. Le contenu est roi et il doit occuper le devant de la scène ... ne pas être à gauche de la scène ou à l'extrême droite où vous devez le chercher.