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

Retail Customer eXperience Maps, recos stratégiques omni-canal / cross-canal

2015 – Projet confidentiel.

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.

[contentcards url= »https://www.pierre-lannes.fr/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/ »]

Conception UX/UI iDTGV Max iPhone iOS et Android apps

Sortie en janvier 2015

Conception de l’expérience du nouveau service de voyage en train illimité iDTGV Max : conception des 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

Conception UX/UI Back-Office unifié de publication multicanal

Projet 2014. Dans le cadre d’un projet de réunification maximale des back-offices et outils / web applications métier mis à la disposition des utilisateurs finaux des différents Business Units, création de l’interface utilisateur du nouveau back-office, unifiée, performante et proposant une expérience utilisateur améliorée pour les utilisateurs finaux : journalistes, rédacteurs programmateurs, community managers, etc.

Contexte

MyTF1 gère toute la production, la programmation et la distribution de contenus Multicanal en temps réel et différé du groupe TF1 : sites web, applications mobiles, box internet, programmes, vidéos à la demande, animation et informations, etc.

Plusieurs systèmes de back-office ont vu le jour au fur et à mesure que se diversifiaient les modes et les supports de diffusion des contenus, aboutissant à un parc hétérogène en terme d’interfaces utilisateurs, complexe à prendre en main, avec des redondances entre applications, parfois des fonctionnalités lourdes pour la réalisation de certaines tâches par les utilisateurs, un parc applicatif lourd à maintenir.

Réalisations

  • Prise de connaissance et analyse des études précédentes sur les expressions de besoin
  • Analyse de l’activité des utilisateurs pendant la réalisation des tâches, recueil les besoins utilisateurs, identification des problématiques rencontrées sur les différentes business units avec les outils backoffice existants : journalistes, rédacteurs programmateurs, community managers, etc.
  • Rapport d’évaluation ergonomique avec des recommandations d’ergonomie, les points d’attention
  • Production d’une maquette dynamique wireframe sans design graphique réalisée sous Axure RP Pro
  • Animation des ateliers de conception itérative

Résultats

  • Design d’un concept d’IHM backoffice unifié
  • Adhésion des utilisateurs
  • Gains de productivité et de performance des tâches réalisées avec le nouvel outil
  • Amélioration de l’expérience utilisateur

Conception UX/UI iDTGV Windows Phone 8 app 2.0

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

Conception UX/UI iDTGV Windows Store app PC/Tablets

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

UX/UI Monolithe interactif d’orientation passagers

2010/2011ADP Aéroport de Paris – Innovation

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

Web e-commerce et pure-player BtoC : direction projets études/design UX

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 :

Conception UX/UI d’applications smartphones

  1. Depuis 2009, Design UX et Conception ergonomique d’applications pour Smartphones iOS, Android, Windows Phone, BlackBerry.
  • Recherche utilisateur
  • Idéation
  • Analyse service
  • Observations ethnographiques et ateliers utilisateur
  • Personas et cartographie de l’expérience (UX Maps, eXperience Map)
  • Benchmark de solutions
  • 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 Axure RP Pro, Illustrator, Powerpoint, Keynote.
  • Spécifications et chartes ergonomiques / UX
  • Contribution au Design System
  • Direction de la création visuelle et interactive
Back to top