Est-ce une mauvaise idée de déplacer le contenu à droite de la page?
J'ai récemment découvert n blog qui a une mise en page originale:
La moitié gauche de la page contient par son nom, deux menus, les boutons sociaux et le copyright. La majeure partie de l'espace n'est pas utilisée et est remplie d'une image d'arrière-plan inutile.
La moitié droite de la page est un véritable article de blog, c'est-à-dire le contenu qui compte réellement.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Au début, j'ai trouvé que c'était une très mauvaise idée parce que la moitié de la page était perdue. Mais après avoir imaginé comment formater le contenu différemment, je me suis retrouvé avec pratiquement aucun gain d'espace:
Le bouton droit d'auteur et les boutons sociaux se déplacent vers le bas de l'article (car le lecteur est censé d'abord lire l'article, puis ne penser qu'à le partager ou à se soucier du droit d'auteur).
Je trouve toujours qu'il y a quelque chose d'intrinsèquement mauvais avec la disposition d'origine. Mes nouvelles raisons seraient:
Le fait qu'il soit différent des autres sites Web où le contenu principal se trouve soit au milieu ou pratiquement au milieu de la page (comme les sites StackExchange), soit à gauche.
Le fond sombre du volet de gauche attire encore plus l'attention inutile et distrait du contenu réel.
Cependant, cela ne semble pas être un argument fort contre une telle disposition. Donc:
Les deux dispositions que j'ai illustrées ci-dessous (c'est-à-dire l'original et ma modification) sont-elles également valables? Pourquoi?
La plupart d'entre nous sont conditionnés pour commencer à lire à gauche. C'est pourquoi je mettrais le contenu principal (ici, le texte du blog) à gauche (en supposant une des langues LTR "occidentales").
Le fractionnement de page n'a pas besoin d'être à 50%, il n'y a donc aucune raison de gaspiller de l'espace comme vous le montrez dans votre deuxième exemple.
Une autre considération est la longueur de la ligne: si les lignes deviennent trop longues (c'est-à-dire que les paragraphes deviennent trop larges), il devient difficile pour les lecteurs de suivre la ligne et de revenir au début de la ligne suivante. Vous devez donc limiter la longueur des lignes, ce qui pourrait entraîner des paragraphes beaucoup plus petits que la largeur de l'écran. En raison de la largeur et de la hauteur variables de l'écran et du fonctionnement du défilement, il est difficile d'organiser le texte dans des colonnes plus petites (comme le font les journaux).
Par exemple, voir http://practicaltypography.com/line-length.html pour les recommandations de largeur - il y a certainement plus de discussions à ce sujet.
Bien que cette mise en page soit moins courante sur les sites Web, elle devient rapidement plus courante dans les applications à fort volume d'utilisation. Et pour une bonne raison, il est excellent pour fournir la navigation et le contenu, et correspond à la façon dont nous concevons (mentalement) d'aborder l'évolution, de gauche à droite:
Sur Mac et iPad: Mail & Notes sont probablement deux des applications les plus utilisées, qui mettent toutes deux le contenu à droite et les contrôles à gauche.
Historiquement, la navigation était souvent à gauche des sites Web et le contenu à droite. Le Finder de Mac et l'Explorateur Windows offrent également des moyens de fonctionner de cette manière, et sont probablement les applications les plus utilisées sur leurs systèmes respectifs.
Cela pourrait donc être la webification d'idées UI/UX à partir d'applications de bureau;)
En réponse directe à votre question, est-ce une bonne idée? Je le pense. Je pense que c'est très bien, intuitivement compréhensible et intuitif. Tant que la réactivité peut s'adapter à la concentration sur le contenu lorsque l'écran est pivoté ou redimensionné, je ne vois aucun problème.