Déroulé et livrables UX

1. Diagnostic

Cadrage

Le consultant UX prend connaissance des parcours à refondre ou à créer.

Le chef de projet prépare les éléments de cadrage : hypothèses d'améliorations ergonomiques et graphiques, méthodologie, livrables, périmètre, planning et outils de travail.

Une note de cadrage est rédigée à l'intention de vos équipes.

Déroulé d'un Atelier de cadrage

Durée : 1/2 journée avec l'équipe projet

  • 09h00 Elevator Pitch travail individuel sur les objectifs et les usages de Survey Manager

  • 10h00 Mise en commun et consolidation.

  • 10h30 Présentation des éléments de cadrage : hypothèses, méthodologie, périmètre, planning, outils de travail

  • 12h30 Fin de l'atelier

Pré requis

  • Brief client

  • Accès à l'interface existante dans le cas d'une refonte

Livrable

  • Note de cadrage

Exemples

CADRAGE conception UCPD

Cadrage conception (extrait)

ATELIER Elevator pitch UCPD

Elevator Pitch (Extrait)

Sonde culturelle

Le consultant UX prépare les entretiens ou les séances d'observations en envoyant une sonde auprès de vos utilisateurs. La sonde prendre la forme d'un kit pouvant comprendre un carnet, des cartes postales, un poster à compléter, un magnétophone ou un appareil photo jetable. Cet exercice permet de placer l'utilisateur au coeur de la refonte de son produit.

Déroulé

  • Construction et envoi des kits

  • Distribution des kits effectuée par le client

  • Analyse et rédaction du rapport

  • Présentation du rapport

Pré requis

  • Accès aux utilisateurs

Livrable

  • Rapport d'étude culturelle

Observations

Le consultant UX va à la rencontre de vos utilisateurs pour observer leurs usages. A partir de ces observations il établit une liste de problématiques et d'axes d'améliorations puis il les consigne dans un rapport à l'intention de vos équipes. Enfin, il confie un journal de bord aux utilisateurs rencontrés pour que ceux-ci puissent partager des observations avec notre consultant tout au long du projet.

Déroulé

  • Observations | sur 2 jours, recrutement des participants par le client des participants

  • Création du journal de bord

  • Analyse et rédaction du rapport

  • Présentation du rapport

Pré requis

  • Accès aux utilisateurs

Livrables

  • Protocole d'observation

  • Rapport d'observation

  • Journal de bord

Entretiens

Le consultant UX va à la rencontre de vos utilisateurs pour s'entretenir avec eux et recueillir leurs besoins, leurs attentes et leurs problématiques. A partir de ces entretiens il établit une liste de problématiques, d'axes d'améliorations et d'opportunités puis il les consigne dans un rapport à l'intention de vos équipes.

Déroulé

  • Entretiens | sur 2 jours, recrutement des participants par le client

  • Location du laboratoire | inclus streaming en temps réel , salle d'observation, rafraîchissements et viennoiseries

  • Analyse et rédaction du rapport

  • Présentation du rapport

Pré requis

  • Ciblage des utilisateurs

Livrables

  • Protocole d'entretien

  • Rapport d'entretiens

Etude quantitative

Le consultant UX établit un questionnaire à l'intention de vos utilisateurs. A partir des réponses aux questionnaires il établit une liste de problématiques, d'axes d'améliorations et d'opportunités puis il les consigne dans un rapport à l'intention de vos équipes.

Déroulé

  • Construction du questionnaire

  • Validation du questionnaire par le client et finalisation

  • Diffusion du questionnaire par le client

Pré requis

  • Aucun

Livrable

  • Rapport d'étude quantitative

Focus group

Le consultant UX réunit vos utilisateurs et leur propose de s'exprimer sur leurs besoins, leurs attentes et leurs problématiques. Une première séance est organisée avec 5 à 6 utilisateurs suivi d'une deuxième séance pour approfondir ou vérifier les enseignements de la première. A partir de ces séances il établit une liste de problématiques, d'axes d'améliorations et d'opportunités puis il les consigne dans un rapport à l'intention de vos équipes.

