1 / 28

12 règles d’ergonomie web TECHNOFUTUR TIC Mercredi 12 Décembre 2007

12 règles d’ergonomie web TECHNOFUTUR TIC Mercredi 12 Décembre 2007. Amélie Boucher www.ergolab.net www.ergonomie-sites-web.com. » Pré-règle = connaître votre internaute. Avant toute chose. » 12 règles d’ergonomie = un outil ≠ une finalité.

kadeem-weaver
Download Presentation

12 règles d’ergonomie web TECHNOFUTUR TIC Mercredi 12 Décembre 2007

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 12 règles d’ergonomie web TECHNOFUTUR TIC Mercredi 12 Décembre 2007 Amélie Boucher www.ergolab.net www.ergonomie-sites-web.com

  2. » Pré-règle = connaître votre internaute Avant toute chose ... » 12 règles d’ergonomie = un outil ≠ une finalité » De grands principes = objectifs à atteindre ≠ moyens

  3. ORGANISATION Règle n°1 : Architecture Le site doit être bien rangé » Qu’est-ce qui fait que l’on se repère facilement ?

  4. Une architecture orientée stratégie de marque Règle n°1 : Architecture » Pensez l'architecture pour vos visiteurs ! Que viennent-ils faire ? Quelles sont leurs connaissances ?

  5. Règle n°1 : Architecture » Architecture de l'information = Les fondations de votre site » Niveau de l'organisation conceptuelle On ne s'occupe pas de l'écran (Mais l'écran peut compenser une mauvaise architecture)

  6. Règle n°2 : Organisation visuelle La page doit être bien rangée » Limiter la surcharge visuelle » Quantité d’informations réelle ≠ quantité d’informations perçue

  7. » On ne change pas les choses d’endroit » On ne supprime pas des choses utiles sans raison » Une chose = un mot » Formats de présentation (exemple des liens) » Comportement du site Règle n°3 : Cohérence On capitalise sur l’apprentissage interne

  8. Règle n°4 : Conventions On capitalise sur l’apprentissage externe » Vous n’êtes pas le 1er sur l’Internet » L’ergonomie ne sert pas à être original » Avantages objectifs et subjectifs

  9. Règle n°4 : Conventions "Une case à cocher, je peux la cocher" www.clarins.fr

  10. Règle n°4 : Conventions "Une case à cocher, je peux la cocher"

  11. Règle n°5 : Information Le site informe l’internaute et lui répond » Information générale sur le site » Information ponctuelle

  12. Attention à la visibilité du feedback ! www.virgin-mega.fr Règle n°5 : Information » Notion de feedback : L’ordinateur doit acquiescer

  13. Règle n°6 : Compréhension » Choix des mots et symboles 75% du travail d’ergonomie . Utiliser les mots . Bien les choisir

  14. Règle n°7 : Assistance On doit guider l’internaute ExplicitementEt / ouImplicitement » Mots (mots uniques, légendes, textes explicatifs) à défaut d’autre chose » Organisation visuelle » Format et comportement des objets

  15. Règle n°7 : Assistance » La notion d’affordances = possibilités d’action suggérées par un objet

  16. Règle n°7 : Assistance » Visibilité des objets-clés

  17. Règle n°7 : Assistance » Attention aux contre-affordances = on incite à emprunter une impasse = on risque la déception

  18. Règle n°8 : Gestion des erreurs » 3 manières de gérer les erreurs : Avant l’erreur : protéger Après l’erreur : faciliter le repérage de l’erreur faciliter la compréhension de l’erreur Au-delà de l’erreur : faciliter la correction Postulat de base : L’internaute va se tromper

  19. Règle n°8 : Gestion des erreurs » Attention à la sur-protection ! www.rememberthemilk.com

  20. Règle n°9 : Rapidité L’internaute ne doit pas perdre son temps » Faciliter les clics et les interactions (cf. la loi de Fitts) » Ne pas recourir à la mémoire » Pas d'actions inutiles / Pas 2 fois la même chose » Des fonctionnalités raccourcis (exemple : ListExpress sur Telemarket)

  21. » Attention aux actions au survol ! www.labanquepostale.fr Règle n°10 : Liberté C'est l’internaute qui commande » Respecter les contrôles utilisateur de base » L'internaute est acteur : Attention au site qui se prend pour une télé

  22. Règle n°10 : Liberté » Limiter toute intrusion

  23. Accessibilité physique Accessibilité technologique Règle n°11 : Accessibilité » Un site facile d'accès pour tous

  24. Règle n°12 : Satisfaction de votre internaute » 4 dimensions : Utilité Des micro-fonctionnalités pensées sur-mesure pour votre internaute www.threadless.com

  25. Règle n°12 : Satisfaction de votre internaute Micro-fonctionnalités : l’exemple du “Browze by size” sur Threadless

  26. Qualité du service Puissance et fiabilité technique Règle n°12 : Satisfaction de votre internaute Esthétique & expérience utilisateur globale

  27. » Un guide mental plutôt qu'une checklist Au-delà des règles » Pondération des règles

  28. Ceci est la fin, merci et rendez-vous ci-dessous : www.ergolab.net Site éditorial www.ergonomie-sites-web.com Le site du livre

More Related