Mon rôle
Product designer et Project Lead sur ce projet — deux rôles distincts tenus en parallèle.
Comme designer → carte blanche sur le concept, seule sur le sujet.
Comme Project Lead → pilotage de l’ensemble du projet avec un développeur iOS, un développeur Android et un développeur back-end : estimation initiale, découpage du travail, rituels quotidiens et hebdomadaires, jusqu’à la mise en production.
Objectifs
- Proposer un composant innovant répondant à un vrai cas d’usage
- Mettre en avant une des fonctions phares de l’app (GO)
- Donner envie aux utilisateurs d’afficher Transit sur leur écran d’accueil — en petit, en grand, en plusieurs instances
Aperçus M et S
Concept
En un tap, l’utilisateur lance l’itinéraire vers la destination suggérée par l’app : navigation guidée (GO), ou accès aux autres départs et combinaisons.
Fonctions principales :
- Connaître un temps de trajet en temps réel sans avoir à ouvrir l’app
- Lancer la navigation vers une destination favorite (suggérée par l’app ou fixe)
- Comparer les temps de trajets en un coup d’œil (version M) et lancer la navigation sur les différents modes de transport aux alentours.
Installation et settings
Lancement d’un trajet
Anatomie
Process
Design → Un widget plus simple et plus largement adopté était possible (horaires du prochain bus), mais le choix a été d’assumer un parti pris : proposer quelque chose d’inédit qui mette en avant l’innovation chez Transit plutôt que d’optimiser pour l’adoption immédiate.
Pilotage → Découpage du projet en stories, rituels quotidiens, points hebdomadaires avec le lead de l’équipe mobile, démos d’avancement régulières … jusqu’à la mise en production.
Challenges
Un des plus grands challenges du projet a été de proposer des solutions d’affichage fonctionnant avec différents types de route images, tout en gardant leur identité, essentielle à leur reconnaissance par les usagers. Un casse-tête de classification pour s’accorder sur les possibilités techniques.
Un autre a été de couvrir et documenter les nombreux cas d’usage.
Extrait de doc route images
Extrait de doc empty states
Customisation
L’arrivée des widgets est attendue par les utilisateurs pour leurs possibilités de customisation : personnaliser pour ses usages, mais aussi personnaliser le rendu visuel des écrans principaux de son device.
Cette attente en tête, l’on propose alors l’état par défaut du widget en suggestion intelligente, tout en laissant la possibilité aux utilisateurs de le paramétrer par une destination fixe et ses préférences de transports.
En taille S, il est par exemple possible d’ajouter plusieurs instances au même écran pour créer un dashboard avec différentes destinations.
Le widget peut également prendre la couleur du thème Royale™ (version premium de Transit) choisi par l’utilisateur, thèmes reprenant les couleurs iconiques des lignes de transports de certaines grandes villes.
Paramétrages
Couleurs Royale™