Déroulé

  • Construction du protocole

  • Validation du questionnaire par le client et finalisation

  • Animation du 1er focus group | 5 à 6 pers

  • Mise à jour du protocole suite au REX de la 1ère séance

  • Animation du 2eme focus group | 5 à 6 pers

  • Analyse + Rédaction du rapport synthétique

  • Location de la salle |rafraîchissements et viennoiseries

  • Réunion de restitution

Pré requis

  • Recrutement des participants

Livrable

  • Rapport de focus group

Persona UX

A partir des observations et/ou entretiens réalisés, le consultant UX créer des personas UX se basant sur l'analyse comportementales de vos utilisateurs. Le but de cet exercice est de définir les personas principaux pour lesquelles nous devons concevoir une interface adaptée à leurs tendances comportementales.

Déroulé

  • Protocole d'analyse comportementale

  • Analyse des variables comportementales

  • Création des fiches pour les personas principaux ${et secondaires}

  • Présentation des personas

Pré requis

  • Ciblage des utilisateurs

Livrable

  • Variables comportementales, Fiche persona

Livrable additionnel : Cartographie de l'expérience utilisateur

A partir des observations et/ou entretiens réalisés, le consultant UX créer une carte de l'expérience de l'utilisateur tout au long de son parcours. Le but de cet exercice est de définir avec précisions les point d'améliorations de vos parcours digitaux.

Déroulé

  • Protocole d'analyse de l'expérience utilisateurs

  • Analyse des données recueillies

  • Création des Experience Maps sur UXpressia

Pré requis

  • Aucun

Livrable

  • Expérience Map

Livrable supplémentaire : "Jobs to be done"

A partir des observations et/ou entretiens réalisés, le consultant UX représente le service digital ou l'application en une carte de "Jobs to be done". Les jobs to be done sont les buts ultimes poursuivis par vos utilisateurs. En alliant une meilleure compréhension de ces buts, nous pourrons adapter vos parcours et les fonctionnalités proposées pour qu'ils couvrent parfaitement les attentes des utilisateurs.

Déroulé

  • Protocole d'analyse des "Jobs to be done"

  • Analyse des données recueillies

  • Création de la carte des "Jobs to be done"

Pré requis

  • Aucun

Livrable

  • Carte des "Jobs to be done"

2. Design Thinking

Design Sprint format 3 jours

Le consultant UX anime trois jours d'atelier avec vos équipes pour faire émerger les nouveaux parcours de votre application ou de votre service.

Le Design Sprint est une méthode créée par Google et dérivée du Design Thinking. Elle permet de cibler les problématiques de vos utilisateurset de créer des solutions réalisables et testables très rapidement.

Déroulé

  • Location de la salle pour 3 jours

  • Création de la carte du service

  • Rédaction de la note de synthèse

Pré requis

  • Aucun

Livrables

  • Carte du service

  • Note de synthèse

Design Sprint format 5 jours

Le consultant UX anime cinq jours d'atelier avec vos équipes pour faire émerger les nouveaux parcours de votre application ou de votre service.

Le Design Sprint est une méthode créée par Google et dérivée du Design Thinking. Elle permet de cibler les problématiques de vos utilisateurs et de créer des maquettes très rapidement. Notre consultant UX intervient la dernière journée pour tester les maquettes auprès de vos utilisateurs.

Déroulé

  • Location de la salle pour 5 jours

  • Animation du sprint 5 jours par 2 consultants UX

    • Jour 1 : problématisation et ciblage

    • Jour 2 : idéation et sélection des concepts

    • Jour 3 : storyboard des concepts retenus

    • Jour 4 : maquettage

    • Jour 5 : tests utilisateurs | Recrutement effectué par vous

  • Analyse des tests et finalisation des maquettes

  • Rédaction de la note de synthèse

Pré requis

  • Aucun

