60 exemples et contre-exemples de l'application des normes d'ergonomie sur Internet.

1. Audit Site 60 points clésExemples et contre-exemples Sébastien Cavaillé Milène Clavaud Nicolas Couëdel Mélanie Nelet

2. A. Aspects techniques et fonctionnels

3. 1. Vitesse de téléchargement Le temps de chargement excède largement la limite de 10 secondes recommandée.

4. 2. Les pages épousent-elles bien les écrans ? Le contenu de la page épouse parfaitement les différentes tailles d’écran.

5. 3. Adaptation du site aux navigateurs Un affichage catastrophique sous Opera.

6. 4. Utilisation des technologies standards

7. 5. Dysfonctionnements apparents Une erreur 404 personnalisée.

8. 6. Impression des pages L’impression de la page la rend illisible.

9. 7. Sécurisation du site Double sécurisation : protocole https + mot de passe avec clavier virtuel.

10. B. Navigation

11. 8. Une page d’accueil incitative La page d’accueil trop chargée n’incite pas l’internaute à continuer sa visite.

12. 9. Une interface intuitive On ne sait pas ce que le site propose ni où mènent les liens du menu.

13. 10. Interface de navigation cohérente Les pages de rubriques ne respectent pas la navigation de la page d’accueil.

14. 11. Segmentation de la zone de navigation Une segmentation claire et efficace.

15. 12. L’architecture de l’information

16. 13. L’équilibre largeur-profondeur

17. 14. Les accès réservés Certaines fonctionnalités ne sont disponibles que pour les abonnés.

18. 15. Des liens hypertextes efficaces Les liens comportent beaucoup trop de mots.

19. 16. Images-liens justifiées ?

20. 17. Le navigateur fonctionne-t-il correctement ?

21. 18. Un site relié à la toile Un obstacle pour quitter le site.

22. 19. Un moteur intégré Pas d’offre de possiblité a l’internaute de continuer sa recherche Dysfonctionnement du moteur intégré qui affiche les résultats dans un ordre aléatoire

23. 20. Les outils d’aide à la navigation Le plan du site clair et facile d’accès.

24. C. Design graphique

25. 21. Une qualité graphique professionnelle

26. 22. Design léger Un parfait contre-exemple.

27. 23. Design cohérent Aucun design, étrange pour un site sur un thème aussi novateur et technologique.

28. 24. Intérêt des visuels Les visuels sont négligés.

29. 25. Métaphores intuitives Les icones parlent d’elles-mêmes.

30. 26. Utilité des applications x-média Une ingénieuse utilisation de flash et de la 3D pour concevoir sa cuisine.

31. 27. Design adapté à la cible Mauvais choix de couleurs pour un public jeune et dynamique.

32. 28. Le site fidèle à l’image

33. 29. Une typo efficace et cohérente Utilisation abusive du nombre de polices différentes.

34. D. Contenu

35. 30. Actualité du contenu Aucune nouveauté dans la rubrique actualités.

36. 31. Valeur d’usage du contenu Un site sans grande utilité…

37. 32. Informations crédibles Les informations de bas de page rassurent le potentiel client.

38. 34. Degré d’activité des contenus Un site proche de son public.

39. 35. Versionsétrangères

40. 36. Ecriture Web Un cruel manque d’espacement nuit à la lecture.

41. 37. Les contenus exploitent-ils l’Internet ? Khan Academy, des cours en ligne en vidéo, totalement gratuits et légaux.

42. 38. Contenu et stratégie La vidéo se lance au passage de la souris.

43. 40. Contenu juridiquement acceptable

44. 41. Les contenus importants mis en avant

45. E. Interactivité

46. 42. Contacter l’éditeur Aucune adresse postale ni e-mail, aucun formulaire de contact.

47. 43. Les messages sont-ils traités ? La SNCF répond aux questions de ses usagers par le biais d’un site dédié.

48. 44. Témoigner de l’interactivité

49. 45. Intérêt du Forum Presque 200.000 membres, le forum est incontournable pour gérer une communauté (ici pour un jeu en ligne)

50. 45-bis. Intérêt du Blog

51. 46. Autres espaces interactifs L’utilisateur est invité à poser sa question grâce à un formulaire interactif.

52. 47. La newsletter

53. 48. La personnalisation

54. 49. Bases de données conviviales

55. 50. Formulaires faciles Trop d’informations à remplir pour une simple enquête (numéro INE)

56. 51. Facilité des Commandes L’article est envoyé dans le panier sans quitter la page du catalogue.

57. F. Marketing

58. 52. Le site communique-t-il ce qu’il a à offrir ?

59. 53. Statistiques

60. 54. Autres outils de mesure L’utilisateur est sollicité pour noter la qualité du site grâce à un barème de 1 à 5.

61. 55. Formats publicitaires Un format publicitaire qui gêne fortement à la lecture.

62. 56. Optimisation au référencement Le Flash nuit au référencement et n’est pas forcément utile dans ce cas.

63. 57. Popularité du site

64. 58. URL percutants Une URL plutôt floue…

65. 59. Comment le site fait-il parler de lui ? Bad buzz pour Mailorama.