UI/UX designer

Avec l’expansion de la navigation web sur les tablettes, les smartphones et les objets connectés (montres, lunettes, voitures…) et la prépondérance des sites responsive de e-commerce, des services mobiles et des sites corporate sont apparues de nouvelles qualifications auparavant dévolues au web designer. Les impératifs techniques et marketing ont ainsi vu naître deux nouveaux métiers : l’UI designer, chargé de prendre en compte la navigation tactile, la rotation de l’image en portrait/paysage, la vocalisation des fonctionnalités ou encore les zones d’action plus interactives ; ainsi que l’UX designer pour l’expérience client (recherche de prospects, conversion des leads, et fidélisation par l’introduction d’une dimension plus émotionnelle).

Des missions complémentaires

L’UI et l’UX sont deux métiers différents et pourtant indissociables tant ils se complètent. L’UI conçoit entièrement l’interface utilisateur. Il est responsable de la clarté de la navigation, de l’optimisation du parcours sur le site ou l’application mobile, et de la qualité des contenus. Son rôle est d’organiser et de mettre en valeur tous les éléments graphiques mais aussi textuels au moyen de codes design respectueux de l’image de la marque dont il est question. Il intervient ainsi après l’UX designer dont la mission est de travailler en amont du projet sur l’expérience utilisateur.

L’UX designer est en effet l’ergonome du web. En responsable de l’expérience utilisateur, il a pour mission la mise en récit du site (ou storytelling) dont le rôle est de susciter l’émotion chez les internautes de manière à ce qu’ils adhèrent à la marque et qu’ils aient envie de revenir sur le site. Son travail commence donc par un audit pour analyser le futur parcours de l’utilisateur, identifier ses besoins et ses attentes. Puis il analyse toutes les données recueillies pour les confronter aux enjeux de l’entreprise. Le résultat est formulé à travers des prototypes, des arborescences et des fonctionnalités. Des tests évalueront ensuite la visibilité du site, son accessibilité, la simplicité de sa prise en main.

L’UI et l’UX sont donc deux créatifs tout à la fois techniciens et programmeurs, animés par une idée commune : donner envie aux utilisateurs de naviguer sur le site et d’y revenir. Des connaissances en psychologie et en sociologie leur sont indispensables pour mener à bien chaque projet.

On retrouve ces Dupont et Dupont dans les agences web et les agences de design, mais aussi dans les grandes entreprises et les start-up.

Des responsables de projets design

L’UI et l’UX collaborent avec les différentes équipes techniques dédiées aux projets digitaux : les graphistes, les développeurs, le webdesigner et le e-merchandiser.

La créativité à l’honneur

Pour réussir dans le métier, la créativité et l’imagination sont les deux principales qualités requises. Il n’en reste pas moins que les mots HTML5, CSS3, javascript, sketching et wireframing ne doivent pas leur paraître étranges. La connaissance des outils et des usages du cloud computing ainsi que du marketing est incontournable. Les deux compères doivent également maîtriser les modèles mentaux pour établir des scénarios utilisateurs.

Leur sens de l’observation et de l’analyse est apprécié, tout comme leur qualité d’écoute. Ils manifestent tous deux une excellente aisance relationnelle pour collaborer avec les différentes équipes.

HTML5
Sketch
Adobe InDesign
CSS 3

Leur trousse de travail

Ils utilisent au quotidien des outils de prototypage (low et high fidelity) tels que Ulzar, Invision ou Sketch. Ils créent des wireframes avec Whimsical, Pencil ou Wireframe.cc. Ils utilisent également des logiciels de création graphique (Photoshop, Illustrator ou InDesign). La technologie frontend leur est aussi familière.

Pas de voie royale

Il n’existe pas de diplômes spécifiques pour occuper ces postes. Une formation en arts numériques, en graphisme, en infographie ou en multimédia est en revanche indispensable. Un stage sur le terrain se révélera être très formateur, mais il ne remplacera pas une expérience préalable en tant que web designer.

Pour un niveau bac+2, il faudra s’orienter vers un DUT MMI (métiers du multimédia et internet) ou un DUT informatique.

Les écoles d’art, publiques ou privées, les écoles de design et de multimédia, un bachelor création web, design, communication et produits digitaux, ou encore une licence pro métiers du design ou de l’informatique délivreront un diplôme de niveau bac+3.

Pour un diplôme de niveau bac+5, ils pourront choisir entre un master pro arts, création et ingénierie numérique, un master pro management entrepreneuriat de projets numériques : développement et objets connectés, ou un master pro design d’interfaces multimédias et internet.

Un diplôme délivré par une école d’ingénieurs en informatique et un certificat en création graphique constituent une autre voie possible.

Design Interactif / Web
Master création numérique parcours design d'interface multimédia et Internet

Des salaires équivalents à compétences égales

Le salaire brut annuel d’un UI et d’un UX junior est compris entre 35 et 40 K€. Dès qu’ils sont confirmés, il grimpera pour atteindre entre 45 et 55 K€ par an. Un senior quant à lui touchera 60 K€.

Un plan de carrière peu visible

Il est encore trop tôt pour faire de la prospective dans la mesure où ces métiers sont encore récents. On peut tout de même imaginer que des postes d’encadrement s’ouvriront naturellement à mi-parcours (directeur artistique, directeur de projets web). Ils pourront également prétendre à un poste d’architecte de l’information.

Les offres qui pourraient t'intéresser

  • CDI
  • Environ 52k€
  • 3 to 6
  • Paris-19E-Arrondissement
  • Télétravail 1 j/semaine
  • Lead UX Designer
  • Lead UI Designer
  • Design Lead
  • UI/UX Designer
  • Product Designer
  • UX/UI design
  • Design
  • image adobe-photoshop
  • image figma
  • image sketch
  • CDI
  • Environ 35k€
  • 0 to 2
  • Paris
  • Télétravail 2 j/semaine
  • UX Designer
  • UI/UX Designer
  • UI Designer
  • Graphic designer
  • User experience
  • Design
  • UX/UI design
  • image adobe-photoshop
  • image adobe-illustrator
  • image adobe-indesign
  • image figma
  • image sketch