Loris
Olivier
CV

Nissan Box

Mon rôle dans le projet

2014_2024
product-design
product-design
user-research
motion-design

Résumé

Nissan Box est une app pour les conducteurs de véhicules Nissan thermiques et électriques. J’y ai travaillé entre Tokyo et Paris, de la recherche utilisateur au design produit.

Chiffres clés

+12%Utilisateurs

Mon travail avec les équipes ACMS sur deux nouvelles applications Nissan a contribué à cette hausse.

3 moisDe recherche

Recherche, analyse et entretiens utilisateurs avant et pendant le design.

Mon rôle et le contexte
Rôle

Design produit et recherche utilisateur.

  • Design produit
  • Recherche utilisateur
  • Motion design
Lieux

Tokyo et Paris, avec les équipes ACMS.

Méthodes
  • Entretiens utilisateurs
  • Sessions de prototypes
  • Tests d’écrans
  • Heatmaps

01

Les enjeux

Véhicules thermiques et électriques, différents modèles, une seule application.

Le brief

Nissan Box s’adresse aux conducteurs de véhicules Nissan thermiques comme électriques. Une seule application devait s’adapter à des modèles et des besoins très différents, de la consultation de l’état de la voiture à son contrôle à distance.

Écran d’état d’un véhicule électrique sur un mood board
_05

Direction artistique : un écran d’état de véhicule électrique (temps de charge, autonomie, batterie) et son mood board.

Une app, deux types de véhicules
Trois explorations de tableau de bord côte à côte : une voiture électrique avec la charge de la batterie et une action pour lancer la charge, une voiture thermique avec le niveau de carburant et une action pour démarrer le moteur, et une mise en page en liste de l’état de la batterie, de la climatisation et du véhicule.
Premières explorations : le même tableau de bord pour une voiture électrique (charge, lancer la charge) et une thermique (niveau de carburant, démarrer le moteur).
Carte de l’app pour voiture thermique connectée via un dongle : tableau de bord, santé du véhicule, historique de conduite et carburant, garage virtuel et menu, sur quatre niveaux, avec les questions ouvertes signalées.
La version thermique (ICE), connectée via un dongle : sa carte, sur quatre niveaux, avec les questions ouvertes signalées.

02

Recherche

Trois mois avec des conducteurs avant de concevoir.

Comment nous avons appris

3 moisRecherche et analyse

Trois mois de recherche et d’analyse.

254Entretiens utilisateurs

Entretiens avec des conducteurs.

5Prototypes

Des prototypes conçus pour impliquer les utilisateurs dans la conversation.

56Tests d’écrans

Tests et étude des écrans, dont des heatmaps d’attention sur le tableau de bord.

La recherche en chiffres

254Conducteurs interrogés

78 aux États-Unis, 127 au Japon et 49 en France.

56Sessions de test

32 en France et 24 au Japon, avec des prototypes et des entretiens fondés sur des scénarios.

4Marchés visés

Les États-Unis, le Canada, l’Europe et le Japon.

Méthode de recherche
Méthode de recherche en six étapes : 254 entretiens avec des conducteurs (127 au Japon, 78 aux États-Unis, 49 en France), une synthèse sous NDA, 56 sessions de prototypes (32 en France, 24 au Japon), des tests d’écrans avec heatmaps d’attention, quatre règles de design, et une validation où 76 % des conducteurs ont réussi les 6 tâches.
La méthode de recherche, des entretiens à la validation. La synthèse et les cartes de parcours restent sous NDA.
Cartographie des hypothèses
Tableau blanc avec des post-it regroupés par thèmes : Réglages, Aide et support, Expérience globale, Notifications, Tableau de bord et Commandes à distance.
Hypothèses sur les conducteurs, regroupées par thème : commandes à distance, tableau de bord, notifications, réglages, support.
Les mêmes post-it placés sur une matrice allant d’un risque faible à élevé et du connu à l’inconnu, la plupart regroupés dans le coin risque élevé, inconnu.
Puis placées selon le risque et notre niveau de connaissance, pour décider ce que les prototypes devaient tester.
Croquis au tableau blanc d’un entonnoir allant des besoins communs aux fonctionnalités puis au prototype, à côté d’un plan de test en trois niveaux : besoins utilisateurs, comportement et utilisabilité.
L’entonnoir des besoins communs aux fonctionnalités puis au prototype, testé sur trois niveaux : besoins, comportement, utilisabilité.
Cinq prototypes
Plan de tests utilisateurs : le prototype 1 teste l’utilisabilité globale avec environ 120 écrans ; les prototypes 2 à 5, d’environ 14 écrans chacun, testent le gestionnaire de widgets, une structure plus simple, des commandes à distance en une touche et des commandes regroupées sur le tableau de bord.
Le plan de tests utilisateurs : un prototype complet pour l’utilisabilité globale, quatre courts qui modifient chacun une partie de la structure.
Artefacts de recherche
Les premiers wireframes avec 16 éléments numérotés sur le tableau de bord, à côté d’un menu et d’un écran de réglages, les parcours flous signalés en rouge : Notifications ? Réglages ? Où cela mène-t-il ?
Revue des premiers wireframes : 16 éléments sur un seul écran, et les parcours flous signalés en rouge.
Heatmap d’attention sur un premier tableau de bord : l’état de la voiture, la batterie et les commandes à distance attirent le plus l’attention ; à côté, les variantes d’écran testées.
Heatmap d’attention sur un premier tableau de bord, à côté des variantes testées.

