Logo Laptop  MENU

Parcours Product Designer (UX/UI)

Certifier ses compétences en étant accompagné par des mentors sur 2 projets concrets

Les formations

Se reconvertir

11 semaines pour maîtriser les méthodes de conception de projets, alignant les besoins et attentes des clients avec les objectifs du commanditaire sur un projet. Appliquer sur un projet tout en étant accompagné.e par un mentor sur 5 rendez-vous et 1 jury pour certifier ses compétences et développer son portfolio.

UX Design

  • JOUR 1 UX Design & psychologie

    Quels sont les principaux ressorts des comportements humains, de la perception, de la cognition, de l’apprentissage, de la compréhension, de la prise de décision ? Des notions indispensables au designer pour concevoir des interfaces, des produits ou des services autant pertinents, utiles, qu’éthiques.

    Origines historiques et enjeux contemporains de l’UX Design

    •  Définition(s) du design
    • Les origines : du Design Thinking à l’UX Design
    • Les temps forts et les figures majeures de l’histoire du design thinking au XXe siècle
    • Le vocabulaire et les méthodes utilisés dans le design thinking
    • Design & business : le design au centre des préoccupations économiques contemporaines
    • Design & technologie : des premières interfaces hommes-machines aux assistants vocaux
    • Rôles et missions de l’UX dans les entreprises aujourd’hui
    • Design & responsabilité

    Design & psychologie

    • Modèles mentaux
      Comment tirer parti des connaissances et des
      références des utilisateurs pour créer un service facile d’utilisation ?
      Qu’est-ce qu’un modèle mental ?
    • Perception 
      Comment les utilisateurs regardent une interface ?
    • Mémorisation 
      Comment faciliter la mémorisation de votre service ?
      Les capacités de mémorisation des utilisateurs
      Faciliter un apprentissage d’un nouveau service ou d’une nouvelle interface
    • Les ressources disponibles des utilisateurs 
      Pourquoi et comment limiter
      les efforts demandés aux utilisateurs ?
      Les capacités d’attention
      Les ressources en temps des utilisateurs
      Les capacités d’apprentissage des utilisateurs
    • Décision
      Comment faciliter la prise de décision de l’utilisateur/client ?
      Les décisions conscientes et les décisions non-conscientes
      Les biais cognitifs. Exemples.
    • Motivation
      Comment motiver les utilisateurs à utiliser votre service ?
      Les composantes de la motivation
      Les théories du ‘Behavioral change’ et le Hook model
    • Ethique 
      Éviter la manipulation Pourquoi et comment créer un service
      éthique ?
      Qu’est-ce qu’un service éthique dans le monde digital d’aujourd’hui ?
  • JOUR 2 Recherche Utilisateur

    Panorama des méthodes de recherche

    • Connaître les méthodes de recherche utilisateur
    • Adapter les méthodes de recherche au projet
    • Connaître les méthodes d’entretiens individuels

    Mener des entretiens individuels

    • Recruter des utilisateurs
    • Préparer un proto-persona
    • Organiser le protocole d’entretien
    • Concevoir des grilles d’entretien utilisateur
    • Savoir animer un entretien, adopter le bon savoir être

    Cartographier l’expérience

    • Analyser et restituer les informations collectées
    • Maîtriser les outils de restitution de données utilisateurs

    Ateliers pratiques

    • Création de proto-persona
    • Conception de grille d’entretien
    • Mener une Interview
    • Organiser un tri par cartes / mental model
    • Concevoir une Empathy Map
    • Concevoir un Parcours utilisateur
  • JOUR 3 Ergonomie des interfaces

    Introduction à l’ergonomie des interfaces

    • Découvrir ce qu’est l’ergonomie des interfaces
    • Comprendre les caractéristiques des facteurs humains
    • Connaître les 22 règles d’ergonomie
    • Définir l’architecture de l’information
    • Connaître les critères d’ergonomie pour guider la conception

    Faire un audit ergonomique

    • Connaître les standards ergonomiques des interfaces courantes
    • Auditer un site via des outils en ligne

    Focus sur l’ergonomie des interfaces mobiles

    • Comprendre l’approche Mobile first
    • Concevoir pour les manipulations naturelles
    • Intégrer les contraintes physiques
    • S’adapter aux standards
    • Définir la bonne stratégie de conception (App vs. responsive)
    • Connaître les avantages et contraintes du responsive web design
    • Définir les breakpoints

    Ateliers pratiques

    • Audit ergonomique
    • Benchmark UX
    • Recommandations ergonomiques (maquette papier) pour améliorer le produit audité
  • JOUR 4 Prototyper

    Prototyper : Less is more !

    • Organiser les tâches prioritaires des utilisateurs
    • Épurer, simplifier les écrans
    • Prendre des décisions sur le choix des contenus et les fonctionnalités
    • Éviter les pièges des wireframes
    • Améliorer l’engagement et la collaboration entre les équipes grâce à des design workflows plutôt que sur des maquettes

    Ateliers pratiques

    • Job to be Done
    • Tri par cartes
    • Core path / Priority Guide
    • Wireframes
  • JOUR 5 Tester

    Tester

    • Comprendre le contexte, objectifs et enjeux des tests utilisateurs
    • Mettre en place la méthodologie préparatoire
    • Recruter les bons utilisateurs
    • Organiser des Tests Utilisateurs en présentiel
    • Organiser des Tests Utilisateurs à distance
    • Connaître les tests utilisateurs en mode Guerilla, AB testing

    Ateliers pratiques

    • Test utilisateur
  • ✔︎ Validation des acquis

    Tous les jours, ateliers et QCM permettent de pratiquer pour valider vos connaissances :

      • Connaître, comprendre et restituer plusieurs temps fort de l’histoire du design
      • Connaître et expliquer les principes du design thinking et du design interactif
      • Connaître et expliquer les fondements du métier d’UX designer et les principales méthodes utilisées
      • Définir ce qu’est une expérience utilisateur
      • Savoir organiser, hiérarchiser, classer l’information
      • Connaître les méthodes de prototypage
      • Connaître les règles d’ergonomie
      • Connaître les outils et méthodes de cartographie des usages
      • S’appuyer sur diverses sources d’information, multi-supports
      • Connaître les tendances et problématiques contemporaines de l’UX Design et du numérique en général

