Marie Boubet

UX designer

Tout commence par un problème à résoudre

En tant que designer d'interfaces et de l'expérience utilisateur, j'aide à concevoir des interfaces ergonomiques, en accord avec les habitudes et la personnalité des utilisateurs de sites ou services, sur web ou mobile.

Nous sommes tous consommateurs de marques et de services.

L'UX design est une discipline d'échange. Ce n'est pas une personne qui fera la différence, mais la collaboration entre une équipe et son client.

Découvrez mes compétences et ma façon de travailler.

1. Compréhension des besoins

Bien comprendre son client est primordial : comprendre la marque, son ADN, ses valeurs, son savoir-faire et ses objectifs.

Bien connaître ses consommateurs, qui sont les futurs utilisateurs, est également essentiel. Il faut cerner leur personnalité, leurs habitudes et leur utilisation du web.

Outils : dialogue, personas et données analytiques.

2. Analyse de l'existant

Je connais mon but, mais quel est mon point de départ ?

Analyser l'écosystème de la marque est souvent utile.
S’agit-il de plusieurs sites ou d’un ensemble d’applications ? Quels sont les contenus ? Quelle est leur utilité ? Quelle histoire est racontée ?
Lister l'ensemble de ces éléments permet d'avoir une vision globale de l'existant.

Les données analytiques permettent d'identifier facilement les points de fuites et autres faiblesses.
Prévoir les améliorations pour la suite devient un jeu d'enfant.

Outils : tableur, user journey, consumer touchpoint et données analytiques.

3. Architecture de l'information

Il est temps de remettre de l'ordre !

"Utiliser les bons mots au bon endroit et dans le bon ordre."

Navigation générale, enchaînement des données au sein d'une page ou choix du wording, la gestion des contenus ne doit pas perdre le visiteur.

Outils : post-it, tableur et diagrammes.

4. Wireframes & prototype

Enfin cela prend forme !

Comment se présente la navigation ? Et le tunnel d'achat du e-commerce ? Comment évolue le site sur tablette et mobile ? Des onglets ou des ancres internes ?
Après les premières esquisses à la main, les blocs noirs et blancs des wireframes tracent la structure du futur site.

Et pour animer les wireframes ou les maquettes, réaliser un prototype reste encore le meilleur moyen d'expliquer le fonctionnement du site.

Outils : Papier/stylo, Axure, Balsamiq Mockup, HTML/CSS et Sketch.