La définition
Notre dernier article vous présentait le métier d’UX designer. Aujourd’hui, nous verrons la différence avec l’UI designer. Commençons par une courte définition :
L’UI designer réalise le design graphique de l’interface, lien entre l’utilisateur et le produit ou service. Il se charge de toutes les étapes du design graphique, du brief à la livraison de la charte graphique en passant par les pistes graphiques, maquettes et déclinaison d’écrans. Son travail consiste à organiser les éléments visuels de manière à produire un contenu esthétique et fonctionnel.
Source : usabilis.com
Il est plus que commun de voir le titre UX/UI designer sur les offres d’emploi notamment. Il y a entre ces deux métiers, pourtant, une distinction à faire. Nous vous laissons visionner, au travers de la vidéo ci-dessous, la différence entre l’UX et l’UI design :
On terminera cette définition, avec une vidéo portrait d’une UI designer, réalisée par la chaîne Pool qui propose de nombreuses vidéos sur différents métiers, dont ceux du digital :
Les missions d’un UI designer
Les missions de l’UI designer se concentre essentiellement sur l’interface et son ergonomie :
- Il crée et améliore l’interface utilisateur pour répondre à leurs besoins.
- Il est en charge de la navigation qui doit se faire de façon logique.
- Il doit implémenter la charte graphique de son client dans son design.
- Il apporte son expertise pour ajuster l’ensemble de ses éléments dans une interface pertinente et agréable.
L’UI designer travaille main dans la main avec l’UX designer, pour cela, il doit toujours prendre en compte différents éléments inhérents au projet :
- Le contexte et les enjeux du projet,
- Les utilisateurs, leurs parcours et leurs besoins,
- Les tests utilisateurs et leurs retours pour adapter son travail.
Résumons tout cela grâce à cette courte vidéo :
Les outils
Il existe sur le marché de nombreux outils de conception d’interfaces. Que ce soit pour du wireframes, du prototyping ou encore du collaboratif, vous trouverez ci-dessous les outils utilisés chez Ilelli par notre UI designer.
- Un crayon papier et un carnet : La première étape, poser son idée sur du papier.
- Figma : La seconde étape, retranscrire en wireframe et prototype interactif.
- Figjam : si on a besoin de travailler en collaboration pour construire un workflow par exemple.
- Zeroheight : pour documenter son design system.
- La suite Adobe : d’Illustrator à Photoshop en passant par Premiere, l’UI designer doit disposer des connaissances de bases en retouches d’images et montage vidéo.
- HTML, CSS et un peu de JS ! Et oui, il doit pouvoir communiquer avec ses collègues développeurs.
En savoir plus
On vous laisse une liste de quelques ressources ci-dessous si vous souhaitez en savoir plus. Parce que l’on sait que c’est difficile de décrire un métier aussi passionnant que l’UI design en seulement quelques lignes. Le dernier mot pour la fin, n’oubliez pas que Google est votre ami !
Articles :
Devenir UI designer :
https://www.studi.com/fr/metier/ui-designer
Trouver l’inspiration :
https://medium.com/@romaindao/ui-design-o%C3%B9-trouver-linspiration-417cd81cf68e
9 conseils pour améliorer ses compétences en UI :
Construire un design system :
Sites :
La chaîne YouTube de Basti UI :
https://www.youtube.com/channel/UCnnIP34CpT7nIBZS5KuuhbA
The cacatoès Theory le site fait pour des designers :
https://www.thecacatoestheory.com/
Autres ressources :
Un site qui recensent de nombreuses ressources UI :
En manque d’inspiration :
On en reprendra encore un peu :
La toolbox d’une graphiste :