UI Design

  • JOUR 1 Sketch : Initiation

    Introduction

    • Origine du logiciel
    • Environnement concurrentiel
    • Atouts et faiblesses

    Prise en main

    • Le paramétrage des préférences
    • La topbar (outils & sa personnalisation)
    • Les espaces de travail (pages & artboards)
    • Les calques
    • L’inspecteur et les raccourcis clavier essentiels

    Designer

    • Création d’artboards : disposition, taille, espacement entre éléments, etc.
    • Création de grid : plan de travail multi dimension, règles & grid
    • Création de calques : attributs, modification & action (rotation, scale, alignements, etc.)
    • Hiérarchie des vues : Disposition, groupes & sous-groupes
    • Création de zones de texte : taille, espace inter caractères / ligne, fill, etc.
    • Raccourcis claviers : copie, duplication, groupe, symboles, formes, etc.

    Exporter

    • Découpes et exportation (interface & css)

    Focus sur les fondamentaux des symboles et styles

    • Symboles : Principe, création, modification & remplacement de symboles (texte & images dynamiques)
    • Styles sur formes : bordures, fond, overlay, ombres, blur, dégradés, etc.
    • Styles sur couleurs & typos : Création d’une « charte graphique dynamique »

    Ateliers pratiques

    • Application des acquis avec la réalisation d’une interface web responsive simple ou app mobile.
    • Organisation, préparation, réalisation de l’interface
  • JOUR 2 Sketch : Perfectionnement

    Booster son workflow : exploration détaillée de plugins, services et outils complémentaires à Sketch

    • Trouver les meilleurs plugins
    • Gérer les plug-in
    • Invision et Zeplin

    Sketch et UX Design

    • Les usages spécifiques de Sketch dans le cadre de l’UX
    • Wireframe responsive
    • User Flow
    • Travailler avec des données
    • Gabarits de livrables UX : persona, experience map, etc
    • Exportation et workflow avec UI designers et développeurs

    Prototyper avec Sketch

    • Les prototypes dans Sketch
    • Les prototypes hors de Sketch : Marvel, InVision, Flinto
    • Tips & Tricks

    Les librairies partagées

    • Sketch Cloud
    • Design System

    Les ressources

    • Savoir trouver et utiliser des ressources
    • Template et kit-UI

    Ateliers pratiques

    • Application des acquis avec la réalisation d’une interface web responsive simple ou app mobile.
    • Réalisation d’un prototype avec les plug-ins cités.
  • JOUR 3 Design Systems

    Introduction

    • Définition et historique : du Creative design au Design System
    • Construire une charte graphique, une identité avant le Design System
    • Les principes : au début était l’UI kit
    • Connaître les différents frameworks, définition, principes et utilisations (CRM, conception d’un framework dédié, etc.)
    • Comprendre les avantages de l’Atomic Design
    • Maîtriser les différents composants et les outils

    Concevoir et déployer, une organisation à part entière

    • Fédérer les rôles (UX, UI, DA, DEV, Marketing, Métier, etc) et les équipes avec les utilisateurs
    • Organiser la roadmap du projet
    • Informer, former les équipes par-delà la technologie

    Garder la cohérence des éléments d’interface

    • Une identité verbale indissociable
    • Son, image, virtualité, quels éléments intégrer
    • Garder le print en considération
    • Normes d’accessibilité

    La pérennité du Design System

    • Maintenir et faire évoluer
    • Connaître les contraintes et possibilités

    Ateliers pratiques

    • Créer un design system
  • ✔︎ Validation des acquis

    • Réaliser des Wireframes (maquettes)
    • Réaliser un prototype animé
    • Utiliser des outils informatiques de prototypage : Sketch, inVision, Adobe XD etc.
    • Créer un Design System