Livrables

  • Carte du service

  • Maquettes des concepts testées

  • Note de synthèse

Atelier de problématisation

Le consultant UX anime un atelier avec vos équipes pour cibler, reformuler et prioriser les problématiques de vos utilisateurs.

Déroulé

  • Préparation de l'atelier de problématisation

  • Animation de l'atelier de problématisation

  • Rédaction de la note de synthèse

Pré requis

  • Ciblage des utilisateurs

Livrable

  • Carte des problèmes

Atelier d'idéation

Le consultant UX anime un atelier avec vos équipes pour faire émerger des idées de solutions aux problèmes rencontrés par vos utilisateurs. Pour animer ces ateliers et en fonction de votre besoin nous pourrons utiliser les méthodes suivantes : How Might We ?, le crazy 8, les cartes d'empathie, les 7 chapeaux...

Déroulé

  • Animation de l'atelier d'idéation

  • Rédaction de la note de synthèse

Pré requis

  • Ciblage des utilisateurs

Livrable

  • Les principaux parcours utilisateurs modélisés

  • Note de synthèse

3. Co-conception

Atelier de co-conception format 2 jours

Le consultant UX anime deux jours d'atelier de co-conception avec vos équipes.

La méthode de co-conception permet de modéliser les principaux parcours des utilisateurs ainsi que la structure des objets manipulés dans l'interface

Déroulé

  • Location de la salle pour 2 jours

  • Animation du sprint 2 jours par le consultant UX

    • Jour 1 : modélisation des parcours utilisateurs

    • Jour 2 : OOUX modélisation des objets

  • Rédaction de la note de synthèse

Pré requis

  • Liste des parcours à modéliser,

  • Liste des objets à modéliser

Livrable

Les principaux parcours utilisateurs modélisés,

  • La structure des principaux objets

  • Note de synthèse

Tri de carte

Le consultant UX anim un atelier de tri de carte pour déterminer l'architecture de l'information de votre site web et pour créer son futur système de navigation.

Les contenus de votre site web sont donnés à trier aux participants. Les différentes architectures qui en résultent sont analysées et comparées par le consultant UX.

L'architecture de l'information retenue est ensuite représentée sous forme d'arborescence et de maquettes.

Déroulé

  • Animation d'une séance de tri de cartes | 3h, 6 personnes maximum, hors recrutement

  • Analyse intermédiaire et ajustement du protocole

  • Animation d'une deuxième séance de tri de cartes | 3h, 6 personnes maximum, hors recrutement

  • Pré-maquettage de la navigation | Maquette statique centrée sur la navigation uniquement, sans détail de la page

  • Réunion de restitution

Pré requis

  • Liste des contenus à trier (120 maximum)

  • Ciblage utilisateur

  • Analyse SEO

  • Évaluation de la performance de l'arborescence actuelle (Questionnaire Optimal Sort)

Livrable

  • L'arborescence de votre site

  • Note de synthèse

  • Brief sur l'inventaire du contenu fourni par le client et définition de la stratégie de tri : tri ouvert, tri fermé, partant des niveaux inférieurs, partant des niveaux supérieurs.

  • Préparation du protocole et réalisation des cartes

Atelier de modélisation des parcours utilisateurs

Le consultant UX anime un atelier avec vos équipes pour faire émerger les nouveaux parcours de votre application ou de votre service.

Déroulé

  • Animation de l'atelier de modélisation des parcours

  • Rédaction de la note de synthèse

Pré requis

  • Liste des parcours à modéliser

Livrable

  • Les principaux parcours utilisateurs modélisés

  • Note de synthèse

Atelier de modélisation des objets (OOUX)e

Le consultant UX anime un atelier avec vos équipes pour modéliser les objets manipulés par l'utilisateur dans la nouvelle interface.

Cette méthode issue de la programmation orientée objet permet de rationaliser la conception de l'interface, de faciliter la maintenance des maquettes et de favoriser les échanges avec les développeurs intégrateurs.

