Designer UX-UI

Portrait de Tiffany

A la fois créative et dotée d’un bon esprit d’analyse, Tiffany met tout en œuvre pour concevoir les sites et applis de ses clients en se focalisant sur l’expérience utilisateur. Elle exerce depuis 4 ans maintenant en tant qu’indépendante et ce métier l’anime toujours autant. 

« Co-contruisons, ensemble, les applis web et mobile d’aujourd’hui et de demain en nous focalisant sur les utilisateurs et leurs besoins. »

Le métier de designer UX-UI

Tu trouves ton trajet bus /métro en 2 secondes et 3 clics : et bam, l’appli repère ta localisation et propose les meilleurs itinéraires. Rapide et efficace, tu la recommandes ! 

Merci au designer UX-UI qui s’intéresse au dialogue entre l’utilisateur, la marque et la machine. L’objectif : créer des émotions et faire vivre une expérience positive à l’utilisateur pour le fidéliser ou impulser l’achat. On parle de storytelling. Pour cela, pas de limites : écran tactile, rotation de l’image, design sonore, profils utilisateurs, géolocalisation, interface responsive, parcours de navigation... 

Consulté pour les sites, les applis, les tablettes, les plateformes, les bornes interactives, les objets connectés... ce designer, parfois appelé designer d’interaction, est un incontournable du digital, du web et du marketing ! 

Ses missions peuvent varier selon le poste et l’employeur mais voici les principales. 

Au démarrage d’un projet, l’UX analyse les besoins des utilisateurs : 

• Il recueille les demandes du client et établit le budget avec le chef de projet.

• Il étudie la marque et identifie les principaux enjeux du produit à créer ou à améliorer.

• Il mène des études auprès des utilisateurs : besoins, attentes, points bloquants à améliorer... 

• Il analyse les résultats et élabore le profil type de l’utilisateur : persona.

• Il étudie la concurrence et établit des comparaisons : c’est le benchmarking.

• Il met en place le parcours utilisateur : il imagine les étapes de navigation ou d’utilisation qui s’enchaînent comme le déroulement naturel d’une histoire.

• Il structure l’arborescence et la hiérarchisation des contenus.

• Il entre en phase de conception : c’est-à-dire de création et de production d’idées.

• Il réalise du zoning : espace accordé aux différents contenus sur chaque page.

L’UI développe l’interface, partie visuelle et graphique, en respectant l’expérience utilisateur souhaitée :

• Il crée ou reprend la charte graphique du client (polices, tailles, couleurs, style de boutons interactifs et de formulaires, l’iconographie, la barre de recherche…) et crée un univers graphique.

• Il l’applique aux maquettes.

Il met en place des tests pour améliorer la proposition jusqu’au résultat final :

• Il fait des propositions en présentant des wireframes (maquettes fonctionnelles ou schémas de navigation) et des mock-ups (prototypes d’interface utilisateur).

• Selon les retours, il affine les choix graphiques et réoriente le projet si besoin.

• Il peut réaliser des tests comparatifs entre deux versions : c’est l’A/B testing.

• Il vérifie la cohérence et la conformité de la proposition finalisée.  

Les intégrateurs et/ou développeurs prennent le relais pour coder toutes les fonctionnalités et éléments visuels imaginées pour les rendre réelles. 

Avis Wilbi 

Certaines entreprises demandent les deux compétences UX-UI ou les dissocient. Designer UX vs designer web/infographiste : le second n’a pas été formé à l’expertise UX. 

Idéalement, un·e designer UX-UI se montre : 

• très créatif·ve pour optimiser l’expérience utilisateur !

• fan de digital, des dernières apps et innovations !

• très interessé·e par l’humain, les comportements et la sociologie,

• doté·e d’une bonne capacité d’analyse et de synthèse,

• capable d’empathie pour se mettre à la place des utilisateurs,

Au passage, réfléchis bien si (à prendre avec un peu d’humour) :

• travailler avec les nouvelles technologies, ne t’attire pas plus que ça…

• tu n’es pas de nature curieuse : là, tu dois au contraire poser des questions, chercher des informations pour comprendre les utilisateurs et construire les scénarios,

• tu aimes être sur le terrain : ici, le travail se fait plutôt devant l’écran.

• dialoguer, communiquer... bof bof : là, tu construis un projet en équipe donc tu échanges avec les autres intervenants.

Avis Wilbi 

Si tu ne te retrouves pas dans toutes ces qualités et ces compétences : c’est normal ! Laisse-toi le temps de les acquérir.

Pour être un designer UX-UI, il existe différents chemins de formation du niveau Bac+3 à Bac+5. En voici quelques exemples.

Au lycée, il existe des Bacs en lien comme : 

• Bac techno ST2A (sciences et technologies du design et des arts appliqués) 

• Bac général*

Avis Wilbi 

*Les spécialités en lien peuvent être : Arts, Numérique et sciences informatiques... Tu peux simuler des combinaisons sur le site Horizons21. Le choix d’enseignement de spécialité t’appartient et se construit aussi avec des professionnels de l’orientation. 

Dans les études supérieures, il existe des formations de niveau Bac+2 comme :

• BTS Designer graphique Print et digital ; Design graphique ; Design graphique et communication visuelle

Après le Bac ou un 1er diplôme, tu peux suivre une formation de niveau Bac+3 comme :

• Licence pro Métiers du design, Métiers de l'informatique, Design numérique

• BUT MMI (métiers du multimédia et de l’internet) ; Informatique

