UX, User eXperience soit l’expérience utilisateur ou expérience de l’utilisateur. Donald Norman a rendu le terme populaire au milieu des années 90.
Définition de l’UX
Actions et réponses qu’une personne trouve ou anticipe dans l’utilisation d’un logiciel, une application, un site internet voire tout produit.
Il s’agit d’une « science » qui vise à rendre un système trouvable, accessible, agréable, crédible, utile et exploitable. Son utilisation doit être intuitive, les réponses doivent être trouvées naturellement et rapidement. Il s’agit donc d’optimiser la conception d’un outil afin qu’il soit le plus efficace et le plus clair que possible. Le design, l’architecture/structure, l’interactivité contribuent à offrir une bonne expérience de l’utilisateur. Lorsqu’ils sont optimisés, l’utilisateur ira vite dans son travail, trouvera la réponse qu’il cherche ou le moyen de faire ce qu’il veut aisément, ce qui ne manquera pas de lui plaire. Il continuera, par conséquent, à utiliser le système.
Issue de l’ergonomie et des sciences humaines, l’expérience utilisateur a pour objectif d’accroitre la satisfaction liée à l’usage de fonctions en en améliorant, de manière continue, la forme, le fond et l’accessibilité, tout cela contribuant à la notoriété du développeur du système.
4 composantes couvrent tous ses aspects :
- L’émotion
- La technique (performance, accessibilité et rapidité de l’interface)
- L’ergonomie
- L’analyse
Depuis les années 2010, les critères d’ »utilisabilité » (utile, utilisable, trouvable, navigable et accessible) ont été enrichis d’autres critères : efficace, désirable, agréable et crédible.
L’UI (User Interface) est l’aspect de l’UX, qui traite des éléments visuels (graphiques et textuels)
Enjeux de l’UX
L’UX s’est imposée depuis le début des années 2010 comme un atout majeur du marketing et est au cœur des stratégies d’entreprise.
L’enjeu premier est la satisfaction des utilisateurs en regard des services qu’on lui propose, ce qui permettra de les fidéliser. En appréciant un service, ils continueront de l’utiliser, ils pourront le recommander à d’autres et ainsi accroître la notoriété du service. De même, pour les sites internet, l’UX fait partie des critères de classement que les moteurs de recherche fournissent : l’amélioration de l’UX s’appuyant sur une structure claire, une logique de navigation et des temps de réponse rapide, les moteurs de recherche mettent en avant les sites qui l’ont optimisée. L’utilisateur revient au centre de toutes les préoccupations marketing.
L’UX contribue donc à accroître le taux de conversion (passage à l’acte d’achat) si le service à une vocation marchande.
Méthodes de l’UX
Etat de l’art Faire l’état des lieux des connaissances existantes et des domaines peu ou pas explorés concernant les sujets traités sur le site internet. | Etude sociologique, ethnographique Comprendre les usages et les valeurs liés à un objet ou à une situation par rapport aux groupes ciblés. |
Analyse des activités Observer l’activité réelle des utilisateurs en fonction de leurs contraintes et de leurs besoins. Cela permet de comparer l’activité imaginée par le concepteur et l’activité réelle des utilisateurs. | Analyse concurrentielle Analyser les avantages et inconvénients des services ou produits concurrents. |
Expérimentation à une variable Mesurer les effets d’un changement afin de valider une hypothèse. | Modèle mental Une personne se créera systématiquement une représentation de ce qu’elle utilise. Ce modèle va s’affiner au fur et à mesure des utilisations. |
Analyse de la tâche Connecter les tâches, les objectifs et les actions des utilisateurs et comprendre leur cheminement sur le site / l’application. | Modélisation Utiliser les données récupérées au cours de l’analyse de la tâche pour « conceptualiser » un modèle du site / de l’application. |
Tri par cartes Méthode de conception de l’architecture de l’information. Le groupe de travail (utilisateurs, concepteurs…) va organiser des cartes de mots clefs, de type de contenu en groupes d’intérêts (sémantiques, de fonction…) | Persona Créer un groupe de gens archétypes des utilisateurs potentiels afin de s’y référer. |
Architecture de l’information Segmentation de l’information en une structure simple et cohérente qui soit adaptée aux utilisateurs visés | Story-board Schématiser la navigation et les interactions entre l’utilisateur et le site / l’application |
Navigation Définir des modes de navigation (menu, liens, actions, boutons) ainsi que leurs moyens de repérage (représentation, position). | Wireframe – Mockup Fixer la position, la taille et le type de contenu de chaque élément en laissant de coté le graphisme en créant une maquette façon « fil de fer ». |
Groupe de travail Permet d’inclure les utilisateurs potentiels dans le processus de création/conception en fonction de leur utilisation/métier. | Test utilisateur à distance Demander à des utilisateurs d’évaluer le site / l’application directement sur leur poste. |
Maquette Concevoir le site / l’application sous une forme simplifiée mais complète et fonctionnelle, sans lien avec une base de donnée. | Prototype Concevoir une version finale du service qui ne sera pas encore accessible au public. |
System Usability Scale Recueillir le point de vue subjectif d’un utilisateur par le biais d’un questionnaire composé de 10 phrases (pour lesquelles les participants définissent leur niveau d’accord). | ISO 20282 Mesurer l’efficacité, l’efficience et la satisfaction procurée par l’utilisation d’un site / d’une application. |
Analyse des usages Comprendre les usages (d’un site, d’une application…) en analysant les statistiques d’utilisation, les parcours et les clics des utilisateurs. | Audit ergonomique Evaluer l’ergonomie de l’outil existant. |
Entretiens individuels ou en groupe Recueillir les motivations et opinions des utilisateurs à partir d’expériences sans analyser les comportements. | Guidelines Spécifier l’ensemble des aspects IHM (Interface Humain Machine) |
Scénarios d’usage Expliquer les procédures types qui permettront aux utilisateurs d’effectuer des tâches. | Test utilisateur DIY Tester le site / l’application auprès des utilisateurs potentiels à coût très modéré. Cela peut être fait tout au long du processus de création. |
Oculométrie Enregistrer les mouvements de l’œil au cours de l’utilisation du site / de l’application. | Nomenclature Définition des mots-clefs utilisés en fonction du champ lexical usuel des utilisateurs finaux. |
Test utilisateurs Effectuer des tests utilisateurs grâce au prototype, afin de repérer les problèmes pouvant être rencontrés. Le nombre de testeur dépend de la complexité du service. | Spécifications détaillées Rédiger les documents spécifiant l’ensemble des éléments constituant l’interface d’un service. |
Outils de l’UX
Basiquement un crayon, du papier, de la matière grise de l’écoute et de l’attention sont suffisants. Néanmoins pour aider l’UX Designer dans son travail il existe aussi de nombreux outils. Ici j’en présenterai brièvement seulement quelques un, destiné à l’utilisation web et application, à vous de vous faire votre opinion. Afin de s’assurer de l’efficacité de sa démarche UX, des outils d’évaluation, tels que les cartes de Carine Lallemand ou de UX Republic par exemple, sont disponibles.
Outils de planification globale
XMind est un programme open source pour Windows, OS X et Linux permettant de construire des cartes mentales et des arborescences de systèmes. Gratuit.
ConceptDraw Office (pro10, mindmap8 et project7) est une suite logicielle de présentation et d’organisation des idées pour Windows et OS X. 499$ le pack ( 446.45€).
OmniGraffle est un logiciel de création de diagramme, d’organisation d’idées et de wireframe pour OS X . 99$ (88.58€).
Gliffy est une plateforme internet de création de diagramme et de wireframe. Licence standard à 4$/mois (3.58€).
Outils de maquettage ou wireframing
Experience Design n’est pas encore sorti mais est disponible en version d’essai. A priori, un savant mélange de Sketch et InVision.
InVision est une plateforme internet de prototyping et de collaboration pour améliorer le workflow sur les projets. Gratuit.
Power Mockup est une extension pour créer des wireframe avec PowerPoint. 60$ (53.67€).
Moqups est une plateforme internet de wireframing. Licence à 13€/mois (11.63€).
Justinmind est un logiciel de wireframing pour web et appli mobile. A partir de 19$/mois (17€). Version entreprise avec collaboration sur serveur dédié et tests utilisateurs à 49$/mois (43.83€).
Filesquare est une plateforme internet de création de prototype par liaison de mockups qui permet également d’obtenir des retours d’impression. Gratuit.
Handcraft est une plateforme internet de création de prototype en code HTML/CSS/Javascript. 9$/mois en version pro (8.04€).
AppCooker est un logiciel de création de prototype pour Applewatch, IPone et IPad. 30$ (26.83€).
Prott est une plateforme internet, une application mobile et un logiciel windows et mac de prototyping pour mobile. Gratuit.
UXPin est un logiciel relativement complet qui propose la création de wireframe, de mockups et de prototype. On peut également réaliser des tests utilisateurs. Licence à partir de 19$/mois (17€).
Sketch est un logiciel de wireframing et prototyping. Pour OS X. 99$ (88.56€).
Outils de tests utilisateurs et de retour d’impression
Optimizely est une plateforme web d’optimisation qui permet des tests A/B et la personnalisation de contenu avec analyse d’audience pour application mobile et site internet. La partie test peut être essayée gratuitement mais toutes les options ne sont pas disponibles. La partie personnalisation est payante. Prix personnalisé en fonction des options choisies, les contacter.
Intuition HQ est une plateforme web de tests utilisateurs qui propose des retours d’impression. Gratuit dans un premier temps.
Verify est une plateforme internet de tests utilisateurs et de retour d’impression d’après screenshots et mockups. Licence à partir de 19$/mois (17€).
VWO VisualWebsiteOptimizer est une plateforme internet de tests A/B, tests utilisateurs, de retours d’impressions, de personnalisation de contenu et d’analyse. Les concepteurs de Concept Feedback, qui n’existe plus, font désormais partie de l’équipe de VWO. Essai gratuit puis licence à partir de 49$/mois (43.81€). Version complète : licence à 999$/mois ( 893.32€).
Fivesecondstestest une plateforme web de retours de première impression d’utilisateurs après 5 secondes de visualisation de la page d’accueil du site. Gratuit.
PickFu est une plateforme web de sondage pour obtenir des retours d’impression. Licence à partir de 20$ (17.88€).
AB Tasty est une plateforme web de test A/B et de personnalisation de contenu. Licence à partir de 29€/mois (25.93€).
UserTesting est une plateforme web de tests utilisateurs et de retour d’impression qui livre ses résultats écrits, en audio ou vidéo (vidéo d’utilisateurs se servant de votre site internet). Les 10 premières vidéos sont à 49$ (43.82€), puis 99$ (88.54€).
BugHerd est une plateforme web de localisation de problèmes grâce à des tests utilisateurs. Période d’essai gratuite puis licence à 29$/mois (25.93€).
Outils d’analyses
Inspectlet est une plateforme web d’analyse de site: heat maps, scroll maps, statistiques en temps réel et capture vidéo des comportements des utilisateurs sur le site. Version gratuite. A partir de 39$ (34.88€) pour plus d’options.
Google PageSpeed Insight est un service en ligne de Google permettant de connaître le temps de chargement d’une page web sur desktop ou mobile ainsi que ses possibilités d’amélioration. Gratuit.
Morae est un logiciel pour Windows qui enregistre les interactions des utilisateurs (clavier, souris, eye tracking, audio,..) et analyse les résultat. 2.233,61 € TTC.
Google Analytics est une plate forme web d’analyse et de création de rapports d’utilisateurs et de comportement, pour un site web ou une appli mobile. Gratuit.
Crazy Egg est un service web d’analyse de comportement des utilisateurs d’un site internet (heat maps, scroll maps, and rapport de clics). Licence à partir de 9$/mois ( 8.04€)
Mixpanel est une plateforme web d’analyse de comportement des utilisateurs d’un site internet ou d’une appli mobile. Gratuit.
W3C Marckup Validation Service est un service en ligne de vérification de conformité du code d’une page internet. Gratuit.
Dr. Link Check est un service web de vérification des liens cassés ou blacklistés. Gratuit.
CrossBrowtherTesting est un service internet de test de site sur différents navigateurs et différents systèmes d’exploitation mobiles. Licence à partir de 29$/mois (25.93€).