Aller au contenu principal
Design

UX/UI designer

Ce cursus prépare à la conception d'interfaces numériques centrées sur l'usage réel. Il couvre la recherche utilisateur qualitative et quantitative, l'architecture de l'information, le prototypage et les tests d'utilisabilité, le design visuel et l'identité graphique, la construction d'un design system, l'accessibilité selon les normes WCAG, le responsive design, l'optimisation par les données et la préparation du travail pour les développeurs. Le cursus conduit à la qualification professionnelle en UX/UI design, structurée en huit unités, avec Figma comme outil de référence.

  • Certification Etudis

    Qualification UX/UI design

  • 3, 5 ou 10 mois, au choix

    Le rythme se règle sur vos disponibilités, et se change en cours de route.

  • Entièrement à distance

    Aucun déplacement, un mentor issu du métier tout au long du parcours.

unités au programme
8unités au programme
métiers accessibles
8métiers accessibles
rythmes au choix
3rythmes au choix
à distance
100 %à distance

Objectifs pédagogiques

  • Préparer et conduire un entretien utilisateur sans induire les réponses.
  • Observer des utilisateurs en contexte réel et distinguer ce qu'ils disent de ce qu'ils font.
  • Extraire des insights traçables jusqu'aux verbatims qui les fondent.
  • Construire des personas documentés et les valider auprès d'utilisateurs réels.
  • Rédiger des user stories assorties de critères d'acceptation mesurables.
  • Cartographier un parcours utilisateur et en tracer le diagramme de flux complet.
  • Concevoir une architecture de l'information et la valider par tri de cartes.
  • Produire des wireframes basse fidélité pour trancher vite sur la structure.
  • Développer un prototype interactif haute fidélité dans Figma.
  • Organiser, modérer et documenter une session de test d'utilisabilité.
  • Classer les problèmes d'ergonomie par sévérité et en tirer des correctifs priorisés.
  • Explorer plusieurs directions créatives par mood board et justifier celle retenue.
  • Définir une palette de couleurs et un système typographique cohérents et lisibles.
  • Concevoir une iconographie homogène et reconnaissable.
  • Composer des écrans haute fidélité couvrant tous les états d'un composant.
  • Construire et documenter un design system réutilisable et versionné.
  • Vérifier la conformité WCAG 2.1 niveau AA par outils et par tests manuels.
  • Adapter une interface aux tailles d'écran mobile, tablette et bureau.
  • Lire des données comportementales et les transformer en décisions de design.
  • Préparer les spécifications et conduire le passage de relais aux développeurs.

Le programme

