Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduction à l'ergonomie - Drupal Lyon

2,453 views

Published on

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)

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

×