analyse ergonomique

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

Upload: christophe-giets

Post on 04-Jul-2015

199 views

Category:

Education


2 download

DESCRIPTION

Analyse ergonomique d'un site web

TRANSCRIPT

Page 1: Analyse ergonomique

nuitblanchebrussels.be

ANALYSE ERGONOMIQUE D’UN SITE WEB:

Page 2: Analyse ergonomique

PRÉSENTATION DU SITE

http://nuitblanchebrussels.be/

Page 3: Analyse ergonomique

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

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

ACCESSIBILITÉ

Page 6: Analyse ergonomique

PORTABILITÉ

Page 7: Analyse ergonomique

INTERNET EXPLORER 6

Page 8: Analyse ergonomique

INTERNET EXPLORER 6

Page 9: Analyse ergonomique

INTERNET EXPLORER 7

Page 10: Analyse ergonomique
Page 11: Analyse ergonomique

INTERNET EXPLORER 8

Page 12: Analyse ergonomique

INTERNET EXPLORER 7

Page 13: Analyse ergonomique

MOZILLA FIREFOX 2.0

Page 14: Analyse ergonomique

MOZILLA FIREFOX 2.0

Page 15: Analyse ergonomique

PORTABILITÉ

Page 16: Analyse ergonomique

PORTABILITÉ

Page 17: Analyse ergonomique

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

ERGONOMIE

Page 19: Analyse ergonomique

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

• 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

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

LES AMÉLIORATIONS POSSIBLES

• Améliorer la compatibilité du site pour qu’il soit utilisé sur l’ensemble des navigateurs