8 unités, du socle fondamental au projet final évalué.

  1. U1Recherche et analyse utilisateur

    Conception d'un guide d'entretien à questions ouvertes, techniques de relance neutre, gestion des biais de formulation, documentation exhaustive des verbatims et des observations non verbales, analyse thématique des transcriptions, observation en contexte réel et identification des comportements implicites, segmentation des utilisateurs, construction de personas avec démographie, motivations, objectifs et frustrations, rédaction de user stories au format standard avec critères d'acceptation, lecture des outils d'analyse d'audience, consentement et conservation sécurisée des données de recherche.

  2. U2Conception de l'expérience utilisateur et architecture de l'information

    Cartographie des parcours utilisateur avec points de contact, émotions et moments de friction, diagrammes de flux couvrant les chemins critiques, les branchements et les cas d'erreur, hiérarchie et catégorisation du contenu, étiquetage compréhensible, modèles de navigation et cohérence entre écrans, validation de la structure par tri de cartes ou test d'arborescence, wireframes basse fidélité pour arbitrer avant le détail, traduction des exigences fonctionnelles en interfaces prévisibles, réduction du nombre d'étapes sur les tâches critiques.

  3. U3Prototypage et validation de design

    Choix du niveau de fidélité selon la question posée, wireframes rapides pour valider un concept, prototypes interactifs haute fidélité simulant le comportement réel, composants, variantes et états dans Figma, définition des objectifs de test et des scénarios, recrutement de participants représentatifs, modération neutre sans influence sur les réponses, observation systématique et recueil des verbatims, classement des problèmes d'ergonomie par sévérité, extraction des motifs récurrents, itération documentée et justifiée par les données de test.

  4. U4Design visuel et identité graphique

    Recherche de références et construction de mood boards explorant plusieurs directions, principes de composition, grille, alignement, équilibre et point focal, hiérarchie visuelle par la taille, le contraste et la position, sélection de familles typographiques et définition des tailles, poids et interlignages, théorie des couleurs, harmonies et psychologie chromatique, palette primaire, secondaire et neutre, conception d'iconographie et d'illustrations cohérentes, écrans haute fidélité couvrant les états normal, survol, actif, désactivé et erreur, micro-interactions et animations.

  5. U5Design system et cohérence visuelle

    Distinction entre design system, bibliothèque de composants et bibliothèque de patterns, identification des éléments réutilisables et hiérarchie atomes, molécules, organismes, variantes et états, variables et jetons de design pour les couleurs, la typographie et les espacements, gestion des thèmes clair et sombre, documentation de chaque composant avec cas d'usage, combinaisons autorisées et cas d'exception, conformité des composants aux normes d'accessibilité, versionnage, rétrocompatibilité et communication des mises à jour, gouvernance et processus de contribution.

  6. U6Optimisation, amélioration continue et collaboration technique

    Choix des indicateurs pertinents pour le design, lecture des tableaux de bord d'audience et des enregistrements de session, distinction entre corrélation et causalité, transformation des métriques en recommandations argumentées, mesure avant et après pour valider un changement, audit d'une interface existante et repérage des points de friction, priorisation par impact et faisabilité, préparation des spécifications de design, dimensions, couleurs, typographie, états et comportements, passage de relais aux développeurs, arbitrage des contraintes techniques et vérification de la fidélité de l'implémentation.

  7. U7Accessibilité, design inclusif et design responsive

    Normes WCAG 2.1, niveaux A, AA et AAA, quatre principes fondateurs, perceptible, utilisable, compréhensible et robuste, ratios de contraste de 4,5 pour 1 sur le texte courant et 3 pour 1 sur le texte large, tailles de cibles tactiles, ordre de tabulation et indicateurs de focus, alternatives textuelles et compatibilité avec les lecteurs d'écran, conception pour les déficiences visuelles, auditives, motrices et cognitives, approche mobile d'abord, grilles fluides et points de rupture, respect de la préférence de mouvement réduit, tests par outils automatisés et par utilisateurs en situation de handicap.

  8. U8Maîtrise des outils de design et professionnalisme

    Fonctionnalités avancées de Figma, composants, variantes, variables, prototypage interactif, collaboration en temps réel et historique des versions, organisation des fichiers, nommage cohérent, hiérarchie des calques et conventions d'équipe, raccourcis et automatisation, styles et bibliothèques partagées, écosystème des outils complémentaires pour la recherche, l'analyse, la gestion de projet et le passage de relais, veille sur les évolutions du métier, partage des bonnes pratiques et accompagnement des profils moins expérimentés, déontologie du designer, refus des interfaces trompeuses et respect de la vie privée.

Trois rythmes, un seul programme

La durée dépend du temps que vous pouvez y consacrer, pas du contenu. Les unités et les évaluations sont les mêmes dans les trois cas.

  • 3 mois

    Intensif

    Pour une reconversion rapide, en y consacrant l'essentiel de vos semaines.

  • 5 mois

    Équilibré

    Compatible avec une activité professionnelle à temps plein.

  • 10 mois

    Étendu

    Pour avancer sereinement, sur des créneaux courts et réguliers.

Le rythme se choisit lors de l'inscription et peut être ajusté en cours de parcours avec votre référent pédagogique.

