20
Introduction à l’ergonomie Drupal Lyon Lyon, France 15 décembre 2011 Olivier Lorrain www.olivierlorrain.com

Introduction à l'ergonomie - Drupal Lyon

Embed Size (px)

DESCRIPTION

Introduction à l'ergonomie lors d'une réunion Drupal à Lyon, France. Concept de bases - recherche et comprendre à qui s'adresse le logiciel ou le site web en conception.Deux exemples d'outils ont été utilisé: Chalmark (test utilisateur sans modération) et Optimal Sort (architecture d'information)

Citation preview

Page 1: Introduction à l'ergonomie - Drupal Lyon

Introduction à l’ergonomie

Drupal Lyon Lyon, France

15 décembre 2011

Olivier Lorrainwww.olivierlorrain.com

Page 2: Introduction à l'ergonomie - Drupal Lyon

Qu’est-ce que

l’ergonomie ?

Page 3: Introduction à l'ergonomie - Drupal Lyon

Lequel des deux logiciels est le plus ergonomique ?

Paint

Adobe Photoshop

Page 4: Introduction à l'ergonomie - Drupal Lyon

Lequel des deux logiciels est le plus ergonomique ?

Paint

Adobe Photoshop

Pour qui ?

Page 5: Introduction à l'ergonomie - Drupal Lyon

Donc, nous concevons pour qui ? Notre public est-il flou ?

Page 6: Introduction à l'ergonomie - Drupal Lyon

ValeursAttitude

Habiletés

Il faut rechercher, connaître et comprendre qui utilisera l’interface

Page 7: Introduction à l'ergonomie - Drupal Lyon

Conception centrée utilisateur

Analyse de ses besoins

Analyse du contexte

Analyse de son environnement

Test utilisateurArchitecture d’information

Observation contextuelle

Évaluation heuristique

Entrevues

BenchmarkingStatistiques du présent produit

Analyse de la tâche

PersonasPrototypage papier

Suivi après le lancement

Page 8: Introduction à l'ergonomie - Drupal Lyon

Test utilisateur (test d’utilisabilité)

Un test utilisateur permet de:• déterminer ce que l’utilisateur aime de l’interface.• déterminer ce que l’utilisateur aimerait avoir sur le site ou sur le logiciel.

Page 9: Introduction à l'ergonomie - Drupal Lyon

Test utilisateur (test d’utilisabilité)

Un test utilisateur permet de:• déterminer ce que l’utilisateur aime de l’interface.• déterminer ce que l’utilisateur aimerait avoir sur le site ou sur le logiciel.

Il faut davantage observer ce que les utilisateurs font que ce qu’ils disent aimer.

Page 10: Introduction à l'ergonomie - Drupal Lyon

Test utilisateur (test d’utilisabilité)D’exploration, de performance, de validation,

de comparaisonAvec modération

En laboratoire Sur le coin d’une table À distance …

Sans modération Ex Chalkmark …

Page 11: Introduction à l'ergonomie - Drupal Lyon

ChalkmarkVous voulez lire les derniers articles concernant l'Asie, comment faites-vous? (Rue89.fr – Drupal)

25% Mauvais réponseRue89 Planète = Environnement

38% Bonne réponse

Pour visualiser tous les résultats de cette courte étude https://lorrain.optimalworkshop.com/chalkmark/shared-results/rue89

Page 12: Introduction à l'ergonomie - Drupal Lyon

Architecture de l’informationAvec Modération

Tri de cartes…

Sans modérationTreejack Optimal SortWebsort…

Page 13: Introduction à l'ergonomie - Drupal Lyon

Optimal Sort17 cartes devant être regroupées en groupe afin de créer l’architecture d’un site hébergeant un nouveau CMS – LyonCMS – Exercice effectué par 8 développeurs

Pour visualiser tous les résultats de cette courte étudehttps://lorrain.optimalworkshop.com/optimalsort/shared-results/lyoncms

Il y a des regroupements qui ressortent, e.g., « Thèmes » et « Modules »

Page 14: Introduction à l'ergonomie - Drupal Lyon

L’effet du gros index!Petite histoire…Lors d’un test utilisateur, un participant ayant de gros doigts effleura le boutons en bas à droite alors qu’il effectuait une transaction et qu’il voulait faire défiler la page.Résultat, il perdit toutes les informations de son virement et dût recommencer…

Depuis, l’application est « gros index friendly » et ce problème n’existe plus.

Page 15: Introduction à l'ergonomie - Drupal Lyon

Coût d’un changement

Source: http://sqa.fyicenter.com/FAQ/Why-Bugs-in-Software/Cost_to_find_bugs.html

Il est primordial de débuter la recherche sur l’utilisateur cible dès le début d’un projet. Cela limitera le nombre de changements coûteux plus tard dans le processus.

Page 16: Introduction à l'ergonomie - Drupal Lyon

Listes, organisations et conférenceListes

https://listes.cru.fr/sympa/subscribe/ergoihm https://listes.cru.fr/sympa/subscribe/ergoliste

(davantage ergonomie physique)Organisations

UPA - www.upassoc.org (Anglais - Org internationale) Gerra - www.gerra.asso.fr (Org Rhône-Alpes)SELF - www.ergonomie-self.org (Société d’ergonomie

de langue française)Conférence

IHM - www.afihm.org/?page_id=21 (annuelle - France)

Page 17: Introduction à l'ergonomie - Drupal Lyon

Livres

« Ergonomie du logiciel et design web »Par Jean-François Nogier

« Don’t Make Me Think »Par Steve Krug

Page 18: Introduction à l'ergonomie - Drupal Lyon

Blogs et articlesAgrégateur de blogs: - (français et anglais)

http://www.netvibes.com/ergoihm#Ergo_IHM

http://www.uie.com/articles (anglais - usability)

http://uxmag.com (anglais – ux – design )

Page 19: Introduction à l'ergonomie - Drupal Lyon

Mots de la fin…

‘Intuitive’ interfaces are easier to build when designers have a deep understanding of the users

Jared M. Spool – CEO de UIE

Customer experience is everybody’s concern

Prenez la peine de connaître vos utilisateurs... Et vous n’en êtes pas un !

www.olivierlorrain.com

Page 20: Introduction à l'ergonomie - Drupal Lyon

www.olivierlorrain.com