• Bachelor ou diplôme d’école* de dessin, design, multimédia 

• DNA (diplôme national d’arts) options Design

• DN MADE (diplôme national des métiers d'art et du design) mention Numérique, Innovation sociale, Graphisme...

Il est conseillé de poursuivre avec une formation de niveau Bac+5 comme :

• Master pro Arts, création et ingénierie numérique ; Design d’interface multimédia et Internet ; Design et développement des objets ; Médias et espaces numériques ; Design, médias, technologie : design d’interface ; Management entreprenariat de projets numériques : développement et objets connectés 

• Master User expérience ou diplôme d’école de dessin, de design et de multimédia 

• DSAA diplôme supérieur des arts graphiques 

• DNSEP (diplôme national supérieur d'expression plastique) option design

• DNSAD (diplôme national supérieur des arts décoratifs) option design 

• Diplôme d’école d’ingénieurs en informatique + certificat création graphique

Les écoles des Beaux-Arts (écoles supérieures d’art, instituts supérieurs d’arts et du design...) te forment au DNA et DNSEP. Les écoles supérieures d’arts appliqués te forment au DSAA. Les écoles d’art reconnues te forment à leurs propres diplômes (mais elles sont souvent coûteuses). Les modalités d’admission dépendent des écoles : renseigne-toi directement sur leur site pour en savoir plus. Attention : les concours/dossiers sont très sélectifs et les formations sont souvent exigeantes.

Avis Wilbi 

L’obtention d’un premier diplôme dans le domaine ainsi que suivre une prépa « artistique » peut être une passerelle intéressante. 

Il peut travailler en agence spécialisée dans le web, le digital, le design, la communication ou dans une start-up : elles sont en effet très présentes sur ces créneaux. L’univers du jeu vidéo est aussi très demandeur d’UX designer.

Il peut aussi intégrer un service dédié au sein de grandes entreprises tels que la communication, le marketing ou le studio de création. 

Il peut être également à son compte en tant qu’indépendant.

Avis Wilbi

Echanger avec un professionnel est une bonne stratégie pour en savoir plus sur l’insertion professionnelle d’un métier.

Salaire débutant mensuel net : aux alentours de 1 900 €.
La rémunération peut évoluer assez rapidement.

En se mettant à son compte en tant que consultant, le salaire dépend du volume de clients, de la nature et de la régularité des prestations.

Ces chiffres sont là pour te donner une idée, mais les salaires varient selon l’expérience, le type d’entreprise, le statut, le secteur, la zone géographique, etc.

Il peut envisager de devenir chef de projet, directeur de création interactive et pourquoi pas ensuite directeur d'agence.

Après quelques années et un bon réseau, c’est aussi le moment pour certains de se mettre à leur compte en tant qu’indépendant.

Avis Wilbi 

Echanger avec un professionnel est une bonne stratégie pour en savoir plus sur les possibilités d’évolution de carrière d’un métier.

Ici on compile quelques références en tout genre (pédagogiques, divertissantes…) autour du métier et son univers. Attention, prise du recul nécessaire (notamment sur les films et séries) car ce n’est pas toujours le reflet de la réalité voire stéréotypé… Enjoy !

Films : 

• Le Fondateur (2016), John Lee Hancock

• Steve Jobs (2015), Danny Boyle

• Minority Report (2002), Steven Spielberg

Série :

• GUTENBERG : l'aventure de l'imprimerie ½ (2016), de Marc Jampolsky

Documentaires :

• Abstract, l’art du design (2017), Netflix

• Jeffrey Zeldman 20 years of Web Design and Community (2017)

• Design disruptors (2016), de Matt D'Avella

• Design Is Future Film (2016), Barcelona centre de Disseny

• Camille, UX/UI Designer - Série Les Interviews Selfies (2020), Talents du numérique

• Connecting - Trends in UI, Interaction, & Experience Design (2013), The Documentary Network

• Design & thinking (2012), de Mu-Ming Tsai

MOOC : 

• UX Design : découvrez les fondamentaux (2022), Laurène Castor, OpenClassRooms

Podcasts :

• Uxprimez-vous, Camille Genaille, Apple podcasts

• Design + : la parole aux professionnels du design ()

• Parlons Design, Romain Penchenat

• Salut les Designers

• Croisements

• Design System

• Les voix du Design Thinking

• La French Touch

Livres :

• L'UX Design en pratique ! (2022), de Marina Wiesel et Jérémie Cohen 

• UX writing (2021), de Gladys Diandoki

• UX Writing (2020), de Kinneret Yifrah

• 33 bonnes pratiques en UX design (2019), de Liv Danthon Lefebvre

• UX design et ergonomie des interfaces (2016), de Jean François Nogier et Jules Leclerc

• Ergonomie web et UX design (2016), d’Amélie Boucher

• Design d’experience utilisateur (2012), de Sylvie Daumal

Magazines et leur site : 

• Le blog de l’UX designer

• Newflux

• UX Republic

Réseaux sociaux : 

• uxui.tiffany, sur Instagram

• Welovewebdesign, sur Instagram

• uidesignpro, sur Instagram

• uisupply, sur Instagram

• ui.mob, sur Instagram

Sites :

• www.talentsdunumerique.com 

• www.uxmag.com

• www.magazineduwebdesign.com

Un grand merci à Tiffany d’avoir pris le temps de montrer son quotidien en vidéos ! 

Crédit photos : Anne-Sophie Morel