Design UX

En nous basant sur les données issues de la recherche utilisateurs, nous concevons votre produit ou service, en impliquant les utilisateurs cibles le plus tôt et le plus souvent possible.

Architecture de l'information

Nous commencerons par définir une architecture de l’information. Cela consiste à structurer et hiérarchiser les contenus d’un site ou, dans le cas d’une application, à modéliser les logiques d’enchaînements des écrans selon les différents scénarios utilisateurs (« wireflows »).

Nous utilisons plusieurs outils qui nous permettent de recueillir aussi bien des données qualitatives que quantitatives de la part des utilisateurs. Le tri de carte nous renseigne sur la façon dont les utilisateurs organisent et nomment les catégories de contenus d’un site. Le test d’arborescence, par exemple, permet de valider la pertinence d’un système de navigation sur plusieurs niveaux de profondeur.

Bénéfices

Valide la compréhension et la logique de chaque étape et processus clés
Une structure testée et validée auprès des utilisateurs et pas basée sur des hypothèses
Une hiérarchie du contenu au plus près du modèle mental de vos clients

Livrables

Arborescence (sitemap)

Wireflows : un diagramme de flux intégrant des maquettes permettrant de visualiser des parcours utilisateurs

Maquettage statique & Storyboarding

Dans sa relation avec un produit digital, l’utilisateur va interagir en permanence avec le système (dialogue homme-machine). C’est ce dialogue qu’il va falloir modéliser.
Maquettage et storyboarding sont utilisés assez tôt dans la phase de conception pour imaginer et tester rapidement des solutions de design.
Le maquettage statique ou wireframing consiste à construire progressivement les écrans en partant des éléments structurants et en les détaillant peu à peu. On valide de façon itérative chaque étape d’avancement, au travers de validations de l’équipe projet et de tests utilisateurs.
Le « storyboarding » est une des méthodes permettant de modéliser la relation entre l’utilisateur et le système : elle consiste à mettre en scène visuellement l’expérience des utilisateurs.
On raconte, de façon séquentielle, une histoire dont les personnages seront les utilisateurs d’un système. Il permet de rendre vivant un concept pour en faciliter la compréhension et l’adhésion par tous. Cette méthode s’appuie sur les techniques classiques de la communication visuelle et des arts de l’image (Cinéma, bande dessinée, jeux vidéo).

Bénéfices

Favoriser la co-créativité en encourageant l’implication de tous les acteurs du projet
Faciliter la communication en partageant une vision commune
Économiser en temps et en coûts tout en réduisant les risques d’erreurs

Livrables

Storyboard du processus
Wireframes

Prototypage interactif

« It’s about experience ! ». Le principe du prototypage interactif est de simuler les interactions entre les utilisateurs et l’interface, telles qu’on les imagine une fois le produit terminé. S’agissant d’une simulation, aucun développement n’est nécessaire : on peut donc très rapidement donner l’illusion que le produit fonctionne réellement. Cela va permettre de réaliser des tests utilisateurs très précis et d’évaluer la qualité de l’expérience utilisateur.
(Nous donnons d’ailleurs une formation sur Axure, qui est probablement le logiciel de prototypage le plus puissant du marché actuellement.)

Bénéfices

Proposer une représentation du produit final très en amont dans le projet
Permettre aux équipes graphiques, techniques, marketing, business d’anticiper leurs contributions
Fournir un livrable fonctionnel aux équipes de design graphique et de développement, en complément d’un document de spécifications allégé (on décrit moins, on montre plus)

Livrables

Un prototype interactif dont le nombre d’écrans dépend du périmètre du projet
Un accès en ligne au prototype, ainsi qu’une version à télécharger Un document de spécifications fonctionnelles (optionnel)

Design graphique

Le design graphique est un processus de communication visuel qui intervient sur la typographie, la composition visuelle, les éléments d’interface, l’iconographie, les illustrations et la photographie. Il prend en compte le guide de style et les valeurs propres à chaque marque.
Dans nos projets, les directeurs artistiques et graphistes se conforment également aux consignes et recommandations ergonomiques définies plus tôt par le UX designer et travaillent en étroite collaboration avec lui.

Bénéfices

Emotionnel, donnez vie et créez une connexion avec vos utilisateurs
Cohérence, continuer le travail lors de cette partie nous permet d’être sûr qu’aucun changement ergonomique intervient lors de cette phase
Personnalisé, Mettez en valeur votre marque

Livrables

Des maquettes graphiques en
Une charte graphique

Un guide de style

Création d'un MVP

Le MVP (« Minimum Valuable Product » ou produit minimum viable) est un processus de conception de produit ou service basé sur la méthode Lean (Lean Startup Method). Le principe est de se concentrer au départ sur les fonctionnalités indispensables du produit que l’on présente aux clients cibles pour valider rapidement les hypothèses.
Les temps de développement sont réduits et on vérifie très rapidement si le modèle économique est viable. On corrige et on répète le cycle de tests tant que le produit n’est pas adopté par les utilisateurs finaux.

Bénéfices

Efficace, par la réaction des utilisateurs vous découvrez si votre offre est pertinente pour eux
Pratique, au lieu de discuter indéfiniment sur quoi faire, construisez, évaluez et apprenez.

Rapide, le but est d’apprendre le plus rapidement et non de construire le produit parfait dès le début.

Livrables

Prototype prêt à être utilisé par vos utilisateurs. Spécifications techniques et ergonomiques

Quels challenges cherchez-vous à résoudre actuellement?

Grâce à notre expérience, nous avons sélectionné les défis que nous rencontrons le plus souvent :
Architecture de l'information
Maquettage statique & Storyboarding
Prototypage interactif
Design graphique
Création d'un MVP