Déroulé

  • Animation de l'atelier modélisation des objets

  • Rédaction de la note de synthèse

Pré requis

  • Liste des objets à modéliser

Livrable

  • La structure des objets manipulés dans l'interface

  • Note de synthèse

Atelier de modélisation des mécanismes de gamification

Le consultant UX anime un atelier avec vos équipes pour modéliser les mécanismes de gamifications utiles pour améliorer l'attractivité et la réutilisabilité de votre ${Application}, ${Service}.

Correctement conçus, ces mécanismes contribuent à créer une expérience plus riche et engageante.

Déroulé

  • Animation de l'atelier de modélisations des mécanismes de gamification

  • Rédaction de la note de synthèse

Pré requis

  • Les parcours utilisateurs modélisés

  • La carte des jobs to be done

Livrable

  • Les parcours utilisateurs enrichis des mécanismes de gamification

4. Conception et évaluation

Maquettes ergonomiques et tests utilisateurs

A partir des ateliers préalablement réalisés, le consultant UX créé une maquette ergonomique. Cette maquette, en nuance de gris, couvre l'ensemble du périmètre décrit ci-avant et permet d'avoir un aperçu fidèle de la structure de l'interface.

Les maquettes vous sont présentées avant d'être testées par les utilisateurs.

Une fois prêtes, les maquettes sont testées en laboratoire ou à distance par vos utilisateurs. Le consultant UX évalue la performance des maquettes et collecte les retours des utilisateurs. Les maquettes sont ensuite améliorées.

Déroulé

  • MAQUETTES :

    • Benchmark ergonomique et maquette papier

    • Réalisation des maquettes ergonomiques

    • Présentation intermédiaire des maquettes et revue de faisabilité technique

    • Ajout des interactions dynamiques

    • Itération sur les maquettes avant les tests utilisateurs

  • TEST UTILISATEURS

    • Rédaction du protocole des tests utilisateurs

    • Location du laboratoire de test.

    • Inclus streaming en temps réel, enregistrement des tests,

    • Salle d'observation, rafraîchissements et viennoiseries

    • Tests utilisateurs sur une journée | 5 tests, 1h/test, recrutement par le client

    • Itération sur la maquette après les tests utilisateurs

    • Finalisation des maquettes et rédaction des spécifications ergonomiques

Pré requis

  • Parcours utilisateurs ou application existante

Livrable

  • Maquettes ergonomiques testées, spécifications ergonomiques

5. Design graphique

Création graphique

Le consultant UI anime un atelier de brief graphique pour recueillir votre charte, vos préférences en terme d'ambiance graphiques et vos contraintes (techniques, accessibilité...). A l'issue de ce brief il réalise deux pistes à partir d'un écran clé que vous aurez sélectionné.

Déroulé

  • Préparation du brief graphique : prise de connaissance des maquettes UX, benchmark UI, préparation de l'animation de l'atelier

  • Animation de l'atelier de brief graphique

  • Réalisation des deux pistes graphiques sur un des écran de votre choix

  • Présentation des pistes

  • Finalisation de la direction artistique et création de guide de style

Pré requis

  • Charte graphique corporate,

  • Contraintes techniques et d'accessibilité

Livrable

  • La piste graphique retenue

  • Le guide de style

Production graphique

Le consultant UI décline de l'ambiance graphique sur l'ensemble des pages de votre application. Les écrans sont livrés pré-spécifiés en CSS sur Figma.

Déroulé

  • Préparation de la phase de production

  • Production des écrans désignés

  • Spécifications graphiques sur Figma : Color HEX, Font size, padding, size

Pré requis

  • Charte graphique corporate ou guide de style

Livrables

  • Maquettes désignées

  • Spécifications graphiques sur Figma

Livrable additionnel - Librairie de composants graphiques étendue

Le consultant UX créer une librairie de composant graphique à 4 niveaux :

  • Micro composants : champs, listes déroulantes, sélecteurs...

  • Macro composants : menu, header, formulaire...

  • Objets métier/utilisateur : CB, assurances, crédits...

  • Templates de page

