Tontons Flexeurs
                   Présentation donnée lors du Flex Camp du 23 mars 2010




                   Intégrer ...
Sommaire

Introduction
        Définition de l’ergonomie
        Présentation de RT Consultants
        Etudes Flex

Les c...
Définition ergonomie

      Ergonomie ?



  Utilisateur     Développeur
  Etre humain
Définition ergonomie
Quel utilisateur?                                  Dans quel contexte ?
 Population cible :          ...
Sommaire

Introduction
        Définition de l’ergonomie
        Présentation de RT Consultants
        Etudes Flex

Les c...
Présentation de RTC
Jeune entreprise innovante
Sommaire

Introduction
        Définition de l’ergonomie
        Présentation de RT Consultants
        Etudes Flex

Les c...
Pôle recherche : études Flex
Etude 2007
  2007 : tests utilisateurs +       Usages                                        ...
Pôle recherche : études Flex
Enquête 2010
                                         Usages                                 ...
Etude utilisateurs
Qu’est-ce qu’une étude utilisateurs en Ergonomie?
    Choix d’un ensemble d’utilisateurs
    Choix d’un...
Etude utilisateurs

Exemple :
    Utilisateurs pratiquant peu et régulièrement internet
    Site : La Martinière
    Reche...
Sommaire

Introduction
        Définition de l’ergonomie
        Présentation de RT Consultants
        Etudes Flex

Les c...
Critères ergonomiques
Critères de Bastien et Scapin
  8 critères
  17 sous-critères

 Intuition suffisante ?
    Diversité...
Critères ergonomiques
Critères de Bastien et Scapin                http://www.ergoweb.ca/criteres.html



  Guidage
  Char...
Sommaire

Introduction
        Définition de l’ergonomie
        Présentation de RT Consultants
        Etudes Flex

Les c...
Dashboard
Dashboard
Manipulation de données : Dashboard Adobe

                                                                     ...
Dashboard
  Evolution de la présentation des informations
                                                                ...
Dashboard
Evolution de la présentation des informations
                                                                  ...
Dashboard
Redimensionner les fenêtres
Contexte : Dashboard
Etude 2007 / 2010 : (%)
          2007     2010      Echelle   ...
Dashboard
Graphiques
Contexte : Dashboard
Etude 2010 :
        Histogramme : 53% des plus de 37 ans          Graphique pré...
Dashboard
Infobulles
Contexte : Dashboard
Etude 2007 : uniquement informative
Etude 2010 : double fonction comprise
      ...
Dashboard
Déplacer les fenêtres
Contexte : Dashboard
Etude 2010 :
        Fonction pas vue : 63%
        Mais très appréci...
Dashboard
Double Glissière (slider)
Contexte : manipulation de données
Etude 2007 :
        Assez pratique : 40%
        T...
E-Commerce
E-Commerce
E-commerce ; Flexstore et Vino Tinto

                                                                   Flexst...
E-Commerce
Effets cinématiques
Contexte : Flexstore / Vino Tinto
Etude 2007 / 2010 : (%)
Echelle            2007     2010
...
E-Commerce
Glissières (Slider)
Contexte : Flexstore / Vino Tinto
                                                     Flex...
E-Commerce
Glisser déposer
Contexte : Flexstore / Vino Tinto
Etude 2007 :
        70% des participants l’estiment très pra...
E-Commerce
 Gestion de l’espace
 Contexte : Flexstore / Vino Tinto
 Etude 2007 :
                                         ...
Sommaire

Introduction
        Définition de l’ergonomie
        Présentation de RT Consultants
        Etudes Flex

Les c...
Conclusion
  Navigation
La navigation n’est pas le but principal de l’utilisateur. Ainsi, pour les sites en HTML, le
systè...
Conclusion
  Conclusion générale
Les possibilités offertes par la technologie Flex sont plutôt appréciées par les
particip...
Pour aller plus loin

Etudes complètes
   Toutes les conclusions
   Les données chiffrées
   Le verbatim complet

Ateliers...
Conclusion

                                       Rémy Taillefer
                            Noelly Grondin-Devouche
    ...
Prochain SlideShare
Chargement dans…5
×

