Stage en design UX et UI : observer avant de dessiner

UX et UI : deux regards sur un même écran

On associe souvent les deux sigles, alors qu’ils décrivent des centres d’intérêt différents. L’UX (expérience utilisateur) s’intéresse au parcours : une personne arrive avec un objectif, rencontre des obstacles, hésite, abandonne ou réussit. La UI (interface utilisateur) s’occupe de ce que cette personne voit et manipule : hiérarchie visuelle, composants, couleurs, typographie, états d’un bouton, comportement sur mobile.

Dans une grande équipe, les rôles sont distincts : chercheur utilisateur, designer d’interaction, designer d’interface, rédacteur de contenus d’interface. Dans une petite structure, une seule personne cumule parfois tout. Un stage peut donc vous placer plutôt du côté de l’observation et de l’analyse, ou plutôt du côté de la production d’écrans et de systèmes de composants.

Avant de postuler, demandez-vous ce qui vous motive : comprendre pourquoi les gens se perdent dans un formulaire, ou obtenir un écran net et cohérent ? La réponse oriente le type d’offre à viser et la manière de présenter votre travail.

Missions courantes pendant un stage de design numérique

Un stagiaire en design n’est pas là seulement pour « faire les maquettes ». Les missions varient selon la maturité de l’équipe, mais on retrouve souvent les mêmes briques.

• Mener quelques entretiens avec des utilisateurs, puis synthétiser les constats sous forme de parcours ou de points de blocage.
• Réaliser des audits d’interface : repérer les incohérences, les libellés ambigus, les écarts avec les composants existants.
• Dessiner des écrans à plusieurs niveaux de détail, du croquis au prototype cliquable.
• Alimenter ou nettoyer une bibliothèque de composants partagée avec les développeurs.
• Préparer un test d’utilisabilité, l’animer ou l’observer, puis écrire les recommandations.
• Participer aux rituels de l’équipe : rétrospectives, revues de maquettes, réunions de planification.

Dans une agence, les missions s’enchaînent plus vite et touchent plusieurs clients. Chez un éditeur de produit, vous resterez longtemps sur le même service, ce qui permet de voir l’effet réel de ses décisions mais limite la variété des sujets.

Un portfolio qui montre la démarche, pas seulement le résultat

Les recruteurs consultent beaucoup de portfolios composés de captures d’écran séduisantes. Ce qui fait la différence, c’est l’explication de ce qui s’est passé entre le brief et l’écran final. Pour chaque étude de cas, quelques éléments suffisent.

1. Le contexte : à qui s’adresse le produit, quel problème a été identifié, quelle était votre part du travail.
2. La méthode de recherche : entretiens, observation, analyse de retours existants, avec le nombre de personnes consultées.
3. Les alternatives écartées et la raison du choix retenu.
4. Le prototype, avec au moins un écran avant et après une modification issue d’un test.
5. Le résultat observé, même modeste : tâche terminée plus vite, moins d’erreurs, retour qualitatif.

Deux à quatre études de cas bien racontées valent mieux que dix projets survolés. Si un projet est collectif, dites précisément ce que vous avez fait : recherche, wireframes, design visuel, animation. Un portfolio consultable facilement sur téléphone, sans mot de passe et avec une page d’accueil claire est une marque de professionnalisme dans un métier consacré à la facilité d’usage.

Mener un test utilisateur dont on peut tirer des leçons

Le test est l’occasion de montrer votre maturité. Un bon test commence par une tâche réaliste : « réservez un créneau pour la semaine prochaine », plutôt que « que pensez-vous de cette page ? ». On observe alors les hésitations, les retours en arrière, les mots que la personne emploie, sans la guider à chaque pas. Le silence du facilitateur est un outil à part entière.

Quelques repères pratiques :

• cinq personnes bien choisies révèlent déjà la plupart des blocages majeurs d’une version, mais ne permettent pas de conclusions statistiques ;
• on note les faits (« a cliqué trois fois sur le logo ») avant de les interpréter ;
• on distingue ce qui relève du texte, de la structure, de la mise en page ou de la performance technique ;
• on hiérarchise les constats selon leur gravité, pas seulement selon la facilité à les corriger.

Le tuteur vous aidera à interpréter les observations et à limiter les généralisations : un test sur dix collègues de l’entreprise ne représente pas le public réel. Dites-le clairement dans vos restitutions.

Accessibilité, contraintes techniques et langage clair

