Prsentation PowerPoint

1
12 règles dergonomie web TECHNOFUTUR
TIC Mercredi 12 Décembre 2007
Amélie Boucher www.ergolab.net
www.ergonomie-sites-web.com
2
Avant toute chose ...
12 règles dergonomie un outil ? une
finalité
De grands principes objectifs à atteindre
? moyens
3
Règle n1 Architecture
Le site doit être bien rangé

Quest-ce qui fait que lon se repère
facilement ?
4
Règle n1 Architecture
Pensez l'architecture pour vos visiteurs !
Que viennent-ils faire ? Quelles sont
leurs connaissances ?
5
Règle n1 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 n2 Organisation visuelle
La page doit être bien rangée

Limiter la surcharge visuelle
Quantité dinformations réelle ? quantité
dinformations perçue
7
Règle n3 Cohérence
On capitalise sur lapprentissage interne

8
Règle n4 Conventions
On capitalise sur lapprentissage externe

Vous nêtes pas le 1er sur lInternet
Lergonomie ne sert pas à être original
Avantages objectifs et subjectifs
9
Règle n4 Conventions
"Une case à cocher, je peux la cocher"
www.clarins.fr
10
Règle n4 Conventions
"Une case à cocher, je peux la cocher"
11
Règle n5 Information

Le site informe linternaute et lui répond
Information générale sur le site
Information ponctuelle
12
Règle n5 Information
Notion de feedback Lordinateur doit
acquiescer
13
Règle n6 Compréhension
Choix des mots et symboles 75 du
travail dergonomie . Utiliser les mots
. Bien les choisir
14
Règle n7 Assistance

On doit guider linternaute
Explicitement Et / ou Implicitement
Mots (mots uniques, légendes, textes
explicatifs) à défaut dautre chose
Organisation visuelle Format et comportement
des objets
15
Règle n7 Assistance
La notion daffordances
possibilités daction suggérées par un objet
16
Règle n7 Assistance
Visibilité des objets-clés
17
Règle n7 Assistance
Attention aux contre-affordances
on incite à emprunter une impasse on risque
la déception
18
Règle n8 Gestion des erreurs
3 manières de gérer les erreurs Avant
lerreur protéger Après lerreur faciliter
le repérage de lerreur faciliter la
compréhension de lerreur Au-delà de lerreur
faciliter la correction
Postulat de base Linternaute va se tromper
19
Règle n8 Gestion des erreurs
Attention à la sur-protection !
www.rememberthemilk.com
20
Règle n9 Rapidité
Linternaute 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
Règle n10 Liberté
C'est linternaute 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 n10 Liberté
Limiter toute intrusion
23
Règle n11 Accessibilité
Un site facile d'accès pour tous
24
Règle n12 Satisfaction de votre internaute
4 dimensions Utilité Des
micro-fonctionnalités pensées sur-mesure pour
votre internaute
www.threadless.com
25
Règle n12 Satisfaction de votre internaute
Micro-fonctionnalités lexemple du Browze by
size sur Threadless
26
Règle n12 Satisfaction de votre internaute
Esthétique expérience utilisateur globale
27
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