RTC Tontons Flexeurs slideshare 1

706 vues

Publié le

Extrait de l'intervention RTC au FlexCamp d'Adobe à la Cantine. Présentation des études du pôle R&D sur la perception utilisateurs des sites en Flex (RIA).

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
706
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

RTC Tontons Flexeurs slideshare 1

  1. 1. Tontons Flexeurs Présentation donnée lors du Flex Camp du 23 mars 2010 Intégrer l’expérience utilisateur pour la conception Flex avec l’ergonomie
  2. 2. Sommaire Introduction Définition de l’ergonomie Présentation de RT Consultants Etudes Flex Les critères ergonomiques Présentation des études Flex (Extrait) Conclusion
  3. 3. Définition ergonomie Ergonomie ? Utilisateur Développeur Etre humain
  4. 4. Définition ergonomie Quel utilisateur? Dans quel contexte ? Population cible : Le contexte dans lequel se trouve • Seniors/ juniors l’utilisateur va influencer la manière • Professionnels/ privé dont il utilise l’application. • Experts/ novices Championnat du monde de lancer de portables •… (Finlande, 2007) De quelle façon ? Votre application n’est pas forcément Votre application n’est pas forcément utilisée de la utilisée de la manière dont vous l’avez manière dont vous l’avez prévu prévu
  5. 5. Sommaire Introduction Définition de l’ergonomie Présentation de RT Consultants Etudes Flex Les critères ergonomiques Présentation des études Flex (Extrait) Conclusion
  6. 6. Présentation de RTC Jeune entreprise innovante
  7. 7. Sommaire Introduction Définition de l’ergonomie Présentation de RT Consultants Etudes Flex Les critères ergonomiques Présentation des études Flex (Extrait) Conclusion
  8. 8. Pôle recherche : études Flex Etude 2007 2007 : tests utilisateurs + Usages % enquête utilisateurs (42 Recherches d’informations 86 participants) E-Mail 76 Nike ID Achats 55 Dashboard Messagerie instantanée 31 Editions la Martinière Services (bancaires, administratifs) 17 Home Locator Jeux en réseaux 14 Flexstore E-learning 7 Musique Photo Viewer 3 Blog 3 Pikeo Âge % Expertise % - 35 ans 57 Novices 50 + 35 ans 43 Expérimentés 50
  9. 9. Pôle recherche : études Flex Enquête 2010 Usages % Enquête utilisateurs (30 participants) Recherches d’informations 94 Vino Tinto Achats 59 Dashboard E-Mail 27 Nike ID Réseaux sociaux (Type Facebook) 27 Picnik Vidéo 15 Photoshop Musique 12 Jeux en réseaux 3 Âge % Sexe % - 37 ans 47 Hommes 44 + 37 ans 53 Femmes 56
  10. 10. Etude utilisateurs Qu’est-ce qu’une étude utilisateurs en Ergonomie? Choix d’un ensemble d’utilisateurs Choix d’une application à étudier Demande aux utilisateurs de réaliser des tâches Observation et analyse du comportement des utilisateurs BUT: Vous donner des clefs pour concevoir des applications répondant aux besoins de vos utilisateurs finaux.
  11. 11. Etude utilisateurs Exemple : Utilisateurs pratiquant peu et régulièrement internet Site : La Martinière Recherche ISBN Retours des utilisateurs : Novices : 33% pas facile Expérimentés : 83% très facile Système de recherche pas compris : Par 50% des Expérimentés Par 16% des Novices
  12. 12. Sommaire Introduction Définition de l’ergonomie Présentation de RT Consultants Etudes Flex Les critères ergonomiques Présentation des études Flex (Extrait) Conclusion
  13. 13. Critères ergonomiques Critères de Bastien et Scapin 8 critères 17 sous-critères Intuition suffisante ? Diversité humaine = diversité de comportements. Prédire le comportement de vos utilisateurs Critères issus de près de 1000 recommandations et de centaines de tests utilisateurs Travail de recherche depuis 1992
  14. 14. Critères ergonomiques Critères de Bastien et Scapin http://www.ergoweb.ca/criteres.html Guidage Charge de travail Contrôle explicite Adaptabilité Gestion des erreurs Homogénéité / Cohérence Signifiance des codes et dénominations Compatibilité http://www.ergoweb.ca/criteres.html
  15. 15. Sommaire Introduction Définition de l’ergonomie Présentation de RT Consultants Etudes Flex Les critères ergonomiques Présentation des études Flex (Extrait) Conclusion
  16. 16. Dashboard
  17. 17. Dashboard Manipulation de données : Dashboard Adobe Dashboard Flex 2 http://examples.adobe.com/flex2/inproduct/sdk/dashboard/dashboard.html Dashboard Flex 3 http://examples.adobe.com/flex3/devnet/dashboard/main.html
  18. 18. Dashboard Evolution de la présentation des informations Premières - de 35 + 35 ans Contexte : Dashboard (Flex 2) impressions ans % % Etude 2007 Nouveau, 59 85 inattendu Très pratique : 67 % (interaction entre graphiques) Inutile 35 15 - de 35 + 35 ans Interaction 23 15 Types de commentaires ans % % Mieux qu’Excel 0 38 Possibilité pas visible 23 46 Icône pas compréhensible 6 15 Accès facile aux données à partir de la 70 61 même page Icône claire/visible 6 15 Lenteur d’affichage de la bulle 29 38 Comment revenir à la situation de 12 0 départ ? Utile 0 54
  19. 19. Dashboard Evolution de la présentation des informations - de 37 + de 37 Premières impressions Contexte : Dashboard (Flex 3) ans % ans % Difficile à comprendre 40 35 Etude 2010 bien fait, agréable, ludique 33 71 Pas agréable 7 12 Légendes incomplètes 7 0 Difficile de retrouver les 0 6 fenêtres fermées L’interaction entre les graphiques : Est vue plus facilement par les moins de 37 ans (73%) que par les plus de 37 ans (53%) Plus de 37 ans : 63 % (assez/très pratique) Si elle n’est pas intuitive pour ce groupe d’âge, cette fonctionnalité est très appréciée pour ses possibilités.
  20. 20. Dashboard Redimensionner les fenêtres Contexte : Dashboard Etude 2007 / 2010 : (%) 2007 2010 Echelle 2007 2010 Vu 53 69 Pas pratique 3 3 Pas Vu 47 31 Peu pratique 7 3 2007 Assez pratique 33 25 Très pratique 57 69 Recommandation Pouvoir redimensionner chaque fenêtre de la largeur désirée 2010
  21. 21. Dashboard Graphiques Contexte : Dashboard Etude 2010 : Histogramme : 53% des plus de 37 ans Graphique préféré 2007 2010 Camembert : 33% des moins de 37 ans courbe 27 34 camembert 67 13 Recommandations : histogramme 7 22 Pour des utilisateurs de plus de 37 ans, Dépend des données 7 31 privilégier l’histogramme Pour des utilisateurs de moins de 37 ans, privilégier le camembert Utiliser le graphique adapté pour présenter les données
  22. 22. Dashboard Infobulles Contexte : Dashboard Etude 2007 : uniquement informative Etude 2010 : double fonction comprise Assez pratique : 22% Très pratique : 78 % Commentaires : Infobulles particulièrement appréciées par les plus de 37 ans à qui elle permet une meilleure lisibilité.
  23. 23. Dashboard Déplacer les fenêtres Contexte : Dashboard Etude 2010 : Fonction pas vue : 63% Mais très appréciée : 88 % (assez / très pratique), Moins de 37 ans : composant ludique, innovant Plus de 37 ans : apprécient la personnalisation Recommandations : Indiquer, par un repère visuel, la possibilité déplacer les fenêtres Permettre de mémoriser le nouvel arrangement si on quitte le site Pouvoir déplacer une fenêtre à un endroit vide
  24. 24. Dashboard Double Glissière (slider) Contexte : manipulation de données Etude 2007 : Assez pratique : 40% Très pratique : 50 % L’utilisation de la double glissière pour sélectionner une période de temps est très pertinent dans le cadre étudié Recommandations : Graduer la glissière
  25. 25. E-Commerce
  26. 26. E-Commerce E-commerce ; Flexstore et Vino Tinto Flexstore http://examples.adobe.com/flex2/inproduct/sdk/flexstore/flexstore.html Vino Tinto http://www.vinotinto.fr/#/fr/page/1/vente-vins-du-monde-club-degustation
  27. 27. E-Commerce Effets cinématiques Contexte : Flexstore / Vino Tinto Etude 2007 / 2010 : (%) Echelle 2007 2010 Pas pratique 0 0 Peu pratique 3 9 Assez pratique 27 31 Très pratique 70 59 Commentaires : Les participants quelque soit l’âge estiment que ce que propose le site est « nouveau ». En revanche, les plus de 35 ans estiment cet effet inutile alors que les moins de 35 ans se posent la question technique de savoir si l’effet sera aussi rapide avec une connexion bas débit. Contrairement à 2007, cet effet est rentré dans les habitudes et n’est plus évalué comme surprenant
  28. 28. E-Commerce Glissières (Slider) Contexte : Flexstore / Vino Tinto Flexstore Etude 2007 / 2010 : (%) Echelle 2007 2010 Pas pratique 13 41 Peu pratique 3 31 Assez pratique 23 13 Très pratique 57 16 Recommandations : Vino TInto Privilégier l’emploi de la double glissière pour les sites de manipulation de données plus que de e-commerce Mettre des graduations intermédiaires Faire fonctionner toutes les doubles-glissières de la même manière
  29. 29. E-Commerce Glisser déposer Contexte : Flexstore / Vino Tinto Etude 2007 : 70% des participants l’estiment très pratique Flexstore « Habituel » : - de 35 ans : 6% + de 35 ans : 38 % Etude 2010 : 12% des participants de plus de 37 ans essaient d’abord le glisser déposer avant de cliquer sur le bouton « ajouter ». Vino TInto
  30. 30. E-Commerce Gestion de l’espace Contexte : Flexstore / Vino Tinto Etude 2007 : Flexstore Pas vu : 94% Assez / très pratique : 60 % Etude 2010 : (%) Compris - de 37 ans + de 37 ans Oui 100 64 Non 0 36 Vino TInto Commentaire : Composant bien apprécié mais qui reste, en 2010, assez peu connu avec une utilisation peu intuitive.
  31. 31. Sommaire Introduction Définition de l’ergonomie Présentation de RT Consultants Etudes Flex Les critères ergonomiques Présentation des études Flex (Extrait) Conclusion
  32. 32. Conclusion Navigation La navigation n’est pas le but principal de l’utilisateur. Ainsi, pour les sites en HTML, le système de navigation doit occuper un espace restreint (ne pas multiplier les zones de navigation). Cependant, Flex offre des fonctionnalités nouvelles, qui vont attirer l’utilisateur si celles-ci sont implémentées de manière à respecter une certaine logique d’utilisation. Agencement des écrans L’avancée des sites en Flex est de proposer un ensemble de rubriques, habituellement divisé en plusieurs pages, sur une même page. Cependant, pour ne pas « forcer » les internautes à changer de stratégie ; il vous faut mettre en place un guidage fort.
  33. 33. Conclusion Conclusion générale Les possibilités offertes par la technologie Flex sont plutôt appréciées par les participants quelque soit leur profil : L’organisation des informations sur une même page est un plus, La gestion de l’espace est plutôt bien comprise, La présentation des informations est appréciée : La possibilité de visualiser une information principale et son détail sur la même page est fortement appréciée, voir, était attendue.
  34. 34. Pour aller plus loin Etudes complètes Toutes les conclusions Les données chiffrées Le verbatim complet Ateliers de 2 jours Analyse de cas concrets Présentation des règles d’ergonomie Exercice sur exemples réels Formation : Intégrer l’expérience utilisateur pour la création Flex http://www.rt-consultants.fr/index.php?art=25
  35. 35. Conclusion Rémy Taillefer Noelly Grondin-Devouche Juliette Derréal tél. 01 42 82 01 03 57 rue d’Amsterdam 75008 Paris Sarl au capital de 8 000 Euros SIRET : 48091422500010 RCS Paris B 480 914 www.rt-consultants.fr

×