10 comportements-types à surveiller

Le site Webcredible nous propose ce mois-ci un très bon article résumant 10 comportements-types constatés lors de sessions de test : 10 unexpected online user behaviours to look out for. Ces comportements sont bien connus mais c’est toujours une bonne chose de les résumer pour ne pas les oublier dans vos travaux quotidiens de conception :

  • Aveuglement dû aux bannières. Depuis plus de 10 ans que le web existe et que les utilisateurs se font matraquer les yeux de bannières qui bougent et qui flashent, ces derniers ont développés un mécanisme inconscient de protection contre ces agressions visuelles. Surnommé ”banner blindness“, ce phénomène se traduit ainsi : La partie inconsciente du cerveau des utilisateurs leur masque les éléments assimilés à de la pollution visuelle (tout ce qui bouge en haut de page) pour diminuer la charge cognitive. Conséquence : Les éléments de la page avec un traitement graphique trop lourd (animation, beaucoup de couleur dans un petit espace…) sont tout simplement ignorés, et les utilisateurs n’en ont pas forcément conscience.
  • Vision tunnel.  Plus vous demandez à un utilisateur d’effectuer une tâche complexe et plus il va concentrer son attention et réduire son champ de vision. Conséquence : Les éléments en périphérie de page ne sont pas vus.
  • Esquive de la page d’accueil. Après quelques années de pratique, les utilisateurs savent qu’ils ne trouveront pas ce qu’ils cherchent sur la page d’accueil car le contenu utile ou les fonctionnalités sont dans les pages intérieures. Conséquence : Ils cherchent à quitter au plus vite cette page d’accueil pour explorer les pages intérieures.
  • Manque de patiente. Personne n’aime être assis devant un écran et être dans une situation d’échec. Conséquence : Si les utilisateurs de votre site ne trouvent pas rapidement ce qu’ils cherchent, ils vont avoir tendance à le chercher ailleurs sans persévérer.
  • Recours excessif au défilement (ou au clic). Contrairement à ce que vous pouvez penser, cliquer ou scroller n’est pas un problème pour els utilisateurs, pire : Ils en abusent. J’ai déjà à de nombreuses reprises pu observer des utilisateurs en panique qui se mettent à faire défiler la page dans tous les sens ou à cliquer n’importe où dans l’espoir de se sortir d’une situation de détresse. Conséquence : S’ils ne trouvent pas ce qu’ils cherchent, les utilisateurs s’énervent et passent en mode “panique”.
  • Survol des contenus avec déficit d’attention. En arrivant sur une page qu’ils ne connaissent pas, les utilisateurs commencent par la parcourir de façon chaotique sans réellement s’attarder sur un élément précis. Conséquence : Ils survolent la page et interprètent les bribes d’informations que leurs yeux ont réussis à accrocher.
  • La force de l’habitude. Internet est encore un média jeune et intimidant pour bon nombre d’utilisateurs qui progressent à tâtons. Une fois qu’ils se sentent à l’aise dans une tâche (consulter son compte en banque, publier des photos…) ils n’apprécient pas du tout devoir recommencer. Conséquence : Les changements trop importants sur un site peuvent générer beaucoup de frustrations.

Voilà l’essentiel des comportements-types que l’on peut retrouver sur la majorité des internautes. Une fois que vous les avez en tête, il suffit de les intégrer comme des contraintes dans vos travaux de conception :

  • Pas trop de trucs qui bougent à l’écran (vous ne pouvez attirer l’attention qu’une seule fois) ;
  • Rapprocher visuellement ou géographiquement les éléments qui ont un rapport entre eux ;
  • Evitez une trop forte densité de l’information en injectant du blanc et des zones de respiration (quitte à allonger vos pages en hauteur) ;
  • Optimiser votre système de navigation (en testant différents cas d’usage de flux de navigation) ;
  • Procéder petites évolutions régulières plutôt que par versions majeures (un site web n’est pas une application informatique).

Si vous avez relevé d’autres comportements-types ou avez d’autres conseils génériques, n’hésitez pas à les déposer en commentaire.

Un sondage pour répetorier l’emplacement des éléments génériques

J’ai déjà eu de nombreuses occasions de vous parler des bibliothèques de conception d’éléments d’interface (”design pattern gallery“). Aujourd’hui j’aborde à nouveau ce sujet mais pour une bonne cause. Le site UI-Patterns mène en effet une grande enquête auprès de ces lecteurs pour constituer une base de données statistique sur l’emplacement des éléments génériques d’un site web (logo, aide, recherche, navigation…) : UI Patterns Servey. En fait l’idée n’est pas de définir un emplacement idéal (car cela dépend de trop de variables) mais plutôt de répertorier les emplacements génériques pour les plus gros sites et d’en faire des statistiques.

16 éléments sont ainsi listés et il est possible de consulter les résultats (comme ici l’emplacement du lien de retour à la page d’accueil sur près de 80 sites) :

Statistique d'emplacement du lien de retour vers la page d'accueil

Statistique d'emplacement du lien de retour vers la page d'accueil

Vous noterez que les résultats sont assez similaires à ceux de la bibliothèque Web Design Practice :

xx

Autre statistique d'emplacement du lien de retour vers la page d'accueil

En totu cas une initiative tout à fait intéressante pour ce constituer une base de référence et pouvoir argumenter dans la cadre d’un projet.

(via Imazine)

Mémento Web : un concentré de bonnes pratiques de conception web

Quand vous étiez lycéens, vous aviez les “Profil d’une oeuvre” pour vous simplifier les fiches de lecture. Quand vous étiez étudiants, vous aviez les “Que sais-je” pour vous initier rapidement à une discipline. Maintenant que vous êtes en activité, je vous propose de découvrir les Mémentos Sites Web. Il s’agit d’une collection d’antisèches pour la conception web. Deux ouvrages nous intéressent particulièrement :

  • Ergonomie Web, un condensé de bonnes pratiques pour rendre votre site plus attractif, plus percutant, plus fonctionnel… rédigé par Amélie Boucher d’Ergolab ;
  • Bonnes pratiques, un résumé des 153 critères de qualité du référentiel Opquast rédigé par Elie Sloïm.

Inutile de vous dire que je suis plus qu’enthousiaste quand à ces deux fascicules extrêmement bien conçus et qui résument de nombreuses années d’expérience de conception de sites web.

Bref, une lecture indispensable pour tous les concepteurs / designers / chef de projet car cela permet de faire des “piqures de rappel”.