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).
[Fr] étude CRM Orange Business Services et AFRC (2010-2011)
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
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
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 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. 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. 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
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. 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. 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
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. 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. 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
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 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. 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
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. 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. 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. 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