Après avoir touché un peu au HTML5 dans mon précédent article, je pense que cette version 5 du langage le plus utilisé du Web va révolutionner la manière de structurer le code des pages et donc des interfaces que nous réalisons au quotidien.
Il y a des pour et des contre, et à travers cet article je vais surtout vous exposer ce qui me semble incohérent ou pas prêt pour la mise en production d’un site codé en HTML5.
Le bureau de Mac OS X Leopard
À en croire la plupart des écrits que l’on peut trouver sur Internet, depuis son article sur Wikipédia jusqu’aux argumentaires de vente d’Apple, Mac OS X est un système d’exploitation simple, ergonomique, qui propose à l’utilisateur une expérience sans égale.
Mais qu’en est-il réellement ?
Jusqu’en Janvier dernier, je travaillais chez LunaWeb sous un environnement Linux, plus précisément une distribution Kubuntu que j’utilise encore à titre personnel.
L’équipe s’agrandissant et les nouveaux arrivants choisissant tous de travailler sur des machines Apple, je suis resté seul à ne pas pouvoir utiliser pleinement certains outils qui se mettaient progressivement en place. Afin de ne pas rester en marge, j’ai décidé de migrer moi aussi vers Mac OS X et de troquer mon ancien poste contre un Mac mini fonctionnant sous Mac OS X Léopard.
Après plusieurs mois d’utilisation, j’aimerais faire aujourd’hui un comparatif des deux systèmes et vérifier avec vous si ce que l’on dit de Mac OS X est bien vrai. Car si il est effectivement assez simple à prendre en main et graphiquement très abouti, qu’en est-il de l’ergonomie ?
Dans son article Publicité sur le web : que fait l’ergonomie ?, l’excellentissime Ergolab revient en détail sur ce que l’ergonomie peut apporter au contenu promotionnel d’un site Internet, puisqu’il s’agit avant tout de continuer à respecter l’accès aux contenus d’un site même lorsque l’on a recours à l’e-publicité.
La publicité sur le web est omniprésente. Comme tout élément de contenu constitutif d’un site Internet, elle entraîne des questionnements ergonomiques. Notre objectif consiste à laisser la publicité jouer son rôle, tout en limitant ses défauts potentiels du point de vue de la qualité d’utilisation d’un site.
(…) Véritable fondement de l’économie numérique, la publicité sur le web existe et ne peut pas être exclue sous prétexte qu’elle est susceptible de gêner l’internaute.
Même si les choses ont un peu évolué depuis la parution de cet article de Christian Heilmann (merci Pompage.net pour la traduction), ce dernier vous permettra sans aucun doute de mieux comprendre pourquoi de nombreux clients sont encore peu sensibles à l’accessibilité et vous donnera peut-être quelques idées pour essayer de les faire changer d’avis.
Comme le dit son auteur :
Il est actuellement très frustrant d’être consultant en accessibilité dans une entreprise spécialisée dans les technologies de l’information. Les procès fortement médiatisés et les mythes profondément enracinés sur l’accessibilité ne nous rendent pas service lorsque le produit final n’aide pas vraiment les visiteurs. Nos clients ne s’inquiètent pas autant de l’accessibilité que nous le voudrions et il y a plusieurs raisons à cela.
Une fois n’est pas coutume, je vous propose aujourd’hui de faire la critique d’un site que j’ai récemment découvert, que je trouve exemplaire à bien des égards, et que je vous propose de commenter : www.evaneckard.com.
Dans un article 10 Principles Of Effective Web Design, Smashing Magazine (l’un de mes 3/4 sites d’inspiration préférés), l’auteur revient sur les concepts d’usabilité, d’ergonomie et d’accessibilité abordés depuis la perspective du design.
D’une documentation remarquable (je ne sais comment ils vont chercher tous ces sites exemplaires pour illustrer leurs dires), cet article reprend les principes de base de l’heuristique appliquée au webdesign.
J’apprécie particulièrement la première partie de cette intervention, intitulée How do users think?, qui démontre images à l’appui que les internautes ne lisent pas, ils scannent une page, comme l’illustre l’aperçu suivant :
Les zones « chaudes » de cette image correspondent aux endroits les plus consultés par l’iris du lecteur, ceci grâce à l’analyse des mouvements de l’oeil sur une page Web (en savoir plus sur cette technique : Eyetools.com. Autrement dit, les internautes cherchent des points d’accroche, comme des ancres, permettant de poser le regard sur un éléments, qu’il s’agisse d’un bloc de texte ou d’une image.
En comparant les deux aperçus, on se rend bien compte de l’intérêt du visuel et du menu contextuel sur la page de droite. La page est bien plus balayée, et maintient une attention jusqu’à la fin du document.
Je vous laisse découvrir les 10 principes du Webdesign accessible et ergonomique par la lecture de l’article original.
Excellent article de Joe Dolson et relayé par Pompage.net pour sa version anglaise. Il aborde le thème de l’accessibilité du contenu d’un site Web vu par le prisme de la typographie.
On balaie la taille des polices, l’interlignage, le choix des typo, l’alignement des paragraphes d’un texte ainsi que l’espacement des lettres. L’accès universel et aisé à un texte est en effet d’abord conditionné par la lisibilité d’un texte, il faut donc avant toute chose soigner en particulier la perception de votre contenu auprès d’un public de lecteurs qui ne sont pas tous à 10/10 d’acuité visuelle, ni équipé des meilleurs écrans du marché…
Je laisse la parole à l’auteur pour la conclusion :
Les éléments à prendre en compte dans la typographie pour Internet sont les mêmes que pour les autres médias, c’est la manière d’utiliser les ressources qui change, afin de s’adapter aux visiteurs. L’absence de contrôle sur de nombreux éléments oblige les webdesigners à réfléchir à d’autres façons d’optimiser les moyens à leur disposition. Il ne suffit pas de s’en tenir à un modèle spécifique, il existe trop d’impondérables. Il vaut mieux au contraire savoir dans quelle mesure les préférences de l’utilisateur peuvent avoir un impact sur vos choix typographiques et éviter les situations risquant de rendre le texte illisible.
» lire l’article Améliorer l’accessibilité Web par la typographie
Excellent article paru initialement sur WP Designer (une mine d’informations sur le plus célèbre des moteurs de blogs) contenant une petite dizaine d’astuces pour sécuriser et optimiser Wordpress. Simple et pragmatique, ce listing de petites améliorations applicables en 20 minutes vous permettra d’améliorer le fonctionnement de votre blog à bien des égards.
Une sélection des astuces les plus ingénieuses :
Il faut juste plonger un petit peu dans le code, mais cela en vaut la peine !
» Lire l’article WordPress Tips
L’équipe de Pompage.net délivre une version francisée de l’excellent et très complet article de WebAIM revenant sur l’utilité, le contexte, la mise en oeuvre et les impacts sur texte alternatif utilisé au contenu non textuel d’une page web (notamment sur les images) dans un soucis d’accessibilité.
On y apprend que le texte alternatif a plusieurs rôles :
» Lire l’article Bien utiliser le texte alternatif »
