Analyse ergonomique d'un site web

1. ANALYSE ERGONOMIQUE D’UN SITE WEB:
nuitblanchebrussels.be

2. PRÉSENTATION DU SITE
http://nuitblanchebrussels.be/

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. 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. ACCESSIBILITÉ

6. PORTABILITÉ

7. INTERNET EXPLORER 6

8. INTERNET EXPLORER 6

9. INTERNET EXPLORER 7

11. INTERNET EXPLORER 8

12. INTERNET EXPLORER 7

13. MOZILLA FIREFOX 2.0

14. MOZILLA FIREFOX 2.0

15. PORTABILITÉ

16. PORTABILITÉ

17. 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

18. ERGONOMIE

19. 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

20. 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)

21. LES AMÉLIORATIONS POSSIBLES
• Ajouter des couleurs sur
la page « à propos » ou
repenser totalement la
manière de présenter ces
informations.

22. LES AMÉLIORATIONS POSSIBLES
• Améliorer la compatibilité du site pour qu’il soit utilisé sur l’ensemble des navigateurs