Chaque composant est décliné en 4 états : normal, survol, sélectionné, désactivé.

Déroulé

  • Inventaire des composants

  • Déclinaison des composants : micro, macro, objets métier/utilisateur, templates de page

  • Spécifications graphiques sur Figma

Pré requis

  • Ciblage des utilisateurs

Livrables

  • Librairie de composants graphiques

  • Spécifications graphiques sur Figma

Design system

Le consultant UX créé un Design System permettant de partager une unique librairie de composant entre les désigner, les développeurs et les chefs de projets.

Il forme vos équipes à la prise en main du Design System.

Déroulé

  • Préparation de l'inventaire

  • Atelier inventaire des composants

  • Création de la structure de la librairie de composants

  • Présentation de la structure de la librairie de composants

  • Déclinaison des composants

  • Spécifications ergonomiques

  • Spécifications graphiques sur Figma

  • Intégration sur Bit Dev | Abonnement Bit Dev mensuel à la charge du client (200 USD/Mois)

  • Formation intra-entreprise au Design System sur 3 jours - 6 à 8 participants

  • Finalisation et livraison du Design System

Pré requis

  • Accès à vos maquettes Figma

Livrables

  • Spécifications ergonomiques

  • Spécifications graphiques

  • Librairie de composants graphiques partagée sur Figma et sur Bit Dev.

  • Spécifications Java Script, React, Vue JS, Angular, Bootstrap

6. Evaluation

Audit expert

Analyse experte initiale du produit par le consultant, sur la base d'une grille (Critères de Bastien & Scapin)

Déroulé

  • Analyse du produit

  • Construction des recommandations

  • Rédaction du rapport

  • Réunion de restitution

Pré requis

  • Ciblage des utilisateurs

Livrable

  • Rapport d'audit

Tests utilisateurs

Le consultant UX mène des tests utilisateurs en présence des utilisateurs, sur un prototype ou un site/une application en ligne

Déroulé

  • 1 réunion de cadrage pour définir les hypothèses à tester, confirmer les profils utilisateurs et définir le planning des tests

  • Réunion de cadrage

  • Prise de connaissance du produit

  • Construction du protocole expérimental

  • Installation de l'environnement de tests, modération d'un test blancModération des tests

  • Location du laboratoire de test | inclus streaming en temps réel des tests, salle d'observation, rafraîchissements et viennoiseries

  • Analyse et rédaction du rapport

  • Construction des recommandations

  • Mise à disposition des vidéos des sessions

  • Réunion de restitution

Pré requis

  • Ciblage des utilisateurs

Livrables

  • Protocole de test

  • Accès à distance au streaming en direct des sessions

  • Débriefing à chaud entre les tests avec les éventuels observateurs,

  • Rapport détaillé avec les recommandations

Eye Tracking (option)

Location et mise en place de l'eye tracker sur 2 jours

Déroulé

  • Mise à disposition de l'outillage d'eye tracking | inclus installation et configuration

  • Complément protocole

  • Complément rapport

Pré requis

  • Ciblage des utilisateurs

Livrable

  • Complément d'analyse eye tracking dans le rapport

Recrutement & Dédommagement

Recrutement et dédommagement de 10 utilisateurs + 2 secours en cas de désistement

Déroulé

  • Rédaction d'une grille de recrutement selon des critères socio-démographiques

Pré requis

  • Aucun

Livrable

  • Grille de recrutement complétée

7. Suivi des développements

Recette post-intégration

1 revue UX et une revue UI au cours du développements pour s'assurer que les écrans implémentés respectent bien les guidelines fournies

Déroulé

  • 1 revue UX d'1j

Pré requis

  • Accès au site de développement

Livrable

  • Recommandations données en séance issue de l'analyse des écrans intégrés

Les 4 phases de la découverte produit

Découvrir un produit en 4 phases : Apprendre et comprendre, définir et décider, concevoir et prioriser, prototyper et tester.