Analyse ergonomique
-
Upload
christophe-giets -
Category
Education
-
view
200 -
download
2
description
Transcript of Analyse ergonomique
![Page 1: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/1.jpg)
nuitblanchebrussels.be
ANALYSE ERGONOMIQUE D’UN SITE WEB:
![Page 3: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/3.jpg)
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
![Page 4: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/4.jpg)
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 œuvres
![Page 5: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/5.jpg)
ACCESSIBILITÉ
![Page 6: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/6.jpg)
PORTABILITÉ
![Page 7: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/7.jpg)
INTERNET EXPLORER 6
![Page 8: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/8.jpg)
INTERNET EXPLORER 6
![Page 9: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/9.jpg)
INTERNET EXPLORER 7
![Page 10: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/10.jpg)
![Page 11: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/11.jpg)
INTERNET EXPLORER 8
![Page 12: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/12.jpg)
INTERNET EXPLORER 7
![Page 13: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/13.jpg)
MOZILLA FIREFOX 2.0
![Page 14: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/14.jpg)
MOZILLA FIREFOX 2.0
![Page 15: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/15.jpg)
PORTABILITÉ
![Page 16: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/16.jpg)
PORTABILITÉ
![Page 17: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/17.jpg)
ERGONOMIE: ARCHITECTURE DU SITE
Home Page
Home Programme More A ProposInfos
Pratiques
Meeting Point
Mobilité AccessibilitéDrink & Food
Contact
• Répond aux
attentes de
la cible
• Claire
• Informations
faciles
d’accès
![Page 18: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/18.jpg)
ERGONOMIE
![Page 19: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/19.jpg)
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
![Page 20: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/20.jpg)
• 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é
• 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)
LES + ET LES -
Les - Les +
![Page 21: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/21.jpg)
LES AMÉLIORATIONS POSSIBLES
• Ajouter des couleurs sur
la page « à propos » ou
repenser totalement la
manière de présenter ces
informations.
![Page 22: Analyse ergonomique](https://reader033.fdocuments.fr/reader033/viewer/2022052522/5597e63a1a28abb34c8b45b7/html5/thumbnails/22.jpg)
LES AMÉLIORATIONS POSSIBLES
• Améliorer la compatibilité du site pour qu’il soit utilisé sur l’ensemble des navigateurs