User Experience (UX)
Dans un univers de plus en plus concurrentiel, l’expérience utilisateur (ou UX design pour User eXperience) et le design thinking sont devenus des concepts clefs. Facteurs de différenciation pour une marque, relais de croissance pour optimiser les ventes… si l’on connaît bien les vertus dont sont parés ces termes, il est plus compliqué de savoir exactement ce qu’ils recouvrent.
Loin d’être un effet de mode, la conception centrée utilisateur est un mouvement de retour à l’essentiel. Là où des enjeux techniques ou esthétiques ont parfois prévalus lorsqu’il s’agissait de faire des choix, nous croyons au contraire que la prise en compte de l’expérience utilisateur constitue l’ossature de tout projet ambitieux.
Chez design is Vital, nous sommes convaincus que pour atteindre votre cible, il faut placer l’utilisateur au centre de la conception du produit que vous lui destinez. L’utilisateur est le but, la technique et l’esthétique sont les moyens de l’atteindre. Certaines interventions reposent sur une expertise propre à l’UX designer, d’autres font intervenir vos utilisateurs ou les différentes parties prenantes du projet.
De manière générale, en début de projet, la composante UX de notre intervention sera plus élevée. Une fois que l’architecture de votre projet aura été mise en place, l’UX designer collaborera avec graphistes et UI designers pour faire le lien entre les différentes parties prenantes et les utilisateurs finaux.
01.
Architecture de
l’information
Lorsque nous concevons un produit avec un client, avant de définir un design, nous commençons par travailler sur l’organisation du site ou de l’application.
Cette démarche est essentielle pour que le produit sur lequel nous travaillons ait une structure logique et intuitive pour l’utilisateur. Penser en profondeur le projet en amont permet aussi de le faire évoluer plus facilement au cours du temps.
Pour transformer une bonne idée de projet en une architecture et un agenda de développement précis, nous passons généralement par ces 5 étapes.
Quelques méthodes …
- Cadrage & objectifs du projet : Échange entre parties prenantes et UX designer afin de connaître le projet et de mettre en place une méthodologie adaptée.
- Enquête utilisateur/environnement : Analyse des besoins et comportements du public cible. Cela passe par des recherches démographiques, des entretiens individuels ou des focus group.
- Co-conception : échanger entre nous pour mettre à jour les meilleures solutions.
- Cahier des charges fonctionnel/User story : Compilation du recueil de besoin et description des solutions à mettre en place.
- Atelier tri de carte : Définition d’une architecture de l’information sur le site. Cela comprend l’ordre et l’enchaînement des pages, l’organisation des menus et le contenu des pages.
01.
Architecture de
l’informations
Lorsque nous concevons un produit avec un client, avant de définir un design, nous commençons par travailler sur l’organisation du site ou de l’application.
Cette démarche est essentielle pour que le produit sur lequel nous travaillons ait une structure logique et intuitive pour l’utilisateur. Penser en profondeur le projet en amont permet aussi de le faire évoluer plus facilement au cours du temps.
Pour transformer une bonne idée de projet en une architecture et un agenda de développement précis, nous passons généralement par ces 5 étapes.
Quelques méthodes …
- Cadrage & objectifs du projet : Échange entre parties prenantes et UX designer afin de connaître le projet et de mettre en place une méthodologie adaptée.
- Enquête utilisateur/environnement : Analyse des besoins et comportement du public cible. Cela passe par des recherches démographiques, des entretiens individuels ou des focus group.
- Co-conception : échanger entre nous pour mettre à jour les meilleures solutions.
- Cahier des charges fonctionnel/User story : Compilation du recueil de besoin et description des solutions à mettre en place.
- Atelier tri de carte : Définition d’une architecture de l’information sur le site. Cela comprend l’ordre et l’enchaînement des pages, l’organisation des menus et le contenu des pages.
Une fois le plan de développement et le contenu du site défini, il reste encore à disposer les éléments sur les pages.
À partir des besoins, de la connaissance des utilisateurs et de règles générales d’ergonomie (mémorisation, perception etc….), l’étape du zoning permet de fixer la forme de chaque page.
Cette étape est particulièrement importante, car elle permet de tester le site et d’itérer à moindre coût.
Quelques méthodes …
- Wireframe basse définition : Première visualisation de l’interface, les wireframes sont rapides à concevoir et faciles à partager.
- Wireframe moyenne définition : Modèle intermédiaire, la moyenne définition permet de réaliser facilement des tests utilisateurs pour obtenir un premier retour de leur part.
- Design micro-interactions : Conception des animations et transitions présentées et accessibles à l’utilisateur. Au même titre que les formes et les couleurs, les mouvements ont une signification et il est préférable de les penser en amont pour l’utilisateur plutôt qu’en fin de développement pour des considérations esthétiques.
02.
Maquettage
02.
Maquettage
Une fois le plan de développement et le contenu du site défini, il reste encore à disposer les éléments sur les pages.
À partir des besoins, de la connaissance des utilisateurs et de règles générales d’ergonomie (mémorisation, perception etc….), l’étape du zoning permet de fixer la forme de chaque page.
Cette étape est particulièrement importante, car elle permet de tester le site et d’itérer à moindre coût.
Quelques méthodes …
- Wireframe basse définition : Première visualisation de l’interface, les wireframes sont rapides à concevoir et faciles à partager.
- Wireframe moyenne définition : Modèle intermédiaire, la moyenne définition permet de réaliser facilement des tests utilisateurs pour obtenir un premier retour de leur part.
- Wireframe haute définition : Conception des animations et transitions présentées et accessibles à l’utilisateur. Au même titre que les formes et les couleurs, les mouvements ont une signification et il est préférable de les penser en amont pour l’utilisateur plutôt qu’en fin de développement pour des considérations esthétiques.
03.
Optimisation
Il existe de nombreuses manières d’améliorer un produit existant aux yeux de ses utilisateurs. L’une des plus simples et des plus rapides est de réaliser des audits ou tests utilisateurs.
En identifiant les points forts et faibles de la navigation, nous dégageons des axes d’amélioration qui peuvent être autant de relais de croissance.
Audit expert
Une analyse basée sur les connaissances de l’évaluateur. Elle vérifie l’adéquation de votre produit avec les bonnes pratiques de conception. Rapide à effectuer, l’audit est fortement recommandé pour mener une 1ère phase d’amélioration (quickwin).
SEO & analyse technique
Cette partie de l’audit vous permet d’optimiser votre site d’un point de vue technique. L’intervention permet généralement d’améliorer deux facteurs clefs de votre référencement : la vitesse de chargement de votre site et la capacité des moteurs de recherche à l’indexer.
Elle vise également à détecter des problèmes d’affichage ou une mauvaise adaptation aux tailles d’écrans (responsive).
Test utilisateur
Avec des utilisateurs à distance, en laboratoire, ou même en mode “guérilla”, sous une forme ou sous une autre, le plus important avec les tests utilisateurs est de les effectuer. Il s’agit de la manière la plus directe et efficiente pour obtenir un retour de vos utilisateurs.
03.
Optimisation
Il existe de nombreuses manières d’améliorer un produit existant aux yeux de ses utilisateurs. L’une des plus simples et des plus rapides est de réaliser des audits ou tests utilisateurs.
En identifiant les points forts et faibles de la navigation, nous dégageons des axes d’améliorations qui peuvent être autant de relais de croissance.
Audit expert
Une analyse basée sur les connaissances de l’évaluateur. Elle vérifie l’adéquation de votre produit avec les bonnes pratiques de conception. Rapide à effectuer, l’audit est fortement recommandé pour mener une 1ère phase d’amélioration (quickwin).
SEO & analyse technique
Cette partie de l’audit vous permet d’optimiser votre site d’un point de vue technique. Cette intervention permet généralement d’améliorer deux facteurs clefs de votre référencement : la vitesse de chargement de votre site et la capacité des moteurs de recherche à l’indexer.
Elle vise également à détecter des problèmes d’affichage ou une mauvaise adaptation aux tailles d’écrans (responsive).
Test utilisateur
Avec des utilisateurs à distance, en laboratoire, ou même en mode “guérilla”, sous une forme ou sous une autre, le plus important avec les tests utilisateurs est de les effectuer. Il s’agit de la manière la plus directe et efficiente pour obtenir un retour de vos utilisateurs.