Introduction à l'ergonomie - Drupal Lyon

2,301 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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,301
On SlideShare
0
From Embeds
0
Number of Embeds
497
Actions
Shares
0
Downloads
63
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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

    ×