Problème à résoudre
En M2 à Gobelins, on réunit 3 designers, dont moi, et 3 développeurs, pour travailler sur un projet SaaS.
Tout part d’un témoignage : Camille (Product Designer) part bientôt faire un long voyage sur plusieurs pays et elle est un peu perdue : démarches administratives, préparation matérielle, itinéraires à planifier : trop d’informations éparpillées sur Internet, beaucoup de choses à faire et elle ne trouve pas d’outil adapté.
Ça nous donne un point de départ :
Discovery
Une seule personne, ce n’est pas représentatif. On veut vérifier qu’il existe bien un besoin, pour qui exactement, et creuser le sujet pour mieux y répondre.
Entretiens et analyse de documents
En collaboration avec les autres designers, j’écris un guide d’entretien, puis on recrute des personnes qui préparent un long voyage (plusieurs pays, tour du monde etc) et d’autres qui en ont déjà effectué. Pour en apprendre plus on les questionne sur divers thèmes : le choix de l’itinéraire, les difficultés d’organisation, les moyens de transport, les outils utilisés, leur critères…
Pour ceux qui ont déjà fait leur voyage, on leur demande de nous montrer les documents qu’ils ont utilisé (Notion, Excel), ça va nous servir d’inspiration pour créer un outil plus adapté.
Quelques points clés :
Benchmark
D’un côté on a les applications grand public (réservation, itinéraires, checklists)
….qui couvrent certaines étapes et ne concernent pas notre niche et notre cible.
De l’autre, des outils plus complets
….mais pas optimisés ou pas faits pour le voyage en premier lieu.
Cible principale
Les entretiens nous permettent de cadrer à qui on veut s’adresser, et justifier nos futurs choix de design :
Objectif : organiser un voyage complexe en restant organisée
Besoin d'être accompagnée dans son organisation, qu'on lui facilite la vie
Solution
À partir de nos recherches, on conçoit Odyssey, une web-app conçue pour rendre l'organisation de voyages longue durée et à travers plusieurs pays aussi simple et fluide que possible.
Notre objectif principal est de réduire la complexité d’organisation qui est liée à ces voyages, en centralisant toutes les informations essentielles dont a besoin l’utilisateur, en lui permettant d’avoir son espace tout-en-un adapté à cette organisation, et en automatisant une partie du processus.
A trois, nous avons designé en collaboration toutes les interfaces d’Odyssey. Voilà les parties sur lesquelles j’ai travaillées :
Onboarding : automatiser pour faire gagner du temps
À partir des données récoltées lors de l’onboarding, Odyssey pré-remplit plusieurs éléments dans l’application : brouillon d’itinéraire et checklists adaptées.
Tableau de bord : l’accès rapide aux infos
La plupart des éléments présents sur le “Tableau de bord” sont des raccourcis vers d’autres pages, reprenant les propriétés les plus importantes.
Tâches : proposer un espace adapté à chaque voyage et flexible
Évènements : des vues et des options conçues pour faire gagner du temps
Itinéraire : une interface et un algorithme qui guident l'utilisateur
Tests utilisateurs
Nous avons voulu tester les interfaces d'Odyssey assez rapidement pour vérifier leur utilisabilité et éviter de créer de la dette technique.
Choix du rythme de voyage
L’interaction n’est pas intuitive, les utilisateurs butent dessus : le choix d’un chiffre et d’une unité demande plusieurs clics et décisions, ça casse le rythme de l’onboarding.
Solution :
Rendre l’interaction plus visuelle et ludique avec un slider. Une seule interaction, avec une échelle de temps plus adaptée.
Choix des pays
Les pays sélectionnés sont affichés uniquement dans le dropdown : visibilité faible des choix déjà faits, les utilisateurs ne voient pas clairement ce qu’ils ont déjà sélectionné ce qui crée de la confusion et les empêche de modifier leurs choix rapidement.
Solution :
Afficher en haut du dropdown les pays sélectionnés : affichage plus clair et suppression d’un pays rendue plus simple, compléter le formulaire devient plus rapide.
Checklists
Plusieurs utilisateurs ne voient pas qu’il est possible de cocher des tâche, et d'autres ne trouvent pas les tâches cachées par du scroll.
Solution :
Améliorer l'affordance avec des effets de survol. Indiquer la présence de tâches cachées sous du scroll en les faisant dépasser.
Collaboration avec les développeurs
Pendant tout ce projet j'ai aussi fait le plus possible pour aider les développeurs à concevoir l'application plus facilement et rapidement.
