ergonomie 60 points clefs

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

Upload: nicolas-couedel

Post on 14-Dec-2014

430 views

Category:

Technology


1 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Ergonomie 60 points clefs

Audit Site 60 points clésExemples et contre-exemples

Sébastien CavailléMilène ClavaudNicolas CouëdelMélanie Nelet

Page 2: Ergonomie 60 points clefs

A. Aspects techniques et fonctionnels

Page 3: Ergonomie 60 points clefs

1. Vitesse de téléchargement

Le temps de chargement excède largement la limite de 10 secondes recommandée.

Page 4: Ergonomie 60 points clefs

2. Les pages épousent-elles bien les écrans ?

Le contenu de la page épouse parfaitement les différentes tailles d’écran.

Page 5: Ergonomie 60 points clefs

3. Adaptation du site aux navigateurs

Un affichage catastrophique sous Opera.

Page 6: Ergonomie 60 points clefs

4. Utilisation des technologies standards

Page 7: Ergonomie 60 points clefs

5. Dysfonctionnements apparents

Une erreur 404 personnalisée.

Page 8: Ergonomie 60 points clefs

6. Impression des pages

L’impression de la page la rend illisible.

Page 9: Ergonomie 60 points clefs

7. Sécurisation du site

Double sécurisation : protocole https + mot de passe avec clavier virtuel.

Page 10: Ergonomie 60 points clefs

B. Navigation

Page 11: Ergonomie 60 points clefs

8. Une page d’accueil incitative

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

Page 12: Ergonomie 60 points clefs

9. Une interface intuitive

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

Page 13: Ergonomie 60 points clefs

10. Interface de navigation cohérente

Les pages de rubriques ne respectent pas la navigation de la page d’accueil.

Page 14: Ergonomie 60 points clefs

11. Segmentation de la zone de navigation

Une segmentation claire et efficace.

Page 15: Ergonomie 60 points clefs

12. L’architecture de l’information

Page 16: Ergonomie 60 points clefs

13. L’équilibre largeur-profondeur

Page 17: Ergonomie 60 points clefs

14. Les accès réservés

Certaines fonctionnalités ne sont disponibles que pour les abonnés.

Page 18: Ergonomie 60 points clefs

15. Des liens hypertextes efficaces

Les liens comportent beaucoup trop de mots.

Page 19: Ergonomie 60 points clefs

16. Images-liens justifiées ?

Page 20: Ergonomie 60 points clefs

17. Le navigateur fonctionne-t-il correctement ?

Page 21: Ergonomie 60 points clefs

18. Un site relié à la toile

Un obstacle pour quitter le site.

Page 22: Ergonomie 60 points clefs

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

Page 23: Ergonomie 60 points clefs

20. Les outils d’aide à la navigation

Le plan du site clair et facile d’accès.

Page 24: Ergonomie 60 points clefs

C. Design graphique

Page 25: Ergonomie 60 points clefs

21. Une qualité graphique professionnelle

Page 26: Ergonomie 60 points clefs

22. Design léger

Un parfait contre-exemple.

Page 27: Ergonomie 60 points clefs

23. Design cohérent

Aucun design, étrange pour un site sur un thème aussi novateur et technologique.

Page 28: Ergonomie 60 points clefs

24. Intérêt des visuels

Les visuels sont négligés.

Page 29: Ergonomie 60 points clefs

25. Métaphores intuitives

Les icones parlent d’elles-mêmes.

Page 30: Ergonomie 60 points clefs

26. Utilité des applications x-média

Une ingénieuse utilisation de flash et de la 3D pour concevoir sa cuisine.

Page 31: Ergonomie 60 points clefs

27. Design adapté à la cible

Mauvais choix de couleurs pour un public jeune et dynamique.

Page 32: Ergonomie 60 points clefs

28. Le site fidèle à l’image

Page 33: Ergonomie 60 points clefs

29. Une typo efficace et cohérente

Utilisation abusive du nombre de polices différentes.

Page 34: Ergonomie 60 points clefs

D. Contenu

Page 35: Ergonomie 60 points clefs

30. Actualité du contenu

Aucune nouveauté dans la rubrique actualités.

Page 36: Ergonomie 60 points clefs

31. Valeur d’usage du contenu

Un site sans grande utilité…

Page 37: Ergonomie 60 points clefs

32. Informations crédibles

Les informations de bas de page rassurent le potentiel client.

Page 38: Ergonomie 60 points clefs

34. Degré d’activité des contenus

Un site proche de son public.

Page 39: Ergonomie 60 points clefs

35. Versions étrangères

Page 40: Ergonomie 60 points clefs

36. Ecriture Web

Un cruel manque d’espacement nuit à la lecture.

Page 41: Ergonomie 60 points clefs

37. Les contenus exploitent-ils l’Internet ?

Khan Academy, des cours en ligne en vidéo, totalement gratuits et légaux.

Page 42: Ergonomie 60 points clefs

38. Contenu et stratégie

La vidéo se lance au passage de la souris.

Page 43: Ergonomie 60 points clefs

40. Contenu juridiquement acceptable

Page 44: Ergonomie 60 points clefs

41. Les contenus importants mis en avant

Page 45: Ergonomie 60 points clefs

E. Interactivité

Page 46: Ergonomie 60 points clefs

42. Contacter l’éditeur

Aucune adresse postale ni e-mail, aucun formulaire de contact.

Page 47: Ergonomie 60 points clefs

43. Les messages sont-ils traités ?

La SNCF répond aux questions de ses usagers par le biais d’un site dédié.

Page 48: Ergonomie 60 points clefs

44. Témoigner de l’interactivité

Page 49: Ergonomie 60 points clefs

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)

Page 50: Ergonomie 60 points clefs

45-bis. Intérêt du Blog

Page 51: Ergonomie 60 points clefs

46. Autres espaces interactifs

L’utilisateur est invité à poser sa question grâce à un formulaire interactif.

Page 52: Ergonomie 60 points clefs

47. La newsletter

Page 53: Ergonomie 60 points clefs

48. La personnalisation

Page 54: Ergonomie 60 points clefs

49. Bases de données conviviales

Page 55: Ergonomie 60 points clefs

50. Formulaires faciles

Trop d’informations à remplir pour une simple enquête (numéro INE)

Page 56: Ergonomie 60 points clefs

51. Facilité des Commandes

L’article est envoyé dans le panier sans quitter la page du catalogue.

Page 57: Ergonomie 60 points clefs

F. Marketing

Page 58: Ergonomie 60 points clefs

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

Page 59: Ergonomie 60 points clefs

53. Statistiques

Page 60: Ergonomie 60 points clefs

54. Autres outils de mesure

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

Page 61: Ergonomie 60 points clefs

55. Formats publicitaires

Un format publicitaire qui gêne fortement à la lecture.

Page 62: Ergonomie 60 points clefs

56. Optimisation au référencement

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

Page 63: Ergonomie 60 points clefs

57. Popularité du site

Page 64: Ergonomie 60 points clefs

58. URL percutants

Une URL plutôt floue…

Page 65: Ergonomie 60 points clefs

59. Comment le site fait-il parler de lui ?

Bad buzz pour Mailorama.