UX Design en pratique (à distance)

  • RDV 1 Cadrage du Projet et Stratégie de Recherche Utilisateur

    Rendez-vous collectif avec le commanditaire du projet sur lequel vous allez travailler pendant la durée du parcours.
    Nous validons ensemble :

    • La compréhension du brief à l’aide du canvas QQOQCCP,
    • Les questions possibles pour affiner le brief,
    • Comment préparer la recherche utilisateur à partir d’un budget ?

    Micro-formations sur la compréhension du brief et recherche utilisateur :

    • Canvas QQOQCCP
    • Les questions possibles pour affiner le brief
    • Méthodes qualitatives et quantitatives
    • Recruter soi-même
    • Créer un guide d’entretien
    • Construire un guide d’entretien guérilla
  • RDV 2 Cartographie et Résultats de la Recherche Utilisateur

    Rendez-vous individuel avec votre mentor 

    • Stratégie de recherche en fonction des contraintes budgétaires,
    • Benchmark autour des enjeux du brief,
    • Définition d’un panel utilisateurs et des proto-persona,
    • Stratégie de recherche envisagées (entretien, questionnaire, observation…)
    • Grilles d’entretien.

    Micro-formations sur les méthodes de cartographie (synthèse et analyse) 

    • Persona
    • Empathy map
    • Experience map
    • Insight utilisateur
    • Design challenge
  • RDV 3 Benchmark, Proposition de valeur et Prototypage

    Rendez-vous individuel avec votre mentor 

    • Persona
    • Empathy map
    • Experience map
    • Insight utilisateur
    • Design challenge

    Micro-formations sur les méthodes de prototypage en groupe

    • Benchmark UX
    • Proposition de valeur
    • Story-board
    • User flow
    • Priority Guide
    • Prototype sur un outil au choix (Sketch, Adobe XD, etc)
  • RDV 4 Tests utilisateurs et protocole de test

    Rendez-vous individuel avec votre mentor 

    • Benchmark UX
    • Proposition de valeur
    • Story-board
    • User flow
    • Priority Guide
    • Prototype sur un outil au choix (Sketch, Adobe XD, etc)

    Micro-formations sur les méthodes de tests utilisateur en groupe

    • Méthodes des Tests Utilisateurs
    • Créer un protocole de test
  • RDV 5 Rapport de Tests Utilisateur et Recommandations

    Rendez-vous individuel avec votre mentor 

    • Protocole de test

    Micro-formations sur le rapport de test utilisateur :

    • Créer un rapport de test
    • Support de présentation orale pour la soutenance
    • Itération sur le prototype après les tests utilisateurs
  • ✔︎ Compétences évaluées lors du jury

    Au terme de la formation, le jury d’experts vous évaluera sur ces compétences essentielles à la conception d’un projet:

    • Maîtrise de toutes les étapes dun projet d’UX Design,
    • Maîtrise de lorganisation dun projet d’UX Design,
    • Maîtrise des délais impartis à chaque étape du projet par rapport à un budget,
    • Être capable de mettre en œuvre des solutions UX adaptées aux contraintes : adaptant les différentes étapes de la démarche UX (recherche utilisateur, conception et évaluation des interfaces) au temps et aux moyens disponibles, ainsi qu’au niveau de formalisme exigé,
    • Maîtrise des outils informatiques collaboratifs (Google Drive, Slack…),
    • Avoir un esprit danalyse et de synthèse,
    • Avoir de la rigueur et de la méthodologie,
    • Capacités à soutenir et à argumenter un projet.

    Qualité du livrable final :

    • respect de la démarche de conception centrée utilisateur
    • qualité rédactionnelle
    • clarté des informations
    • hiérarchisation des informations
    • justesse et cohérence des solutions proposées

    Qualité de la présentation orale devant le jury :

    • clarté et organisation des propos 
    • qualité de la présentation projetée
    • capacité d’argumentation
    • savoir-être
  • RDV 6 Coaching et perspectives

    Coaching pour la suite :

    • préparer un document de synthèse pour alimenter votre portfolio,
    • concevoir votre portfolio, votre CV, votre profil Linkedin,
    • préparer un entretien d’embauche,
    • analyser des offres d’emploi,
    • évaluer vos compétences comportementales et techniques.

    hard-skills-soft-skills-ux

