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.
Courbe Google Analytics et taux de rebond
De retour d’un petit déjeuner organisé par Atlantic 2.0 à Nantes, voici un lien vers le téléchargement d’une présentation faite autour de la thématique Google Analytics en mode avancé. On y parle des thématiques suivantes :
Designing The Obvious de Robert Hoekman
Ce bouquin est juste excellent.
Sous une approche très subjective de l’écriture (Hoekman y dévoile sa propre expérience), l’auteur nous livre des montagnes de « tips & tricks » coulant de bon sens sur l’échafaudage d’interfaces utilisateur sur le web.
Designing the Obvious
Auteur : Robert Hoekman, Jr.
Éditeur : New Riders 2007
ISBN-10 : 0-321-45345-X
ISBN-13 : 978-0-321-45345-7
En environ 250 pages, Hoekman m’a ouvert les yeux sur un tas de techniques qui m’aident dans mon travail de tous les jours. Bref, ce type a compris beaucoup de choses sur la préhension des applications web, et sait le faire partager.
Quelles lectures recommanderiez-vous à tout web designer ou autre professionnel du web ? J’attends vos suggestions pour garnir nos étagères…
Version iPhone du site Internet de LunaWeb
Découvrez sans plus attendre les différentes pages de la version mobile du site LunaWeb en vous rendant sur notre page référence !
Le site LunaWeb en version Mobile »
* * * Bonne lecture ! * * *
Le smartphone d’Apple est à la mode depuis bientôt deux ans, ça tombe bien il a permis de révolutionner la consommation d’Internet, et de faire entrer de plein pied l’accès Internet nomade dans le monde personnel comme professionnel.
Le développement d’applications iPhone suit des guidelines mises à disposition par Apple, d’un point de vue technique mais également ergonomique et fonctionnel. Dans le grand nombre d’applications disponibles sur l’AppStore, de nombreuses applications mettent par exemple en place une navigation qui se base sur le composant adéquat mis à disposition dans le SDK. Pour l’utilisateur, c’est l’assurance d’une appréhension plus simple et plus intuitive de l’interface.
[Source : Ergonomic Garden - iPhone & Android ou la prise en compte des guidelines - http://is.gd/1Ktf6]
Lancement de nouveaux produits, ouverture de nouveaux services, fidélisation de clientèle et politique relationnelle auprès de ses consommateurs… La rentrée est LA bonne période pour concevoir des campagnes d’emailing efficaces. Voici quelques conseils techniques pour assurer la meilleure délivrabilité et utilisabilité à vos messages.
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.
Etude analytique sur l'emailing, par Exact Target
Dans le dernier livre blanc d’Exact Target, intitulé email Marketing Design & rendering: the New essentials (télécharger le PDF), de nombreuses analyses portent le comportement utilisateur d’un internaute « ciblé » par une campagne emailing.
Parmi celles-ci, une grande attention est portée à recueillir les réactions des internautes au moment de la réception des emails, afin de comprendre les mécanismes de décision de ces derniers à l’heure d’ouvrir, de jeter ou de classer le message en « spam ».
Si l’on regarde donc à la loupe le comportement des usagers, on observe vite que —selon le degré de connaissance de l’outil informatique et selon la fréquentation du média Internet— ces derniers adoptent une conduite que l’on peut décomposer en 5 étapes distinctes.
Voilà donc comment opère le « micro-processeur humain » de notre conscience lorsque l’on entend le Ding de notre logiciel d’email :
Source : http://email.exacttarget.com/etweb/dlwp.aspx?id=2770
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.
Autre livre à méditer pendant les périodes plus calmes de la fin d’année,
Coder pour le web est un ouvrage sacrément bien conçu abordant la problématique épineuse de la conception selon les standards du web de gros sites dynamiques, car s’il est facile de concevoir un site portfolio répondant aux exigences les plus pointues des standards d’accessibilité et de validité du code xHTML/CSS ; il est en revanche beaucoup plus compliqué d’observer la même rigueur avec des sites manipulant beaucoup plus de variables et de données.
Vous apprendrez notamment comment :
Voici enfin un ouvrage complet sur un sujet rarement abordé et pourtant fondamental pour tous les concepteurs de sites Internet. Consultante en ergonomie et architecture de l’information, Amélie Boucher (lire son interview chez Eyrolles) nous fait profiter de son savoir-faire et nous montre que l’ergonomie ne relève pas que du bon sens.
Un travail vraiment intéressant qui, selon moi, doit être à l’origine de tout concept Web tant il permet d’éviter certaines erreurs de conception et d’anticiper des faux pas tout au long de la phase de conception et réalisation d’un projet de site Web.
Parole à son auteure :
Ergonomie web offre donc à la fois des conseils pratiques simples à appliquer et des pistes méthodologiques pour intégrer l’ergonomie au quotidien dans un projet web.
Cependant, l’ouvrage ne se limite pas à cela. Il expose aussi les fondements théoriques qui sous-tendent les grandes règles d’ergonomie. Ainsi, il est à la fois intéressant pour découvrir cette discipline, mais aussi pour approfondir ses connaissances. Ce faisant, il s’adresse à la fois aux débutants et aux lecteurs plus avancés.
Quelque soit leur métier, tous les acteurs du web pourront y acquérir un niveau de base, une sorte de « culture générale » d’ergonomie web. Il est d’ailleurs absolument nécessaire que nous partagions tous cette culture. C’est ce qui nous permettra de promouvoir un meilleur Internet, pensé pour ses utilisateurs. Ensuite, chacun en fonction de son métier (décisionnaire, chef de projet, concepteur, designer, intégrateur, webmaster, etc.) entretiendra ses propres affinités avec chacun des 12 chapitres qui composent le livre.
» Voir la fiche complète de Ergonomie web, pour des sites Web efficaces.