03

Décisions de design

Quelques règles claires, pour qu’une seule app convienne à de nombreuses voitures.

Architecture de l’information
Carte de l’app sur cinq niveaux : écran de démarrage et onboarding, le tableau de bord, puis My Car, garage virtuel, profil, assistance, navigation et You+Nissan, jusqu’aux réglages, notifications et historique des trajets.
La carte de l’app, sur cinq niveaux : du tableau de bord à My Car, au garage, au profil, à l’assistance et à la navigation.
Cinq directions
Cinq directions de tableau de bord côte à côte : anneaux d’état, cartes en liste, une liste plus légère, une vue carte et une grille par sections avec les actions à droite.
Cinq directions pour le tableau de bord : anneaux d’état, cartes en liste, vue carte et grille par sections.
Itération 02
Trois mises en page du tableau de bord montrant la même charge, autonomie, température et état de verrouillage autour de la voiture, avec les boutons de commande à distance en dessous.
Trois mises en page pour les mêmes données autour de la voiture.
Thèmes et états
Le même tableau de bord en thème sombre, clair et rouge de la marque.
Chaque mise en page explorée en sombre, en clair et en rouge de la marque.
Deux états du tableau de bord : une carte d’alerte de dommage dans l’en-tête avec un bouton d’appel, et un bandeau vert confirmant le déverrouillage de la voiture.
Une alerte de dommage occupe l’en-tête ; une commande se confirme sur place.
Principes de mise en page
Superposition

Une seule superposition par écran : le contenu mis en avant au-dessus, le contenu dynamique en dessous.

En-tête

Superposé et graphiquement dominant ; identifie la voiture.

Commandes à distance

Toujours accessibles, avec une affordance tactile claire.

Widgets

Conçus pour une lecture plus longue et l’accessibilité, des thèmes carrés et une identification thématique rapide.

Principes de superposition et structure de l’écran
Principes de superposition et structure de l’écran.
L’app finale
Tableau de bord final de la Nissan LEAF : un en-tête rouge avec la voiture, une barre de batterie à 75 %, des commandes à distance (verrouillage, charge, climatisation, phares et klaxon), et des widgets pour la batterie, la santé du véhicule, la température, la surveillance et l’historique de conduite.
Le tableau de bord final : en-tête, commandes à distance toujours à portée de main, et widgets.

Utilisabilité

76%Réussite des tâches

Des conducteurs ont réussi les 6 tâches lors des tests.

Pas de note sur les stores : l’app a été retirée lorsque les services numériques ont été répartis entre les régions.

04

Bilan

Plus de conducteurs sur les apps.

À qui cela a servi
Conducteurs

Conducteurs de thermiques comme d’électriques voient chacun ce qui compte pour eux dans une seule app, conçue avec 254 conducteurs dans trois pays : 76 % ont réussi les 6 tâches de test.

Nissan

Plus de conducteurs sur ses apps : une hausse de 12 % des utilisateurs, un résultat d’équipe avec les équipes ACMS.

+12%Utilisateurs

Mon travail avec les équipes ACMS sur deux nouvelles applications Nissan a contribué à une hausse de 12 % des utilisateurs.

Autres études de cas