Intégrez la communauté Laptop UX Club !

En suivant nos formations vous entrez dans un écosystème et une communauté. Avant le démarrage de la formation vous devenez membre du Laptop UX Club et bénéficiez de nombreux avantages :

  • 1 heure de coaching individuel (CV, book)
  • accès au réseau francophone de Laptop via Slack
  • mentoring pair à pair entre membres
  • invitations exclusives aux alumnis aux sessions de questions-réponses
  • invitations aux évènements UX en avant-première
  • accès à notre base documentaire (canevas, supports, articles, vidéos)
  • inscription gratuite aux ateliers UX et conférences
  • propositions de missions UX et offres d’emploi
  • réductions sur le coworking (résident ou nomade)
  • 50 ouvrages de référence à Jourdain
  • remise de 5% supplémentaire sur les formations

En savoir plus

Publics et Pré-requis

  • Publics concernés : personnes en reconversion ayant besoin de confirmer ses compétences en recherche utilisateur, cartographie et problématisation, prototypage, tests utilisateurs. Il est nécessaire d’avoir suivi une formation UX au préalable.
  • Valider, éprouver et consolider ses acquis : ce n’est pas une formation UX à proprement parlé, mais un exercice mentoré avec des points de micro-formations. 
  • Avoir une bonne culture digitale.
  • Savoir travailler de manière autonome et organisée entre chaque rendez-vous de mentoring.
  • Pouvoir dégager le temps nécessaire à la réalisation du projet durant la période allouée de 9 semaines (+/- 10 jours de travail à répartir) soit 6 à 10 heures à travailler par semaine.

Modalités de l'enseignement à distance

Initialement en présentiel, les formations du Laptop ont été entièrement repensées et adaptées aux spécificités de l’enseignement à distance afin d’en maintenir la qualité.

