Analyse ergonomique

556 vues

Publié le

Analyse ergonomique d'un site web

Publié dans : Formation
1 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
556
Sur SlideShare
0
Issues des intégrations
0
Intégrations
44
Actions
Partages
0
Téléchargements
6
Commentaires
1
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Analyse ergonomique

  1. 1. ANALYSE ERGONOMIQUE D’UN SITE WEB: nuitblanchebrussels.be
  2. 2. PRÉSENTATION DU SITE http://nuitblanchebrussels.be/
  3. 3. PROFIL DE L’UTILISATEUR / PUBLIC CIBLE • Les curieux • Les personnes qui cherchent des informations pratiques (programmes, horaires, lieus…) • Les artistes • Toutes tranches d'âge visée
  4. 4. PERSONA Identité Prénom et nom: Julien Blanc Age: 30 ans Profession: Acteur de Théâtre Situation: en couple non marié Caractéristiques Aime prendre son temps Aime découvrir des nouveautés Fait les choses à fond Centre d’intérêt Dessin Cinéma Musique Peinture… Utilisation d’internet: trouver et partager des infos et oeuvres
  5. 5. ACCESSIBILITÉ
  6. 6. PORTABILITÉ
  7. 7. INTERNET EXPLORER 6
  8. 8. INTERNET EXPLORER 6
  9. 9. INTERNET EXPLORER 7
  10. 10. INTERNET EXPLORER 8
  11. 11. INTERNET EXPLORER 7
  12. 12. MOZILLA FIREFOX 2.0
  13. 13. MOZILLA FIREFOX 2.0
  14. 14. PORTABILITÉ
  15. 15. PORTABILITÉ
  16. 16. ERGONOMIE: ARCHITECTURE DU SITE Home Page Home Programme More A Propos Infos Pratiques Meeting Point Mobilité Accessibilité Drink & Food Contact • Répond aux attentes de la cible • Claire • Informations faciles d’accès
  17. 17. ERGONOMIE
  18. 18. ERGONOMIE • Info par page limitée / Pas de surcharge visuelle • Simplicité (intuitivité pour l’internaute) • Contenus clés mis en avant (avant/après) • Distinction claire entre les ≠ rubriques • Boutons connus et simples • Zone cliquable en évidence • Créer par des services publiques  pas de Pub • Vocabulaire adapté à la cible • Nom du site adapté nuiblanchebrussels . Be  mots clés évidents pour des recherches
  19. 19. Les - Les + • Responsive Design • Pas d’espace publicitaire réservé • Les filtres et ses animations • Une information par page • Structuration (contenu clef mis en évidence) • Navigation contextuelle (accès facile et intuitif) • Cohérence des animations (translations) • Principe d’affordance respecté LES + ET LES - • Certains liens hypertext n’ouvrent pas de nouvelles fenêtres. (SNCB, STIB,..) • Le design • Aucune interaction sur les cercles qui semble pourtant être des pièces interactives. (Mouseover)
  20. 20. LES AMÉLIORATIONS POSSIBLES • Ajouter des couleurs sur la page « à propos » ou repenser totalement la manière de présenter ces informations.
  21. 21. LES AMÉLIORATIONS POSSIBLES • Améliorer la compatibilité du site pour qu’il soit utilisé sur l’ensemble des navigateurs

×