105
L’ergonomie des interfaces Licences Bac +3, Cs2i de Nevers

Ergonomie des interfaces web

Embed Size (px)

DESCRIPTION

Sensibilisation aux questions d'ergonomie et d’expérience utilisateur. Cette présentation sert d'ouverture pour un séminaire de 2 jours auprès des futurs ingénieurs informatique du Cs2i de Nevers

Citation preview

Page 1: Ergonomie des interfaces web

L’ergonomie des interfaces

Licences Bac +3, Cs2i de Nevers

Page 2: Ergonomie des interfaces web

C’est qui ?

Renaud Biemans

UX Designer

Clermont-Ferrand

Page 3: Ergonomie des interfaces web

L’ergonomie

Page 4: Ergonomie des interfaces web

L’ergonomieC’est quoi ?

Page 5: Ergonomie des interfaces web

Adapter l’outil à l’utilisateur

Et non l’inverse

Définition selon Steve KrugFaire en sorte que ça marche bien et qu’une personne moyenne sans compétences ou expérience puisse l'utiliser sans être frustrée

Page 6: Ergonomie des interfaces web

Bienou

Pas bien ?

Page 7: Ergonomie des interfaces web
Page 8: Ergonomie des interfaces web
Page 9: Ergonomie des interfaces web
Page 10: Ergonomie des interfaces web
Page 11: Ergonomie des interfaces web
Page 12: Ergonomie des interfaces web
Page 13: Ergonomie des interfaces web
Page 14: Ergonomie des interfaces web
Page 15: Ergonomie des interfaces web
Page 16: Ergonomie des interfaces web
Page 17: Ergonomie des interfaces web
Page 18: Ergonomie des interfaces web
Page 19: Ergonomie des interfaces web

L’ergonomiePourquoi ?

Page 20: Ergonomie des interfaces web

Utilisateur heureux

Page 21: Ergonomie des interfaces web

Utilisateur heureuxProduit fructueux

Page 22: Ergonomie des interfaces web

Une mauvaise expérience utilisateur peut faire échouer n’importe quel projet

Page 23: Ergonomie des interfaces web

Mais aussi en assurer le succès!Demandez vous quel navigateur vous utilisez et pourquoi ?

Page 24: Ergonomie des interfaces web

Les besoins de l’être humainD’après Maslow

Page 25: Ergonomie des interfaces web

Les besoins de l’utilisateur

Page 26: Ergonomie des interfaces web

Fonctionnel

Page 27: Ergonomie des interfaces web

Mémorable

Page 28: Ergonomie des interfaces web

L’ergonomieC’est pour qui ?

Page 29: Ergonomie des interfaces web
Page 30: Ergonomie des interfaces web

Chef de projet

Page 31: Ergonomie des interfaces web

Graphiste

Page 32: Ergonomie des interfaces web

Développeur

Page 33: Ergonomie des interfaces web

Mais qui se soucie de l’utilisateur ?

Page 34: Ergonomie des interfaces web

Il faut que tout le monde s’en soucieÀ commencer par vous

Page 35: Ergonomie des interfaces web

Vous avez déjà la responsabilité des 2 premières couches de la pyramide. Vous êtes donc en première ligne.

Page 36: Ergonomie des interfaces web
Page 37: Ergonomie des interfaces web

Les 5 règles de

l’ergonome

Page 38: Ergonomie des interfaces web

Une réponse approximative au bon problèmevaudra toujours mieux qu’une bonne réponse à un problème approximatif.

John Tukey

Page 39: Ergonomie des interfaces web

Règle 1

Se concentrer sur le besoin de l’utilisateur

Page 40: Ergonomie des interfaces web
Page 41: Ergonomie des interfaces web
Page 42: Ergonomie des interfaces web

Les mises à jour : Un problème de développeur que l’on impose trop souvent à l’utilisateur

Page 43: Ergonomie des interfaces web

Règle 2

Surtout du bon-sens

Page 44: Ergonomie des interfaces web
Page 45: Ergonomie des interfaces web
Page 46: Ergonomie des interfaces web
Page 47: Ergonomie des interfaces web

Règle 3

Simplifier, Simplifier, Simplifier

Page 48: Ergonomie des interfaces web

Règle 3

Simplifier, Simplifier, Simplifier

Page 49: Ergonomie des interfaces web
Page 50: Ergonomie des interfaces web
Page 51: Ergonomie des interfaces web
Page 52: Ergonomie des interfaces web
Page 53: Ergonomie des interfaces web

