10 règles d’utilisabilité

6 novembre 2009

Rien que le mot rendra le regard de certains perplexe. C’est la francisation du mot anglais "usability". Pour la définition française, j’ai choisi celle d’Amélie Boucher dans son ouvrage "Ergonomie web" :

L’utilisabilité a pour objet la mise en œuvre de la décision. Un produit est dit utilisable lorsqu’il peut être utilisé avec efficacité, efficience et satisfaction par des utilisateurs donnés, cherchant à atteindre des objectifs donnés, dans un contexte d’utilisation donné.

Le titre original de ce post vient d’un autre article publié par Dmitry Fadeyev sur le Smashing Magazine : "10 Useful Usability Findings and Guidelines". Article très intéressant pour le webdesigner que je suis, à la fois pour vérifier et adapter sa pratique du webdesign au quotidien mais également comme support argumentaire lors de débat avec le client. La première règle par exemple concerne la position des intitulés dans un formulaire. Que faire quand le client désire absolument les mettre à gauche des champs alors que je trouve qu’esthétiquement ils ont leur place au dessus (bien plus facile techniquement je le reconnais !). Voici donc un argumentaire tout prêt ! Excellent article donc, dont je me limiterai à référencer le lien et à traduire les 10 règles en français :

  1. Les intitulés de formulaire fonctionnent mieux au-dessus des champs
  2. Les utilisateurs ont le regard attirés par les visages
  3. La qualité du design est un indicateur de crédibilité
  4. La plupart des utilisateurs ne scrollent pas
  5. Le bleu reste la meilleur couleur pour les liens
  6. La taille idéale du champ de recherche est de 27 caractères
  7. Les espaces blancs améliorent la compréhension
  8. Les test d’efficience sur les utilisateurs n’ont pas besoin d’être cher
  9. Les pages d’informations sur les produits vous aide à vous démarquer
  10. La plupart des utilisateurs sont aveugles face aux publicités

La suite ici.

tags : Webdesign
technorati tags :
AddThis Social Bookmark Button

Ajouter un commentaire


Un message, un commentaire ?

  • (Pour créer des paragraphes, laissez simplement des lignes vides.)

Qui êtes-vous ? (optionnel)

Flickr

Brighton beach Brighton beach Brighton beach Brighton beach dConstruct 2010 Brighton street

Twitter

Blogroll

Syndication

A consulter

  • bxl.blog - le métroblog bruxellois