7 enseignements pratiques tirés du eye-tracking : le F-pattern. Cet article inaugure une série de 7 articles à propos des enseignements du eye-tracking, technologie qui permet de voir à travers le regard des utilisateurs sur les sites web. Utilité de l’eye-tracking en tests utilisateurs Ah, le eye-tracking ! En français, d’ailleurs, on dit l’oculométrie. C’est moins techno, mais c’est un peu plus… poétique. L’eye-tracking est donc une technologie qui a le grand avantage de pouvoir se mettre (presque) dans la tête du client lorsqu’on l’observe au cours d’une séance de tests utilisateurs.
Outre qu’elle permet de comprendre des comportements spécifiques dans le cadre d’une étude contextualisée, elle a aussi permis de tirer un certains nombres d’enseignements généraux très utiles qui une fois assimilés permettent de mieux raisonner sur la manière dont les gens voient et utilisent les pages de votre site. C’est pourquoi ce billet inaugure une série : 7 enseignements pratiques tirés du eye-tracking. Qu’est-ce qu’une carte de chaleur ? Pourquoi cela ? Usaddict: Ressources sur l’ergonomie des interfaces (le blog Usabilis)
Ergonomie web illustrée. 10 crimes sur l’ergonomie des sites web que vous ne devriez plus commettre. L’article sur les 10 crimes sur les balises HTML que vous ne devriez plus commettre est actuellement l’article qui a été le plus lu sur Kiwano et aussi celui qui a entrainé le plus de commentaires de votre part. Alors, nous n’avons pas pu résister à l’idée de vous proposer une traduction du nouvel article de Chris Spooner intitulé « 10 Usability Crimes You Really Shouldn’t Commit » sur son blog Line 25 Web Design Blog. Voici donc une sélection des dix crimes les plus courants concernant l’ergonomie et l’accessibilité des sites webs avec la solution pour les éviter.
Crime n°1 : avoir des labels non associés aux champs de saisies dans vos formulaires Il est indispensable d’utiliser la balise label pour vos labels de formulaires et de renseigner l’attribut « for » pour pointer sur l’ID du champ de saisie. Ainsi quand l’utilisateur cliquera sur le label du formulaire, il aura automatiquement le focus sur le champ de type input qui lui est associé. Crime n°9 : avoir un lien « cliquez ici »
PRINCIPLES OF DESIGN. Teaching User-Centered Design. Why Your Links Should Never Say “Click Here” By anthony on 06/20/12 at 10:39 pm Have you ever wanted your users to click your links, but didn’t know how to get them to act? When some designers run into this problem they’re tempted to use the words “click here” on their links. Before you give in to the temptation, you should know that using these words on a link can affect how users experience your interface. “Click” Puts Too Much Focus on Mouse Mechanics Using the word “click” on your links takes the user’s attention away from your interface and on to their mouse.
Users know what a link is and how to use a mouse. “view” relates to the users task, while “click” puts the focus on mouse mechanics Instead of using the word “click”, look for a different verb you can use that relates to the user’s task. “Here” Conceals What Users are Clicking Some links don’t use the word “click”, but instead they use the word “here”. When your link doesn’t just say “here”, users can skip the verbose text and go right to the link Phrasing Links the Right Way. Usaddict: Ressources sur l’ergonomie des interfaces (le blog Usabilis) The top 50 books for web designers and developers.