revue de site: yellowpimento
La victime du jour : le site YellowPimento.com, un blog tenus par des web designers pour des web designers.
Une source riche en exemples de choses à … ne pas faire.
Alignement à droite du site
La tendance étant aux écrans aux proportions 16:9, j’ai du mal à comprendre ce choix d’aligner le bloc de contenu à droite de l’écran. C’est contre-intuitif et diminue le potentiel immersif de l’écran: en regardant le contenu, la périphérie du regard sort de l’écran.
L’alignement au centre de l’écran est une évidence, particulièrement pour un site qui est à fort contenu textuel, et donc dédié à la lecture: typiquement, on utilise le design pour favoriser l’acte de lecture, afin de le rendre le plus confortable possible – du moins si l’on prétend placer l’utilisateur au centre du site.
typographie peu ergonomique
- Les liens sont mal identifiés. Exemple:
Devinez-vous que le texte en gras est un lien ? Une solution simple est d’utiliser le soulignement, c’est un principe qui a fait jurisprudence. - manque de contraste (utilisation du jaune sur fond blanc)
- police de caractère élégante mais trop fine: du coup les caractères vibrent et la lecture fatigue inutilement les yeux.
Formulaire peu ergonomique
J’ai voulu soumettre un site via le formulaire anglais, le captcha m’a empêché de le faire. Après 4 essais, j’ai utilisé le formulaire en français. Voici ce que j’ai eu comme message de retour:
Vous voyez le problème ? L’utilisation de la couleur rouge m’a d’abord fait croire que ma soumission avait (encore!) échoué. J’avais déjà presque quitté la page lorsque je me suis rendu compte qu’il m’informait du succès de l’opération.
Qui sont les auteurs?
Ce n’est pas un point critique mais, personnellement, j’aime savoir à qui je m’adresse afin de pouvoir évaluer la subjectivité du contenu notamment. C’est toujours utile de se présenter, une phrase suffit souvent. Rien ici qui m’indique le parcours des auteurs. La seule chose que j’ai trouvée qui identifie les auteurs, c’est tout en bas de la page, le … copyright.
2 noms de personnes que je ne connais pas personnellement. Difficile de juger sur cette base…
Conclusion de l’oncle Alex
Vous l’aurez remarqué, j’ai dit beaucoup de mal de ce site, mais je n’ai pas dit qu’il était moche ou bâclé. Au contraire, il s’agit d’un site manifestement soigné sur le plan graphique, simplement, le focus du design s’est porté sur ce qui plaisait à l’auteur, non sur ce qui rendrait les actions de l’utilisateur plus satisfaisantes, plus efficientes.
Toute l’attention s’est portée sur le plaisir graphique de l’auteur au détriment du contexte de la lecture de l’utilisateur.
Le public cible étant les web designers, on peut certainement s’accorder une liberté, mais est-ce bien honnête de rendre ses concurrents aveugles, angoissés, frustrés, voire de leur donner un torticoli ? :-P
4 réactions
C’est surprenant en effet mais en 1024 (résolution la plus courante) ça passe sans problème. Ceci dit, je ne sais pas comment vous surfez sur un écran 16/9 mais mon navigateur ne s’étale jamais sur toute la largeur. L’écran étant positionné au centre du regard, un positionnement d’un côté ou de l’autre n’est pas dérangeant.
« alignement au centre de l’écran est une évidence » ah bon ? en quoi ça serait plus évident que l’alignement à gauche ? Je dirais plutôt une « habitude ».
je surfe en 1920×1200 et j’ai hérité du comportement « windows »: je maximise. Je sais, je suis vieux et ringard :-).
« évidence »: quand tu parles à quelqu’un, tu regardes son oreille gauche ou droit dans les yeux? Quand tu lis un livre, tu le places naturellement en face de ton visage ou à gauche?
« quand tu parles à quelqu’un, tu regardes son oreille gauche ou droit dans les yeux? » => La comparaison n’est pas la même. Sur un site, notre regard est à la recherche d’une info (cf les différents modèles de lecture, triangle d’or…). Mais je comprends ce que tu veux dire. Le portrait photographié par un quidam est « naturellement » placé au milieu. Une sorte d’équilibre. Dans l’optique de la recherche, je pourrais te dire que l’évidence est culturelle: nous lisons de gauche à droite et donc le placement à gauche a plus de sens.
Il ne s’agit pas que d’équilibre esthétique issu de la loi gestaltienne de la symétrie: lorsque on s’installe devant un ordinateur, on se place pile au milieu, sinon on crée des tensions musculaires dans le cou et les épaules, à force de compenser le désaxage. Sur un petit écran type 1024×768 pas de problème vu que le site est conçu pour cette taille; il apparait donc centré. Mais dès que l’on monte en taille, il y a quelque chose d’inutilement gênant à devoir fixer le bord de son écran, soit en tournant le regard, soit en tournant la tête légèrement. Je ne vois pas le bénéfice de ce type de décentrage, particulièrement pour un site à fort contenu textuel.
La lecture en partant de la gauche n’est pas pertinent à mes yeux dans ce cas-ci puisqu’il s’agit de la disposition de l’objet Ecran face au sujet humain; cet argument là est utile pour justifier un alignement du texte à gauche plutôt qu’à droite ou justifié.
Le point important de l’alignement du texte est que le côté gauche du texte forme une belle droite verticale, que l’oeil n’aie pas à rechercher le départ de la ligne de texte qu’il est occupé à lire.
Lire à ce sujet: http://www.useit.com/alertbox/navigation-menu-alignment.html