Ergonomie Web : Pour des sites web efficaces - 2e edition

Préface......Page 6
Pourquoi ce livre ?......Page 14
À qui s’adresse ce livre ?......Page 16
Première partie – introduction à l’ergonomie web......Page 17
Quatrième partie – les étapes de la conception web : pensez votre site de A à Z......Page 18
Remerciements......Page 19
Première partie - Introduction à l’ergonomie web......Page 21
1......Page 22
L’ergonomie web, qu’est-ce que c’est ?......Page 23
L’ergonomie, pour considérer l’homme dans le rapport homme-machine......Page 24
Généalogie et objectifs de l’ergonomie web......Page 26
Objectif 2 : Efficienc......Page 29
Intérêt et retours sur investissement......Page 30
Les méthodes de l’ergonomie web......Page 33
La place de l’ergonomie dans un projet web......Page 34
2......Page 36
Top 10 des idées reçues sur l’ergonomie......Page 37
Pourquoi faut-il se méfier de cette règle......Page 38
Le bon côté de la règle, et comment aller plus loin......Page 39
Les internautes sont des idiots......Page 40
Idée reçue et réalités du métier......Page 41
Pourquoi l’ergonomie aime le design graphique......Page 43
Pas besoin d’ergonomie, on a fait un focus group......Page 46
Les internautes lisent en F......Page 47
L’ergonomie c’est juste du bon sens......Page 48
On le fera en Web 2.0, en Ajax, etc.......Page 49
Les internautes ne scrollent pas......Page 50
L’idée reçue en quelques mots......Page 53
Pourquoi faut-il commencer par l’ergonomie ?......Page 54
Deuxième partie - Dans la peau de votre internaute : les fondements de l’ergonomie......Page 57
3......Page 58
Comprendre l’internaute : d’abord un être humain......Page 59
Découvrez et appliquez les théories de la Gestalt......Page 60
Découvrez et appliquez la loi de Fitts......Page 68
Augmenter la surface cliquable des éléments cliquables......Page 71
Augmenter la distance entre les éléments cliquables......Page 74
d’affordance......Page 78
Le nombre magique de Miller et la loi de Hick......Page 85
Accessibilité visuelle et lisibilité......Page 86
La différence de couleurs......Page 88
La différence de brillance......Page 89
4......Page 92
Définir votre internaute: critères et méthode des personas......Page 93
précis......Page 94
Un persona pas comme les autres......Page 98
Troisième partie - Les règles de l’ergonomie web......Page 107
5......Page 108
12 règles pour optimiser l’ergonomie de votre site......Page 109
Règle n 1. Architecture : le site est bien rangé......Page 111
Règle n 2. Organisation visuelle : la page est bien rangée......Page 116
Afficher les éléments optionnels seulement si nécessaie......Page 120
N’afficher que les éléments d’inteaction les plus utiles......Page 121
Les images de fond augmentent la charge informationnelle......Page 122
Les animations augmentent la charge informationnelle......Page 123
Le remplacement d’informations au clic......Page 125
Le remplacement d’informations au rollover......Page 126
L’apparition d’informations au rollover......Page 127
Règle n 3. Cohérence : le site capitalise sur l’apprentissage interne......Page 133
Règle n 4. Conventions : le site capitalise sur l’apprentissage externe......Page 136
Donner de l’information générale......Page 149
Donner de l’information ponctuelle......Page 150
Visibilité du feedback......Page 165
Règle n 6. Compréhension : les mots et symboles sont choisis minutieusement......Page 168
Le vocabulaire doit être orienté utilisateur......Page 172
Le vocabulaire doit être exact et précis......Page 174
Attention à l’utilisation des métaphores......Page 177
Règle n 7. Assistance : le site aide et dirige l’internaute......Page 180
Règle n 8. Gestion des erreurs : le site prévoit que l’internaute se trompe......Page 195
Éviter les erreurs grâce à l’indication des champs obligatoires......Page 196
Éviter les erreurs grâce aux libellés et légendes des champs......Page 197
Éviter les erreurs en utilisant les éléments de formulaire à bon escient......Page 198
Éviter les erreurs par l’affordance générale de l’interface......Page 199
Éviter les erreurs en empêchant la saisie de données erronées......Page 201
Éviter les erreurs en validant ou en corrigeant à la volée......Page 202
Faciliter le repérage de l’erreur......Page 205
Fournir une explication précise de l’erreur......Page 206
Faire preuve de courtoisie dans les messages d’erreur......Page 208
Règle n 9. Rapidité : l’internaute ne perd pas son temps......Page 210
Règle n 10. Liberté : c’est l’internaute qui commande......Page 224
Éviter les introductions et fournir des entrées directes......Page 232
Éviter l’affichage de pop-up spontanée......Page 233
Règle n 11. Accessibilité : un site facile d’accès pour tous......Page 238
Règle n 12. Satisfaction de votre internaute......Page 240
En bref : 12 règles à utiliser à bon escient......Page 243
6......Page 244
L’audit ergonomique : conseils et méthodologie......Page 245
ergonomique......Page 246
Structurer l’étude selon vos besoins......Page 252
La modification partielle de pag......Page 256
Le plié/déplié d’informations......Page 260
Le drag & drop......Page 262
Conduire une analyse ergonomique......Page 266
Faire des captures d’écran......Page 271
Tester la compatibilité technique......Page 273
Évaluer l’accessibilité visuelle......Page 274
Évaluer la forme générale du site......Page 278
Quatrième partie - Les étapes de la conception web : pensez votre site de A à Z......Page 283
7......Page 284
Définition des contenus et analyse concurrentielle......Page 285
de l’internaute......Page 286
Offrir la vue la plus complète possible d’un produit......Page 291
Prendre en compte les comportements liés à l’achat......Page 297
Simplifier la tâche des internautes en précédant leus besoins fonctionnels......Page 300
Prendre en compte les potentialisateurs d’action......Page 301
Que font les autres ? L’analyse concurrentielle en ergonomie......Page 307
Qui sont vos concurrents ergonomiques ?......Page 309
Combien de concurrents devez-vous analyser ?......Page 310
Exemple : principe général de navigation......Page 311
Exemple : micro-fonctionnalité de navigation......Page 312
Exemple : descriptifs produits......Page 313
8......Page 318
Architecturer l’information et les interactions......Page 319
Ranger pour aider à trouver......Page 320
Comment visite-t-on un site Internet ?......Page 322
Une organisation calquée sur les attentes de l’internaute......Page 328
Concevez votre architecture de l’information......Page 333
Alphabet......Page 334
Localisation géographique......Page 335
Cible utilisateur......Page 336
Une structure hiérarchique représentée par les menus......Page 338
Une structure secondaire représentée par des liens contextuels......Page 340
Une structure floue eprésentée par des liens semés au gré du site......Page 341
Une structure vivante......Page 342
Prendre en compte les conventions de vocabulaire......Page 346
Au-delà de la navigation : architecturer les parcours client et les interactions......Page 349
En bref : obtenir des bases solides pour la suite......Page 353
9......Page 354
Passez à l’écran : zonings et maquettes......Page 355
Le zoning : un premier découpage......Page 357
La maquette conceptuelle : chaque zone en détail......Page 364
Apparence et comportement de classes d’objets......Page 367
Apparence et comportement d’éléments individuels......Page 369
Quels logiciels pour réaliser zonings et maquettes ?......Page 373
Et la suite ?......Page 375
Cinquième partie - Mettez votre site à l’épreuve......Page 379
10......Page 380
La méthode du tri de cartes pour organiser un site......Page 381
La préparation du tri de cartes......Page 382
Déroulement d’un tri de cartes : les règles du jeu......Page 384
re......Page 385
e......Page 386
Les grands types de tris de cartes......Page 389
Ce que l’on peut tirer d’un tri de cartes : analysez les données......Page 397
Le tri de cartes en bref : utilité et limites......Page 398
11......Page 400
Les tests utilisateurs......Page 401
Préparer votre test......Page 403
Âge......Page 404
Métier et CSP......Page 405
Situation familiale, région, projets de vie, etc.......Page 406
Plus ils jouent le jeu, mieux c’est......Page 407
Plus ils s’expriment, mieux c’est......Page 408
Oubliez les échantillons statistiquement suffisant......Page 409
Nombre idéal et nombre acceptable de participants......Page 410
Plus de participants ou plus de tests ?......Page 412
Présenter l’étude à vos invités : mystère et doigté......Page 414
Tester un élément d’interface en particulier......Page 422
Excluez les tests comparatifs......Page 423
Un plan de test ne doit pas utiliser les mêmes mots que le site......Page 431
Un plan de test doit tester les missions du persona et non vos propres objectifs......Page 432
Un plan de test ne s’écrit pas seul......Page 433
Pendant le test utilisateur......Page 436
Familiarisation avec la procédure......Page 443
Comment présenter le plan de test ?......Page 445
La bonne manière de prendre des notes......Page 446
Comment relancer en cas de déviation ou d’échec ?......Page 447
Analyse des résultats et suite des événements......Page 453
Un test utilisateur à votre mesure......Page 461
Aller plus loin que le test utilisateur : l’usage réel......Page 462
Et après ?......Page 465
Livres......Page 467
Sur le Web......Page 470
Index......Page 473