À qui s'adresse cette formation

Rémunération à l'entrée

8 000à15 000

MAD brut par mois

  • Les profils confirmés se situent entre 20 000 et 35 000 MAD brut par mois, parfois davantage.
  • En exercice indépendant, le référentiel documente une facturation de 500 à 2 000 MAD par jour selon l'expertise et la réputation.
  • C'est la progression salariale la plus large des dix-huit cursus du catalogue, et la seule à être chiffrée sur trois niveaux.

Fourchette du référentiel. Elle varie selon le secteur, la région et la taille de l'organisation.

Métiers accessibles

  • UX/UI designer
  • UX designer
  • UI designer
  • Product designer
  • Concepteur d'expérience utilisateur
  • Concepteur d'interface utilisateur
  • Interaction designer
  • Digital designer

Prérequis

  • Bases en communication visuelle ou en informatique.
  • Capacité à travailler en équipe et à communiquer clairement.
  • Intérêt démontré pour l'expérience utilisateur et le design numérique.
  • Un ordinateur et un accès à Figma.

Pour qui

  • Professionnels en reconversion vers les métiers du numérique.
  • Graphistes souhaitant se spécialiser en conception d'interfaces.
  • Développeurs voulant élargir leur pratique au design produit.
  • Diplômés en design, en informatique ou en disciplines proches.
  • Personnes déjà en poste sur des missions d'interface sans qualification formelle.

Structures qui recrutent

  • Agences de design et de conseil en expérience utilisateur
  • Studios de création numérique et agences web
  • Startups et entreprises de produits numériques
  • Équipes de design internes des grandes organisations
  • Plateformes de commerce en ligne
  • Banques et établissements de services financiers
  • Éditeurs de logiciels et entreprises de services applicatifs
  • Exercice indépendant, en direct ou pour des clients à l'étranger

Évoluer vers, à trois ou cinq ans

  • UX/UI designer confirmé, responsable de projets complexes
  • Lead designer, garant des standards de qualité de l'équipe
  • Product designer, responsable de la conception d'un produit entier
  • Design system manager
  • Chercheur utilisateur, spécialisé dans la recherche approfondie
  • Design manager, puis direction du design
  • Consultant indépendant en expérience utilisateur
  • Création de sa propre agence ou de son propre produit numérique

Qualification professionnelle

Qualification UX/UI design

La qualification est structurée en huit unités correspondant aux huit blocs de compétences du référentiel. Chaque unité est validée séparément ; le seuil de validation est fixé à 10 sur 20 par bloc.

Modalités d'évaluation

  • L'ensemble des unités est évalué en contrôle en cours de formation, sur seize situations professionnelles au total, soit d'une à trois situations selon l'unité.
  • Coefficient 4 pour l'unité U3, prototypage et validation de design, le poids le plus élevé de tout le catalogue. Coefficient 3 pour U1, U2, U4 et U6 ; coefficient 2 pour U5 et U7 ; coefficient 1 pour U8.
  • Les productions attendues sont les livrables réels du métier : guide d'entretien, notes d'observation horodatées, personas illustrés, user stories avec critères d'acceptation, arborescence et diagrammes de flux, wireframes, prototype interactif Figma, plan et rapport de test d'utilisabilité, mood boards, palette de couleurs avec ratios de contraste, système typographique, design system documenté, audit d'accessibilité, spécifications de passage de relais.
  • Le référentiel fixe des exigences chiffrées : personas validés auprès d'au moins trois utilisateurs réels, prototypes testés auprès d'au moins cinq utilisateurs, design system d'au moins quinze composants avec trois variantes chacun, projet Figma d'au moins dix composants et cinq interactions, conformité WCAG 2.1 niveau AA vérifiée par outils automatisés et tests manuels.
  • L'enseignement à distance figure explicitement parmi les voies d'accès à la qualification. C'est la seule modalité proposée par Etudis.
