Drupal Lyon          Lyon, France      15 décembre 2011       Olivier Lorrainwww.olivierlorrain.com
Qu’est-ce quel’ergonomie ?
PaintLequel des deuxlogiciels est le plusergonomique ?          Adobe Photoshop
PaintLequel des deux                Pour qui ?logiciels est le plusergonomique ?          Adobe Photoshop
Donc, nous concevons pour qui ? Notre public est-il flou ?
Il faut rechercher, connaître et comprendre qui utiliseral’interface                                      Valeurs         ...
Conception centrée utilisateur                             Observation contextuelleAnalyse de son environnement Test utili...
Test utilisateur (test d’utilisabilité)   Un test utilisateur permet   de:   • déterminer ce que   l’utilisateur aime de  ...
Test utilisateur (test d’utilisabilité)   Un test utilisateur permet   de:   • déterminer ce que                          ...
Test utilisateur (test d’utilisabilité) D’exploration, de performance, de validation, de comparaison   Avec modération  ...
25% Mauvais réponse                                                             Rue89 Planète = Environnement Chalkmark Vo...
Architecture de l’information Avec Modération    Tri de cartes    … Sans modération    Treejack    Optimal Sort    ...
Optimal Sort    17 cartes devant être regroupées en groupe afin de créer l’architecture d’un site    hébergeant un nouveau...
L’effet du gros index!                     Petite histoire…                     Lors d’un test utilisateur, un            ...
Coût d’un changement                                                              Il est primordial de                    ...
Listes, organisations et conférence Listes    https://listes.cru.fr/sympa/subscribe/ergoihm    https://listes.cru.fr/sy...
Livres                                          « Don’t Make Me Think »                                              Par S...
Blogs et articles Agrégateur de blogs: - (français et anglais)  http://www.netvibes.com/ergoihm#Ergo_IHM http://www.uie....
Mots de la fin…Prenez la peine de connaître vos utilisateurs...Et vous n’en êtes pas un !‘Intuitive’ interfaces are easier...
www.olivierlorrain.com
Prochain SlideShare
Chargement dans…5
×

Introduction à l'ergonomie - Drupal Lyon

2 313 vues

Publié le

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)

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
2 313
Sur SlideShare
0
Issues des intégrations
0
Intégrations
497
Actions
Partages
0
Téléchargements
63
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Les ergonomes sont trop souvent appelés à la toute fin …
  • Introduction à l'ergonomie - Drupal Lyon

    1. 1. Drupal Lyon Lyon, France 15 décembre 2011 Olivier Lorrainwww.olivierlorrain.com
    2. 2. Qu’est-ce quel’ergonomie ?
    3. 3. PaintLequel des deuxlogiciels est le plusergonomique ? Adobe Photoshop
    4. 4. PaintLequel des deux Pour qui ?logiciels est le plusergonomique ? Adobe Photoshop
    5. 5. Donc, nous concevons pour qui ? Notre public est-il flou ?
    6. 6. Il faut rechercher, connaître et comprendre qui utiliseral’interface Valeurs Attitude Habiletés
    7. 7. Conception centrée utilisateur Observation contextuelleAnalyse de son environnement Test utilisateurAnalyse du contexte Architecture d’information EntrevuesAnalyse de ses besoins Personas Prototypage papier Évaluation heuristique Statistiques du présent produit Benchmarking Analyse de la tâche Suivi après le lancement
    8. 8. 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.
    9. 9. Test utilisateur (test d’utilisabilité) Un test utilisateur permet de: • déterminer ce que Il faut davantage observer l’utilisateur aime de ce que les utilisateurs l’interface. font que ce qu’ils disent • déterminer ce que aimer. l’utilisateur aimerait avoir sur le site ou sur le logiciel.
    10. 10. Test utilisateur (test d’utilisabilité) D’exploration, de performance, de validation, de comparaison  Avec modération  En laboratoire  Sur le coin d’une table  À distance  …  Sans modération  Ex Chalkmark  …
    11. 11. 25% Mauvais réponse Rue89 Planète = Environnement Chalkmark Vous voulez lire les derniers articles concernant lAsie, comment faites-vous? (Rue89.fr – Drupal) 38% Bonne réponsePour visualiser tous les résultats de cette courte étudehttps://lorrain.optimalworkshop.com/chalkmark/shared-results/rue89
    12. 12. Architecture de l’information Avec Modération  Tri de cartes  … Sans modération  Treejack  Optimal Sort  Websort  …
    13. 13. Optimal Sort 17 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 Il y a des regroupements qui ressortent, e.g., « Thèmes » et « Modules »Pour visualiser tous les résultats de cette courte étudehttps://lorrain.optimalworkshop.com/optimalsort/shared-results/lyoncms
    14. 14. 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.
    15. 15. Coût d’un changement 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.Source: http://sqa.fyicenter.com/FAQ/Why-Bugs-in-Software/Cost_to_find_bugs.html
    16. 16. Listes, organisations et conférence Listes  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)
    17. 17. Livres « Don’t Make Me Think » Par Steve Krug« Ergonomie du logiciel et design web » Par Jean-François Nogier
    18. 18. Blogs et articles Agré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 )
    19. 19. Mots de la fin…Prenez la peine de connaître vos utilisateurs...Et vous n’en êtes pas un !‘Intuitive’ interfaces are easier to build whendesigners have a deep understanding of the users Jared M. Spool – CEO de UIECustomer experience is everybody’s concern www.olivierlorrain.com
    20. 20. www.olivierlorrain.com

    ×