J’ai réalisé ses missions sur une dizaine d’années à partir de 2009, leur lancée correspondant à la généralisation des smartphones, insufflée par la sortie de l’iPhone en 2007, et avec elle la multiplication de services numériques multi-canal (applications mobiles, web), aussi bien pour des usages grands publics que professionnels.

J’ai réalisé ces missions soit directement en prestation freelance à mon compte, soit en tant que consultant et directeur de projet dans des agences (UX Design, conseil, web).

Types d’applications et appareils

Applications web responsive, applications natives pour smartphones iOS, Android, Windows Phone, BlackBerry, tablettes iOS, Android, Windows, embarquées Carplay

Méthodologies utilisées

• Recherche utilisateur
• Observations ethnographiques et ateliers utilisateur
• Personas et cartographie de l’expérience (UX Maps, eXperience Map)
• Benchmark de solutions
• Idéation
• Design Sprints, démarches de conception itérative, en équipe pluridisciplinaire, au plus près des développeurs
• Test utilisateurs individuels en mode « Friends and Family », « Guérilla » et sur panels de recrutements de testeurs.
• Architecture de l’information, design d’interaction, conception ergonomique
• Storyboards, wireframes
• Prototypage UI sous Figma, Sketch, Axure RP Pro, Illustrator.
• Spécifications, chartes ergonomiques / UX et Design System
• Direction de la création visuelle et interactive

OutilS de prototypage: Figma, Sketch app

Sur les anciens projets décrits ci-dessous pour le design d’interfaces utilisateur (maquettage, prototypage) j’utilisais le plus souvent l’application Sketch. Grâce au plugin Craft, les éléments d’interfaces pouvaient être dynamisés et mis en ligne sous forme de prototype web.

L’application Sketch à beaucoup évolué depuis, et d’autres outils ont émergé, comme Figma, qui est devenu mon principal outil pour l’UI Design et et les Design Systems ces dernières années.

prototype robot conversationnel Facebook Messenger pour l’aide à la géolocalisation de services bancaires à l’étranger, 2016

Définition des logiques d’interactions conversationnelles, parcours et définition des contenus : message, cartographie et iconographie.

Le projet a été mené en mode agile sur un sprint de 3 semaines.

L’équipe est composé d’un product owner, de 2 développeurs (front et back) et moi en tant qu’UX Designer.

Ce projet s’inscrit dans le cadre d’une cellule innovation en mesure de tester rapidement des concepts sous forme de preuve de concept POC (de l’anglais : proof of concept)

Pour ma partie j’ai réalisé :

• L’architecture de l’information avec XMind
• Le design et maquettage UI avec le logiciel Sketch

Conception UX/UI service connecté et app embarquée (CarPlay) et débarquée (iOS) pour automobile

2018 pour DS Automobiles

• Design d’un service connecté à usage automobile
• Méthodologie Agile / Scrum itérative et incrémentale.
• Prise en compte des personas existants et des Brand Experience Attributes
• Benchmark d’applications cibles

Phase d’émergence

Atelier d’émergence pour identifier les insights usager via des cartes d’empathie, idéation et ébauche de 3 scénarios d’usage

Phase de convergence

Atelier de convergence : détailler les scénarios ébauchés en phase d’émergence, préciser les idées sur les contenus et fonctions du service, scorer les idées en fonction de leur valeur perçue, de leur complexité de mise en oeuvre, faisabilité technique, maturité technologique

Utilisation de supports de storymapping enrichis : contexte, déroulé chronologique du scénario, tâches, sous-tâches, interactions utilisateur et interface service, push système…

UI Design, conception itérative maquette application

Production dans Sketch d’une maquette graphique illustrant le scénario d’usage le plus riche, en détaillant les enchaînements des affichages en alternance entre la version débarquée sur iPhone (système iOS) et la version embarquée sur l’affichage du véhicule (iOS Carplay)

Le maquettage graphique était statique et le plus réaliste possible en se référant aux Guidelines iOS et Carplay et la charte graphique de la marque

Atelier de conception itérative avec les équipes métier, les UX Designers et les Directeurs de création

iDTGV Max iPhone iOS et Android apps, 2015, SNCF

Applications iPhone iOS et Android, et du site web desktop et mobile (responsive).

Parcours utilisateur client : recherche, réservation, check, modification de voyage, gestion du compte client et du profil MAXtrotter

Réalisations

• Exploitation de « Personas » utilisateur à partir des études marketings iDTGV et d’ateliers d’itération
• Réalisation de prototypes HTML dynamique avec le progiciel Axure RP Pro
• Direction de la création visuelle et du design graphique des applications

Résultats

Applications simples et efficaces

iDTGV Windows app PC Tablette et smartphone, 2013, SNCF

Contexte : Conception de 2 applications

• Première application Windows 8 sur la nouvelle interface ModernUI pour PC et tablettes
• Nouvelle version de l’application pour Smartphone Windows Phone
• Parcours e-commerce et m-commerce complets : recherche, commandes, réservation, achat et paiement, choix des places, billet

Réalisations

• Construction de « Personas » utilisateur à partir des études marketings iDTGV et d’ateliers d’itération
• Réalisation de prototypes HTML dynamique avec le progiciel Axure RP Pro
• Direction de la création visuelle et du design graphique des applications

Résultats

• Une seule itération avec le client sur la conception
• Très bonne notation dans les magasins / stores d’applications mobiles

Domaine e-banking Assurance Banque 2016 à 2017