Dispenses d'unités possibles
  • Les huit unités ouvrent droit à dispense sur justification d'une expérience professionnelle en UX/UI design assortie d'une démonstration de maîtrise.
  • Deux ans d'expérience dispensent des unités U1, U2, U3, U4 et U6. Pour l'unité U4, design visuel, une expérience de graphiste est également recevable.
  • Un an suffit pour les unités U5 et U7, sous réserve d'avoir créé et maintenu un design system pour la première, et de démontrer la maîtrise de l'accessibilité WCAG et du responsive design pour la seconde.
  • L'unité U8 se dispense sur démonstration d'une maîtrise avancée de Figma dans des projets professionnels, sans durée d'expérience minimale.

Questions fréquentes

Faut-il savoir dessiner pour suivre ce cursus ?

Non. Le référentiel s'adresse explicitement aux profils en reconversion, aux développeurs intéressés par le design et aux diplômés en informatique, autant qu'aux graphistes. Les prérequis réels sont des bases en communication visuelle ou en informatique, la capacité à travailler en équipe et un intérêt démontré pour l'expérience utilisateur. Le métier repose davantage sur l'écoute des utilisateurs et la rigueur méthodologique que sur le geste graphique.

Quel matériel et quels logiciels sont nécessaires ?

Un ordinateur et un accès à Figma, qui est l'outil de référence du cursus et fait l'objet d'une unité entière. Le référentiel mentionne également les outils complémentaires du métier : Adobe XD et Sketch pour la conception, Miro pour les schémas, les outils de tri de cartes pour valider une arborescence, les outils d'analyse d'audience, et WAVE, Axe ou Lighthouse pour l'accessibilité.

L'accessibilité est-elle réellement traitée ?

Oui, elle constitue l'unité U7 et se retrouve dans les critères d'évaluation de presque toutes les autres. Le référentiel exige la conformité WCAG 2.1 niveau AA, avec des seuils chiffrés : un contraste de 4,5 pour 1 sur le texte courant, un ordre de tabulation vérifié, des cibles tactiles suffisamment grandes, le respect de la préférence de mouvement réduit. Les tests se font par outils automatisés, par lecteur d'écran et auprès d'utilisateurs en situation de handicap.

Quelle rémunération attendre à l'entrée du métier ?

De 8 000 à 15 000 MAD brut par mois pour un profil débutant. Le référentiel documente également la suite du parcours, ce qu'aucun autre ne fait : de 20 000 à 35 000 MAD pour un profil confirmé, et une facturation de 500 à 2 000 MAD par jour en exercice indépendant. L'écart s'explique par l'expérience, la spécialisation et le type de clientèle.

Mon expérience peut-elle raccourcir le parcours ?

Oui, les huit unités ouvrent droit à dispense. Deux ans d'expérience en UX/UI design en dispensent cinq ; une expérience de graphiste est recevable pour l'unité de design visuel. Un an suffit pour le design system et pour l'accessibilité. L'unité consacrée aux outils se dispense sur simple démonstration d'une maîtrise avancée de Figma, sans durée minimale. Présentez vos travaux à votre conseiller avant l'inscription.

Combien de temps dure la formation ?

De trois à dix mois selon le rythme retenu. Le contenu et l'évaluation sont identiques dans les trois cas : seule la charge hebdomadaire change. Le rythme se choisit avec votre conseiller et peut être ajusté en cours de parcours.

Recevoir le programme détaillé

Formation « UX/UI designer ». Un conseiller vous transmet le référentiel complet et fait le point avec vous sur le financement.

Les informations transmises servent uniquement à traiter votre demande. Vous disposez d'un droit d'accès et de suppression, décrit dans notre politique de confidentialité.

Autres formations en Créatif & Design

  • Graphiste

    Créez des identités visuelles cohérentes et des supports de communication aboutis.

    3 à 10 mois