Ergonomie 60 points clefs

724 vues

Publié le

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

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
724
Sur SlideShare
0
Issues des intégrations
0
Intégrations
14
Actions
Partages
0
Téléchargements
24
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Ergonomie 60 points clefs

  1. 1. Audit Site 60 points clésExemples et contre-exemples<br />Sébastien Cavaillé<br />Milène Clavaud<br />Nicolas Couëdel<br />Mélanie Nelet<br />
  2. 2. A. Aspects techniques et fonctionnels<br />
  3. 3. 1. Vitesse de téléchargement<br />Le temps de chargement excède largement la limite de 10 secondes recommandée.<br />
  4. 4. 2. Les pages épousent-elles bien les écrans ?<br />Le contenu de la page épouse parfaitement les différentes tailles d’écran.<br />
  5. 5. 3. Adaptation du site aux navigateurs<br />Un affichage catastrophique sous Opera.<br />
  6. 6. 4. Utilisation des technologies standards<br />
  7. 7. 5. Dysfonctionnements apparents<br />Une erreur 404 personnalisée.<br />
  8. 8. 6. Impression des pages<br />L’impression de la page la rend illisible.<br />
  9. 9. 7. Sécurisation du site<br />Double sécurisation : protocole https + mot de passe avec clavier virtuel. <br />
  10. 10. B. Navigation<br />
  11. 11. 8. Une page d’accueil incitative<br />La page d’accueil trop chargée n’incite pas l’internaute à continuer sa visite.<br />
  12. 12. 9. Une interface intuitive<br />On ne sait pas ce que le site propose ni où mènent les liens du menu.<br />
  13. 13. 10. Interface de navigation cohérente<br />Les pages de rubriques ne respectent pas la navigation de la page d’accueil.<br />
  14. 14. 11. Segmentation de la zone de navigation<br />Une segmentation claire et efficace.<br />
  15. 15. 12. L’architecture de l’information<br />
  16. 16. 13. L’équilibre largeur-profondeur<br />
  17. 17. 14. Les accès réservés<br />Certaines fonctionnalités ne sont disponibles que pour les abonnés.<br />
  18. 18. 15. Des liens hypertextes efficaces<br />Les liens comportent beaucoup trop de mots.<br />
  19. 19. 16. Images-liens justifiées ?<br />
  20. 20. 17. Le navigateur fonctionne-t-il correctement ?<br />
  21. 21. 18. Un site relié à la toile<br />Un obstacle pour quitter le site.<br />
  22. 22. 19. Un moteur intégré<br />Pas d’offre de possiblité <br />a l’internaute de continuer sa recherche<br />Dysfonctionnement du moteur intégré qui affiche les résultats dans un ordre aléatoire<br />
  23. 23. 20. Les outils d’aide à la navigation<br />Le plan du site clair et facile d’accès.<br />
  24. 24. C. Design graphique<br />
  25. 25. 21. Une qualité graphique professionnelle<br />
  26. 26. 22. Design léger<br />Un parfait contre-exemple.<br />
  27. 27. 23. Design cohérent<br />Aucun design, étrange pour un site sur un thème aussi novateur et technologique.<br />
  28. 28. 24. Intérêt des visuels<br />Les visuels sont négligés.<br />
  29. 29. 25. Métaphores intuitives<br />Les icones parlent d’elles-mêmes.<br />
  30. 30. 26. Utilité des applications x-média<br />Une ingénieuse utilisation de flash et de la 3D pour concevoir sa cuisine.<br />
  31. 31. 27. Design adapté à la cible<br />Mauvais choix de couleurs pour un public jeune et dynamique.<br />
  32. 32. 28. Le site fidèle à l’image<br />
  33. 33. 29. Une typo efficace et cohérente<br />Utilisation abusive du nombre de polices différentes.<br />
  34. 34. D. Contenu<br />
  35. 35. 30. Actualité du contenu<br />Aucune nouveauté dans la rubrique actualités.<br />
  36. 36. 31. Valeur d’usage du contenu<br />Un site sans grande utilité…<br />
  37. 37. 32. Informations crédibles<br />Les informations de bas de page rassurent le potentiel client.<br />
  38. 38. 34. Degré d’activité des contenus<br />Un site proche de son public.<br />
  39. 39. 35. Versionsétrangères<br />
  40. 40. 36. Ecriture Web<br />Un cruel manque d’espacement nuit à la lecture.<br />
  41. 41. 37. Les contenus exploitent-ils l’Internet ?<br />Khan Academy, des cours en ligne en vidéo, totalement gratuits et légaux.<br />
  42. 42. 38. Contenu et stratégie<br />La vidéo se lance au passage de la souris.<br />
  43. 43. 40. Contenu juridiquement acceptable<br />
  44. 44. 41. Les contenus importants mis en avant<br />
  45. 45. E. Interactivité<br />
  46. 46. 42. Contacter l’éditeur<br />Aucune adresse postale ni e-mail, aucun formulaire de contact.<br />
  47. 47. 43. Les messages sont-ils traités ?<br />La SNCF répond aux questions de ses usagers par le biais d’un site dédié.<br />
  48. 48. 44. Témoigner de l’interactivité<br />
  49. 49. 45. Intérêt du Forum<br />Presque 200.000 membres, le forum est incontournable pour gérer une communauté (ici pour un jeu en ligne)<br />
  50. 50. 45-bis. Intérêt du Blog<br />
  51. 51. 46. Autres espaces interactifs<br />L’utilisateur est invité à poser sa question grâce à un formulaire interactif.<br />
  52. 52. 47. La newsletter<br />
  53. 53. 48. La personnalisation<br />
  54. 54. 49. Bases de données conviviales<br />
  55. 55. 50. Formulaires faciles <br />Trop d’informations à remplir pour une simple enquête (numéro INE)<br />
  56. 56. 51. Facilité des Commandes<br />L’article est envoyé dans le panier sans quitter la page du catalogue.<br />
  57. 57. F. Marketing<br />
  58. 58. 52. Le site communique-t-il ce qu’il a à offrir ?<br />
  59. 59. 53. Statistiques<br />
  60. 60. 54. Autres outils de mesure<br />L’utilisateur est sollicité pour noter la qualité du site grâce à un barème de 1 à 5.<br />
  61. 61. 55. Formats publicitaires<br />Un format publicitaire qui gêne fortement à la lecture.<br />
  62. 62. 56. Optimisation au référencement<br />Le Flash nuit au référencement et n’est pas forcément utile dans ce cas.<br />
  63. 63. 57. Popularité du site <br />
  64. 64. 58. URL percutants<br />Une URL plutôt floue… <br />
  65. 65. 59. Comment le site fait-il parler de lui ?<br />Bad buzz pour Mailorama.<br />

×