D’un point de vue pédagogique, ergonomique et logistique, nous déployons un dispositif qui a prouvé son efficacité et sa pertinence. En voici les grands principes :

  • “Guide de l’apprenant à distance” et on-boarding
    Avant la formation nous envoyons aux participants un “Guide de l’apprenant à distance” avec toutes les informations nécessaires pour qu’ils se préparent en amont. Quelques jours avant la formation nous organisons une visioconférence collective afin de vérifier les dispositifs techniques de chacun et répondre aux éventuelles questions.
  • Logiciels et outils
    Nous utilisons des logiciels et outils à la fois simples à prendre en main et efficace pour la collaboration à distance : Zoom (ou Meet), Mural, Menti, Google Drive, Marvel App, …
  • Rythme d’apprentissage et ergonomie
    Les formations se déroulent sur des journées entières, de 9h30 à 18h, avec une pause déjeuner de 13h à 14h. Afin d’assurer un niveau d’attention constant malgré les écrans, nous rythmons les journées de nombreux éléments interactifs qui permettent de vérifier l’acquisition des compétences. Par ailleurs plusieurs pauses et énergizers sont au programme.
  • Effectifs, ateliers en sous-groupes et supports
    De nombreux ateliers pratiques sont organisés en petits groupes afin de mettre en œuvre les acquis théoriques. Les supports de cours sont remis en fin de formation, ainsi que l’accès à des ressources pédagogiques.

 

Modalités de financements

Toutes nos formations sont éligibles aux financements suivants (pas encore CPF) en plus des tarifs spéciaux selon que vous soyez :

  • Freelances affiliés à la MDA (graphisme, illustration) : AFDAS. Nous vous offrons -15%.
    Prochaine commission le 24 novembre 2020.
  • Indépendants et chefs d’entreprises : FIF-PLAGEFICE. Nous vous offrons -15%.
  • Demandeurs d’emploi : Pôle Emploi ( ARE et CSPAIF ). Nous vous offrons -20%.
  • Salariés des TPE-PME : AFDASAtlas, OPCO-EP, AKTO
  • Salariés au chomâge partiel FNE + autre organisme de l’entreprise (AFDAS, Atlas,…)
  • Personnes handicapées : AGEFIPH

Les critères de candidatures et de financement pour chaque organisme sont expliqués dans ce document.
Pour vous conseiller sur le financement, pour vous aider à définir vos  besoins et pour bien préparer votre formation, appelez-le 01 77 16 65 24.
Vous pouvez échelonner vos paiements sur simple demande.

11 semaines - à partir de

5 200 € HT


  • 5 200 € HT pour les demandeurs d’emploi et financement personnel
  • 5 525 € HT pour les freelances et TPE
  • 6 500 € HT pour les entreprises
Dates & inscription
Demander un devis

Sessions

12 octobre 2020 au 18 janvier 2021 (classe virtuelle)
・Module UX : 12/10/20-16/10/20
・Module UI : 30/11/20-02/12/20
・Module UXPP : 16/11/20-18/01/21

23 novembre 2020 au 29 mars 2021 (classe virtuelle)
・Module UX : 23/11/20-27/11/20
・Module UI : 30/11/20-02/12/20
・Module UXPP : 25/01/21-29/03/21

Programme

Cycles & modules
complémentaires

#methods

en formation

Charlotte Pellefigue

(UX designer freelance)

« Une formation aux petits oignons : un apport théorique et pratique hyper efficace. On se sent accompagné et surtout prêt à appliquer rapidement tout ce qu’on a appris dès la sortie. »

Lucille Boulesteix

(Ergonome chez Axance)

« La formation au Laptop c’est comme vivre une expérience cousue main en France par de grands couturiers, tout est conçu pour que vous puissiez en ressortir grandi humainement, méthodologiquement, professionnellement. »

Rodolphe Finamore

(Freelance Digital Strategist)

« La formation a dépassé mes espérances […] Elle m’a appris de nombreuses techniques/méthodologies que je vais pouvoir implémenter dans ma pratique quotidienne. »

Hugo Marcone

(UX designer chez Kamet)

« La formation est tout simplement une des meilleures que j’ai faite dans ma vie, tous sujets confondus. La formation est claire, efficace, bien construite et axée sur le cas concret d’un client. Vous repartirez en ayant appris de nouvelles méthodes et compétences tout en vivant une belle expérience humaine. »