Règle 4

Soyez humain

Page 54: Ergonomie des interfaces web

Interface homme-machine

Page 56: Ergonomie des interfaces web

Les mauvais exemples

Page 57: Ergonomie des interfaces web

Les bons exemples

Page 58: Ergonomie des interfaces web
Page 59: Ergonomie des interfaces web
Page 60: Ergonomie des interfaces web

La plupart des ordinateurs ont un indicateur de veille purement fonctionnel

Page 61: Ergonomie des interfaces web

Chez Apple on utilise une veilleuse qui imite le rythme de la respiration humaine

Page 62: Ergonomie des interfaces web

Règle 5

Se remettre en question

Page 63: Ergonomie des interfaces web

« C'est le propre de l'homme de se tromper seul l'insensé persiste dans son erreur. »

Cicéron

Page 64: Ergonomie des interfaces web
Page 65: Ergonomie des interfaces web
Page 66: Ergonomie des interfaces web
Page 67: Ergonomie des interfaces web
Page 68: Ergonomie des interfaces web

Produire

TesterApprendre

Page 69: Ergonomie des interfaces web
Page 70: Ergonomie des interfaces web

Les règles de

l’utilisateur

Page 71: Ergonomie des interfaces web

Les règles de

l’utilisateur

La

Page 72: Ergonomie des interfaces web

JE NE VEUX PAS

RÉFLÉCHIR!

Page 73: Ergonomie des interfaces web

JE NE VEUX PAS

RÉFLÉCHIR!

Page 74: Ergonomie des interfaces web

JE NE VEUX PAS

RÉFLÉCHIR!

Page 75: Ergonomie des interfaces web

JE NE VEUX PAS

RÉFLÉCHIR!

Page 76: Ergonomie des interfaces web

JE NE VEUX PAS

RÉFLÉCHIR!

Page 77: Ergonomie des interfaces web

JE NE VEUX PAS

RÉFLÉCHIR!

Page 78: Ergonomie des interfaces web

LA règle de l’utilisateur

Je ne veux pas réfléchir• Tout doit être facile

• Je ne lis que ce qui m’intéresse

• Je clique en me fiant à mon instinct

• Si c’est trop compliqué je ne l’utilise pas

Page 79: Ergonomie des interfaces web

Ce que vous concevezEn pensant que l’utilisateur lira tout

Page 80: Ergonomie des interfaces web

Ce que l’utilisateur voitavant de décider votre site l’intéresse

Page 81: Ergonomie des interfaces web

De quoi parle ce site ?

Page 82: Ergonomie des interfaces web
Page 83: Ergonomie des interfaces web
Page 84: Ergonomie des interfaces web
Page 85: Ergonomie des interfaces web
Page 86: Ergonomie des interfaces web
Page 87: Ergonomie des interfaces web
Page 88: Ergonomie des interfaces web
Page 89: Ergonomie des interfaces web
Page 90: Ergonomie des interfaces web

Ce qui se passe dans la tête de

l’utilisateur ?

Page 91: Ergonomie des interfaces web

Réserve de bonne volonté

Résistance à l’agacement

READY ?

Page 92: Ergonomie des interfaces web

GO !

Page 93: Ergonomie des interfaces web
Page 94: Ergonomie des interfaces web

Où sont les souris ?!

Page 95: Ergonomie des interfaces web

Ah les voilà

Page 96: Ergonomie des interfaces web

C’est quoi tout ça ? Je veux juste une belle

souris

Page 97: Ergonomie des interfaces web

Peut être en dessous ?

Page 98: Ergonomie des interfaces web

C’est même pas des souris !!!

Page 99: Ergonomie des interfaces web

GAME OVER!Continuer sur un autre site ? Oui Non

Page 100: Ergonomie des interfaces web

GO !

Page 101: Ergonomie des interfaces web
Page 102: Ergonomie des interfaces web

Vous savez tout !

Page 103: Ergonomie des interfaces web

Les 5 règles de l’ergonome

1. Se concentrer sur l’utilisateur2. Faire preuve de bon sens3. Simplifier4. Rester humain5. Se remettre en question

Page 104: Ergonomie des interfaces web

La règle de l’utilisateur

1. Je ne veux pas réfléchirTout doit être facile

Je ne lis que ce qui m’intéresse

Je clique en me fiant à mon instinct

Si c’est trop compliqué je ne l’utilise pas

Page 105: Ergonomie des interfaces web

Renaud BiemansUX Designer

[email protected]