analyse ergonomique

Post on 04-Jul-2015

200 Views

Category:

Education

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

Analyse ergonomique d'un site web

TRANSCRIPT

nuitblanchebrussels.be

ANALYSE ERGONOMIQUE D’UN SITE WEB:

PRÉSENTATION DU SITE

http://nuitblanchebrussels.be/

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

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

ACCESSIBILITÉ

PORTABILITÉ

INTERNET EXPLORER 6

INTERNET EXPLORER 6

INTERNET EXPLORER 7

INTERNET EXPLORER 8

INTERNET EXPLORER 7

MOZILLA FIREFOX 2.0

MOZILLA FIREFOX 2.0

PORTABILITÉ

PORTABILITÉ

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

ERGONOMIE

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

• 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 +

LES AMÉLIORATIONS POSSIBLES

• Ajouter des couleurs sur

la page « à propos » ou

repenser totalement la

manière de présenter ces

informations.

LES AMÉLIORATIONS POSSIBLES

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

top related