Une interface n’est réussie que si le plus grand nombre peut l’utiliser. L’accessibilité numérique inclut le contraste des couleurs, la navigation au clavier, la compatibilité avec les lecteurs d’écran, la taille des zones cliquables, la possibilité d’agrandir le texte et la clarté des messages d’erreur. En France, un référentiel public d’amélioration de l’accessibilité sert de base à de nombreuses obligations pour les services publics et certaines entreprises ; connaître son existence est un atout en entretien.

Les contraintes techniques font aussi partie du métier. Une animation séduisante peut ralentir une page sur un téléphone d’entrée de gamme ; un composant sur mesure peut coûter plusieurs jours de développement alors qu’un composant existant suffirait. Échangez tôt avec les développeurs, demandez ce qui est simple ou coûteux, et montrez que vous acceptez des compromis argumentés.

Enfin, le langage compte autant que l’image. Un libellé de bouton, un message d’erreur ou une consigne mal formulée gêne autant qu’un mauvais alignement. Savoir écrire court, concret et sans jargon distingue souvent deux profils par ailleurs proches.

Parcours de formation, stage ou alternance : comment choisir

Les voies d’accès sont variées : écoles de design et d’arts appliqués, écoles du numérique, universités avec parcours métiers du multimédia, écoles d’ingénieurs ou de commerce proposant une option expérience utilisateur. Certains cursus intègrent le stage dès la première année, d’autres l’inscrivent en fin de cycle. Des formations proposent une alternance après une année de tronc commun, ce qui permet de passer du temps en entreprise sur la durée.

Le stage convient lorsque vous voulez découvrir un secteur ou un rôle sans engagement long. Il est encadré par une convention signée avec votre établissement et l’organisme d’accueil. L’alternance repose sur un contrat de travail et suppose de trouver une entreprise d’accueil avant ou pendant la formation ; elle offre une expérience plus continue, au prix d’un rythme exigeant.

Quel que soit le choix, vérifiez que votre école accompagne la recherche d’entreprise, organise des présentations de portfolio et possède un réseau de professionnels du produit numérique. Ce sont ces appuis, plus que le nom de l’établissement, qui facilitent la recherche.

Gratification et exemple de comparaison d’offres

Un stage de plus de deux mois dans la même structure donne droit à une gratification. Son minimum légal est défini par la réglementation et évolue ; vérifiez le montant en vigueur auprès de votre établissement. Beaucoup d’agences et d’éditeurs proposent davantage que ce minimum, mais les montants varient fortement d’une structure à l’autre.

Illustration avec des chiffres ronds et hypothétiques. Deux offres de quatre mois s’offrent à vous. L’agence A propose 900 euros par mois, pour des missions de maquettes sur plusieurs clients ; la start-up B propose 800 euros par mois, avec un projet unique, un tuteur designer senior et des tests utilisateurs réguliers. L’écart de gratification sur la durée est de 400 euros. Pour un début de carrière, la seconde offre peut apporter davantage à votre portfolio, à condition que le tuteur soit réellement disponible. Il vaut donc la peine de demander, avant de signer, combien de temps hebdomadaire il consacrera au suivi.

Comparez enfin les frais annexes : transport, éventuel logement, accès aux licences d’outils, matériel fourni ou non.

Postuler : CV, lettre, entretien et erreurs à éviter

Un CV de designer reste sobre, lisible et cohérent avec l’univers visuel de son portfolio. Placez en tête le lien vers vos études de cas, puis les outils utilisés, avec un niveau honnête. Dans la lettre, nommez un parcours de l’organisme que vous avez testé vous-même, expliquez ce que vous auriez observé ou amélioré, sans critiquer durement le travail de l’équipe en place.

En entretien, on vous demandera de présenter un projet en cinq à dix minutes, puis de défendre un choix contesté. Parfois un exercice de réflexion est proposé : comment amélioreriez-vous le processus d’inscription d’un service que vous utilisez ? Pensez à poser vos hypothèses à voix haute.

Erreurs fréquentes :

• présenter des écrans sans dire quel problème ils résolvent ;
• attribuer à soi seul un projet d’équipe ;
• ignorer l’accessibilité et les états d’erreur ;
• copier le style d’une application connue sans comprendre ses raisons ;
• envoyer un portfolio qui ne s’ouvre pas sur mobile ;
• oublier de demander quelles réalisations pourront être montrées publiquement après le stage.