ActiveLook

LE VRAI DÉFI

Des données lues d'un coup d'œil, en pleine course

Le plus difficile n'a jamais été de rendre un écran joli. C'est que la personne lit ces données en plein effort : en courant, en pédalant, en mouvement. L'affichage est un minuscule écran monochrome dans le coin de son champ de vision. Elle dispose d'une fraction de seconde pour le lire, et si elle perd sa concentration pour déchiffrer un chiffre, ce n'est pas seulement agaçant : c'est dangereux et cela ruine sa performance.

Chaque choix revenait donc à une seule règle : la donnée doit être lisible instantanément, et le layout doit être parfaitement stable. Rien ne doit sauter, se décaler ou surprendre l'œil.

Décisions clés

Concevoir pour toutes les valeurs possibles d'un nombre

Le problème le moins évident, et celui qui comptait le plus.

Un nombre n'a pas une seule taille. Une fréquence cardiaque compte deux chiffres au repos et trois à l'effort, la vitesse comporte une décimale, la distance augmente au fil du parcours. Si l'on conçoit un layout autour de la valeur que l'on voit aujourd'hui, tout casse dès que la valeur change, et tout l'affichage se décale sous les yeux de l'utilisateur en plein mouvement.

J'ai donc conçu chaque type de donnée autour de sa plage complète, et non d'un seul exemple : pour chaque champ, j'ai déterminé sa valeur minimale et maximale possible, puis fixé l'encombrement au cas le plus large, pour que le champ garde sa place que la fréquence cardiaque affiche 80 ou 120, ou que la vitesse soit de 9 ou 14,5. La même logique s'appliquait à la composition : les utilisateurs choisissant une, deux ou trois données à afficher dans l'application mobile, chaque layout devait garder sa hiérarchie et sa lisibilité à chaque nombre de données, plutôt que d'en entasser davantage au détriment de la lecture.

Le ghost racer

L'exploration la plus longue et la plus difficile.

ActiveLook souhaitait de la gamification : une façon de montrer la position de l'utilisateur par rapport à un objectif, un « fantôme » à dépasser. La tension est évidente dès qu'on l'essaie : tout l'intérêt est la motivation, mais tout élément plus riche que la donnée principale entre en concurrence pour cette même fraction de seconde d'attention. J'ai mené une exploration approfondie sur la manière de représenter la position et la progression par rapport à un objectif sans jamais détourner l'attention des chiffres qui assurent la sécurité de l'utilisateur. La réponse constante était la retenue : montrer la relation, pas la décoration.

Ce qui n'a pas fonctionné

À plusieurs reprises, j'ai exploré des façons plus visuelles, façon montre connectée, de présenter les données. Elles rendaient bien sur un grand écran. Elles perdaient tout d'un coup d'œil sur un petit. Après ça, j'ai toujours privilégié la lisibilité instantanée à la richesse visuelle.

Ce que je ferais différemment

Je cadrerais plus strictement l'exploration du ghost racer dès le départ. C'était l'exploration la plus longue et la plus difficile de ce projet, et une définition plus claire de « la juste dose de retenue » en amont aurait pu la raccourcir.

Au-delà des lunettes

Autour du travail central, j'ai aussi pris en charge le produit dans son ensemble. J'ai retravaillé les parcours d'onboarding et de connexion des lunettes de l'application mobile, conçu les visuels pour les stores, géré et mis à jour le site Webflow (en concevant et en intégrant moi-même les nouvelles pages, grâce à mon bagage en développement), et conçu le guide de démarrage rapide imprimé présent dans la boîte des lunettes ENGO, aux dimensions du packaging et mis en page sous InDesign.