Télécharger pour lire hors ligne
RTC Tontons Flexeurs slideshare 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. 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. Définition ergonomie Ergonomie ? Utilisateur Développeur Etre humain
- 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. 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. Présentation de RTC Jeuneentreprise innovante
- 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. 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. 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. 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. 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. 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. Critères ergonomiques Critères deBastien 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. Critères ergonomiques Critères deBastien 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. 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.
- 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. Dashboard Evolutionde 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. Dashboard Evolution de lapré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. 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. Dashboard Graphiques Contexte : Dashboard Etude2010 : 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. Dashboard Infobulles Contexte : Dashboard Etude2007 : 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. 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. 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.
- 26. E-Commerce E-commerce ; Flexstoreet 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. 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. 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. 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. E-Commerce Gestion del’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. 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. Conclusion Navigation Lanavigation 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. Conclusion Conclusiongé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. Pour aller plusloin 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. 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