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.

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 interfaces

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

Éthique

• É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 ?

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

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é

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

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

• Définition des objectifs.
• Élaboration du protocole de test.
• Test utilisateur.
• Analyse et restitution des résultats des tests.

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

Introduction

• Les origines de Figma et des logiciels de création d’interfaces
• Les principaux acteurs du secteur
• Forces et faiblesses (Figma, Sketch, Adobe XD)

Prise en main

• Version en ligne et application (Mac ou Windows)
• L’interface et  les outils
• Les espaces de travail – Pages & Frames
• Les calques
• Paramétrer Figma

Designer

• Formes : créer des formes simple et complexes
• Frames : disposition, taille, espacement entre éléments, etc.
• Grid : plan de travail multi-dimension, règles & grid
• Calques : attributs, modification & action (rotation, scale, alignements, etc.)
• Texte : taille, espace inter caractères / ligne, fill, etc.
• Les raccourcis clavier à connaître

Collaborer et transmettre

• Partager son travail
• Les différents droits d’accès (view, comment, edit)
• Inspect mode
• Travailler à plusieurs

Focus sur les fondamentaux des composants et des styles

• Components : Principe, création, modification, Auto Layout & Swap
• Styles : Couleurs / Textes / Effets

Ateliers pratiques

• Application des acquis avec la réalisation d’une interface web responsive simple ou app mobile.
  • Réalisation d’une interface d’une page d’app mobile
  • Organisation, préparation, réalisation de l’interface

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

• Qu’est-ce qu’un plugin et où les trouver ?
• Installer et gérer ses plugins
• Les plugins incontournables

Structurer son processus de design

• Nested components & Auto Layout
• Convention de nommage
• Créer un wireframe responsive
• Inclure de la data
• Exportation & developper handoff

Prototyper avec Figma

• Créer des liens entre des frames
• Les interactions de base
• Smart animate
• Tips & Tricks

Les librairies partagées 

• Créer et partager une librairie
• Introduction à la notion de Design System

Les ressources

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

Ateliers pratiques

• Réalisation d’une interface d’application mobile.
• Réalisation d’un prototype cliquable.

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

• 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

Rendez-vous collectif de cohésion de groupe et présentation 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

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

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)

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

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

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 d’un projet d’UX Design,
• Maîtrise de l’organisation d’un 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 d’analyse 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

Micro-formations sur la recherche d’un emploi

• comment concevoir votre portfolio, votre CV, votre profil Linkedin,
• préparer un entretien d’embauche,
• analyser des offres d’emploi,
• évaluer vos compétences et les mettre en rapport avec une offre.

Définition du besoin & mise en relation avec le mentor

• Remplir le formulaire suite à la réception de votre devis
• Analyse de la problématique par l’équipe pédagogique du Laptop :
  • Recherche utilisateur
  • Préparation d’un atelier
  • Choix des méthodes ou bons icebreakers adaptés
  • Microformation sur un outil de prototypage
  • Amélioration du CV (et portfolio)
  • Cadrage de projet
  • Conseil sur un devis à émettre pour un client
• Guidage vers des ressources (questions du brief, canvas, kit d’évaluation UX…)
• L’équipe pédagogique vérifie la disponibilité du mentor le plus compétent en lien avec la problématique demandée.

Mise en place du programme d’accompagnement

Dans les 72h, premiers échanges par téléphone pendant 30 minutes.
L’accompagnement peut prendre plusieurs formes :

• Observation pendant un atelier
• Prise de rendez-vous en présentiel, par téléphone ou par hangout
• Analyse des retours de l’équipe projet suite à un atelier
• Retours sur des livrables
• Microformation
• Question/réponse

Coaching et suivi

Le coaching représente un crédit de 5h disponible sur 3 mois :

• 5 heures par tranches de 30′ minimum avec votre mentor en visio, Slack ou présentiel
• les heures de préparation éventuelle seront incluses dans les 5 heures
• après 3 mois, nous reviendrons vers vous via formulaire pour évaluer la mise en place des conseils et la pertinence du coaching dans votre parcours.