Plusieurs projets confidentiels de refonte et de design d’applications mobiles (tablettes et smartphone) et webapp responsive pour des usages métiers et grand public en secteur Banque Finance Assurance  :

• Refonte de l’application CRM portable (sur tablette Windows) des conseillers commerciaux (France)
• Conception d’une application (mobile native iOS/Android et desktop web responsive) de déclaration rapide de sinistre pour les assurés et les télé-experts (France)
• Refonte d’applications boursières (mobile native iOS/Android et desktop web responsive) pour usagers grand public (marché Europe)

Dans le cadre des études et refonte d’applications métier j’ai eu recours à la méthode de l’analyse du travail (observations et et entretiens ethnographiques) en m’immergeant en situation réelle d’usage. Par exemple en accompagnant des experts en assurances durant leur journée travail, en déplacement dans son véhicule, en expertise de sinistre chez les assurés, au bureau.

Pour les services et applications grand public, je réalise la phase de design le plus souvent via une conception itérative (ateliers de conceptions, échanges sur les fonctionnalités et maquettes) avec des experts métiers, en lançant des questionnaires et des tests utilisateurs individuels auprès du grand public.

Exemple : Nouvelle UX portail web e-banking, 2012

Contexte

Pour une startup à la recherche de principes pour une nouvelle eXperience Utilisateur sur les produits portail e-Banking

Design d’une nouvelle eXperience Utilisateur sur les produits portail e-Banking. Conseil et conception en innovation ergonomique et design d’expérience utilisateur

Réalisations

• Animation d’ateliers de créativité
• Design d’eXpérience Utilisateur, Wireframe et storyboard réalisés sous Apple Keynote
• Direction de la création visuelle et graphique

Résultats

Adhésion du client aux nouveaux concepts propos

Design de cartographies de l’eXpérience de parcours Clients* / Utilisateurs* pour un acteur majeur de la grande distribution.

(*) Customer eXperience Maps / User eXperience Maps

Les différentes combinaisons de parcours omni-canal et cross-canal ont été étudiées : parcours relationnel, en magasin, web to store, click-and-collect, digital…

Recommandations stratégiques sur les services / apps

Inventaire et revue experte UX/UI de l’écosystème digital existant.

Dans le cadre de cette mission, j’ai travaillé en collaboration avec une planner stratégique et une data scientist.

Les 4 piliers d'une UX cross-canal réussie | Pierre Lannes

Disponibilité sur tous canaux, cohérence d’ensemble, transparence, interopérabilité, interruptibilité, prise en compte du contexte

Pierre Lannes

Direction eXpérience Utilisateur UX, direction de projet et accompagnement AMOA (assistance à maîtrise d’ouvrage)

Contexte

Projet de design d’un dispositif digital interactif innovant pour l’orientation des passagers et usagers de l’aéroport

Réalisations

• Direction de projet
• Direction de l’équipe UX : un Designer UX, une experte interfaces naturelles, une directrice artistique

• Recherche utilisateur
• Capitalisation sur les études marketing utilisateur existantes
• Observations fly-on-the-wall en aéroport
• Jeux de rôle parcours usagers en aéroport
• Inventaire et analyse de l’information passagers existante : signalétiques, affichages, annonces, agents, bornes….
• Exploitation des données d’études utilisateur, personas, cartographies de l’expérience (eXperience Maps), diagrammes d’alignement (utilisateurs/services)
• Idéations
• Benchmark et État de l’art
• Ateliers d’idéations
• Réalisations de croquis et maquettes graphiques (sous Illustrator, sans design graphique).
• Préconisations sur l’implantation géographique indoor du réseau de « bornes »

Assistance à Maîtrise d’Ouvrage

Rédaction du cahier des charges et spécifications fonctionnelles détaillées

Résultats

Concept d’un monolithe / glace transparente interactive et tactile, utilisation de la réalité augmentée

Depuis 2008 – Avant-vente, Production et Direction de projets de design, refonte, évaluation, études et recherche utilisateur (User research) sur sites web e-commerce, avec une approche multicanal, omnicanal, phygital (parcours physique et digital / numérique) : prise en compte de l’expérience globale de l’utilisateur avec les services et la marque, comportant des points de contacts pouvant varier (applications, web, téléphone, magasin…) et des multiples possibilité de parcours d’achats interruptibles, web-to-store, mobile to store, drive-to-store, drive-to-shop… A ce sujet, lire mon article « Les quatre piliers d’une expérience utilisateur cross-canal réussie« .

2010  easyvoyage.com

Pure-player comparateur voyage

Avant vente gagnée et lancement du projet de refonte du site e-commerce

• Cadrage stratégique
• Revue experte du site web
• Architecture de l’information
• Storyboard
• Tests utilisateurs
• Charte ergonomique et graphique

2010 AGPM Association Générale de Prévoyance Militaire

Etude complète et design UX dans le cadre de la refonte d’une site web e-commerce pour le développement du canal internet :

• Webanalytique site web existant
• Questionnaire en ligne
• Enquête téléphonique
• Focus Group utilisateur adhérents
• Tests utilisateurs individuels avec eye-tracking sur le site web existant (sur scénarios de tâches)

Itérations et intégration de l’étude dans la stratégie marketing produit.
Conception ergonomique et encadrement de la conception graphique et de l’intégration.

Voir la présentation que j’ai réalisé en novembre 2010 « Études utilisateur et ROI » à l’occasion du Word Usability Day :