UX Research Personas Parcours Tests utilisateurs Conception UX

Repenser les fiches métiers à partir de la recherche utilisateur.

 

L’ONISEP accompagne chaque année des millions de collégiens, lycéens, étudiants, parents et équipes pédagogiques dans leurs choix d’orientation.

Parmi les contenus les plus consultés du site figurent les fiches métiers et les fiches établissements. Elles constituent souvent le premier point de contact avec l’écosystème ONISEP et jouent un rôle essentiel dans la découverte des métiers, des formations et des parcours d’études.

De mai à octobre 2016, j’ai accompagné l’ONISEP dans une mission de recherche utilisateur et de conception UX visant à repenser ces contenus stratégiques avant toute phase de design visuel.

Rôle

Lead UX

Client

ONISEP

Secteur

ORIENTATION / SECTEUR PUBLIC

Période

2016

01
Le défi

Des usages multiples, des attentes différentes.

Les fiches métiers étaient massivement consultées mais généraient peu d’engagement. Les utilisateurs consultaient une page puis quittaient fréquemment le site sans poursuivre leur exploration. Les contenus étaient très textuels, peu illustrés et ne favorisaient pas la découverte de contenus complémentaires.

Un collégien qui découvre un métier n’a pas les mêmes attentes qu’un lycéen en recherche de formation, qu’un étudiant comparant des établissements ou qu’un parent cherchant à être rassuré sur les débouchés. L’objectif de la mission : comprendre les besoins réels des utilisateurs pour définir une expérience adaptée à chacun.

Constat
  • Fort trafic, faible engagement
  • Contenus très textuels, peu visuels
  • Peu de découverte de contenus liés
  • Une même fiche pour des profils très différents
  • Besoins utilisateurs mal identifiés
02
Recherches

Aller à la rencontre des utilisateurs.

 

La mission a débuté par une phase d’audit UX, d’analyse des usages et de recherche utilisateur. Des entretiens ont été menés pour comprendre la manière dont les élèves recherchaient leur orientation, les outils qu’ils utilisaient et les difficultés rencontrées.

#1

Insight

Une génération déjà mobile-first.

Les collégiens utilisaient principalement leur smartphone. Leur univers numérique était dominé par Snapchat, Instagram, YouTube. Les fiches ONISEP apparaissaient particulièrement textuelles et peu engageantes.

#2

Insight

L’orientation manque de projection.

Les élèves cherchaient avant tout à se projeter. Témoignages, environnements de travail, contenus éditoriaux leur semblaient plus utiles qu’une longue description textuelle.

#3

Insight

Une fiche, des besoins multiples.

Une même structure d’information ne pouvait pas répondre efficacement à l’ensemble des profils utilisateurs. Cette découverte a fortement influencé la suite du projet.

03
Personas

Représenter la diversité des profils.

Afin d’aligner les décisions de conception sur des besoins réels plutôt que sur des suppositions, plusieurs personas détaillés ont été construits. Contrairement à de simples profils démographiques, ils intégraient le contexte familial, les usages numériques, les objectifs, les freins, les habitudes de recherche et les scénarios d’orientation.

Contenu des personas
  • Contexte familial
  • Usages numériques
  • Objectifs
  • Freins
  • Habitudes de recherche
  • Scénarios d’orientation
04
Parcours utilisateurs

Construire une vision produit à long terme.

 

La recherche a ensuite été prolongée par la réalisation de parcours utilisateurs prospectifs. L’objectif n’était pas de représenter l’existant, mais d’imaginer les futurs parcours idéaux permettant de répondre aux besoins identifiés.

Ils ont servi de véritable feuille de route UX pour faire évoluer progressivement l’expérience utilisateur.

01

Les moments clés du parcours d’orientation

02

Les points de friction

03

Les opportunités de personnalisation

04

Les contenus à mettre en avant

05

Les fonctionnalités à développer

05
Conception UX

Traduire les enseignements en solutions.

Les enseignements issus de la recherche ont ensuite été traduits en wireframes basse fidélité. L’objectif n’était pas de définir l’apparence visuelle des pages mais leur structure, leur hiérarchie d’information et les interactions principales.

Les wireframes ont ensuite été transmis au studio de design interne, chargé de réaliser les interfaces finales.

Principes de conception
  • Rendre les contenus plus visuels
  • Hiérarchiser les informations essentielles
  • Encourager la découverte de contenus complémentaires
  • Faciliter la navigation entre métiers, formations et établissements
  • Adapter les contenus aux différents profils
06
Test utilisateur

Confronter les hypothèses à la réalité.

Les propositions ont ensuite été testées auprès de collégiens en situation réelle. Ces sessions ont permis de confronter les hypothèses de conception aux usages observés, de valider certains choix et d’identifier les derniers ajustements nécessaires avant la transmission aux équipes internes.

Organiser des tests utilisateurs sans panel de recrutement.

Le projet nécessitait d’observer de vrais collégiens dans leur environnement habituel. Plutôt que de passer par un panel de recrutement coûteux, j’ai contacté directement un collège et un professeur principal afin d’organiser une session de tests dans le cadre du parcours Avenir. En échange du temps accordé, j’ai animé une présentation de mon métier et des métiers du numérique auprès des élèves.

Bénéfices
  • Accéder à des utilisateurs représentatifs
  • Réaliser les tests en situation réelle
  • Limiter fortement les coûts de recrutement
  • Créer un échange bénéfique pour l’établissement
07
Ce que j’ai retenu

Les utilisateurs avaient déjà la réponse.

Avec le recul, c’est probablement la mission qui m’a définitivement convaincu de l’importance du terrain.

Les meilleures décisions de conception ne sont pas toujours celles qui émergent en atelier ou dans les tableaux de bord. Elles naissent souvent en observant les utilisateurs dans leur environnement réel.

Quinze ans plus tard, cette conviction guide toujours ma façon de travailler.

Avant
  • contenu identique pour tous
  • faible exploration
  • fiches isolées
Après
  • contenu contextualisé
  • parcours adaptés
  • découverte de contenus connexes