Projets similaires
Product DesignerAndroid Wear, Material Design2015
PagesJaunes à Votre Poignet
Concevoir une expérience de recherche locale lisible d'un coup d'œil pour Android Wear
Un sprint design de deux mois pour porter l'annuaire local leader en France sur les montres connectées. En binôme serré avec le développeur Android Thibault Fighiera, nous avons livré une app Android Wear complète du concept au Google Play.
TypeApp Montre Connectée
PérimètreProduct Design
PériodeOct-Déc 2015
EntreprisePagesJaunes
"Victor a conçu une expérience montre connectée complète en partant de zéro en deux mois. Sa capacité à comprendre les contraintes d'une nouvelle plateforme et à les traduire en un langage design cohérent était impressionnante."
TF
Thibault Fighiera
Développeur Android @ PagesJaunes
Vue d'ensemble
Le Contexte
PagesJaunes voulait expérimenter avec les montres connectées. Android Wear émergeait comme plateforme, et nous avons vu une opportunité d'aider les utilisateurs à trouver des pros locaux de la manière la plus contextuelle : directement depuis leur poignet.
Le Défi
Concevoir une expérience de recherche locale complète pour un écran circulaire de 280dp. Les utilisateurs devaient trouver des commerces, voir les infos clés, et agir (appeler ou naviguer) en secondes, pas en minutes.
Mon Rôle
J'ai piloté tout le processus de design : recherche utilisateur, création de profils types, croquis, maquettes fil de fer, design d'interface, spécifications d'interaction, prototypage, et présentations aux décideurs. En binôme avec notre développeur pour itérer rapidement.
Scénario Utilisateur
""Il est midi, Julien a faim. Il veut trouver rapidement un resto près du bureau et s'y faire guider.""
Julien, 25 ans
Pro occupé, toujours en mouvement. Utilise son téléphone pour tout mais veut un accès plus rapide aux tâches courantes. Adepte des nouvelles technologies.
- •Trouver des commerces proches en secondes
- •Obtenir les infos clés en un coup d'œil (ouvert/fermé, note, distance)
- •Agir rapidement (appeler ou naviguer)
- •Interaction minimale, résultat maximum
Approche Design
Apprendre la Plateforme
Plongée dans les recommandations Android Wear. Comprendre les contraintes : écrans circulaires, mode ambiant, saisie vocale, relais vers le téléphone.
Définir les Parcours
Deux parcours utilisateur principaux : "Trouver et Appeler" et "Trouver et Naviguer." Chaque chemin optimisé pour un minimum d'interactions et une clarté maximale.
Concevoir pour la Lisibilité Instantanée
Chaque écran devait communiquer son propos en moins de 2 secondes. La hiérarchie d'information est devenue critique sur un écran de 280dp.
Itérer sur du Vrai Matériel
Sessions hebdomadaires avec de vraies montres. Tester avec des contraintes réelles a révélé des problèmes que les maquettes ne pouvaient pas montrer.
Ce qu'on a construit
- •UI en cartes avec notes, statut et CTA contact
- •Deux parcours utilisateur optimisés : recherche→appel et recherche→navigation
- •Mode normal (jaune haut contraste) et mode ambiant (monochrome)
- •Intégration recherche vocale "Ok Google"
- •Relais vers le téléphone pour appels et navigation Google Maps
- •Raccourcis catégories pour accès rapide aux recherches courantes
Mes Livrables
Documentation persona et user story
Sketching et wireframing
UI design complet pour écrans circulaires et carrés
Specs d'interaction et motion design
Prototypage et vidéos de démo
Support de présentation aux décideurs
Phase 1
Recherche & Exploration
Immersion dans les guidelines Android Wear, étude des contraintes matérielles, définition des parcours utilisateur et exploration de dizaines de concepts sur papier.
Phase 2
Design d'Interface
Création de l'UI complète pour écrans circulaires et carrés. Chaque écran devait communiquer son propos en moins de 2 secondes sur un display de 280dp.
Le système compte 8 états distincts. Chaque écran devait communiquer son propos en autonomie complète, lisible d'un coup d'œil sur 280dp circulaire.
Cadran montre. Point d'entrée et retour rapide.
Chargement. Feedback immédiat au lancement.
Apps. Navigation contextuelle par catégorie.
Rubriques PagesJaunes sur le poignet.
Résultat 1/3. Nom et distance en priorité.
Résultat 2/3. Swipe pour parcourir.
Résultat 3/3. Fin de liste.
Fiche détail. Appel ou itinéraire en un tap.
Inventaire des écrans. 8 états, du chargement à la fiche détail.
Visualiser les écrans sur un vrai poignet révèle les conditions réelles : lisibilité en plein soleil, angles de lecture, confort du tap.
.webp)
Phase 3
Spécifications & Guidelines
Documentation exhaustive des modes actif et ambiant, bibliothèque de composants pour les variantes rondes et carrées, et spécifications d'interaction pour la transmission au développeur.
Phase 4
Implémentation & Lancement
Sessions quotidiennes en binôme avec le développeur, itérations sur des builds réels, prototypes vidéo, et préparation des assets pour la soumission Google Play.
Résultat
Du concept au Google Play2 mois
Parcours utilisateur optimisés2 parcours
Surface d'écran maîtrisée280dp
Duo Designer + Développeur1 équipe
Ce que j'ai appris
Les contraintes stimulent la créativité
Un écran de 280dp a forcé chaque décision design à être intentionnelle. Pas de place pour le superflu.
La fluence plateforme compte
Une compréhension profonde des patterns Android Wear a rendu notre app native, pas portée.
Une collaboration serrée accélère
Des syncs quotidiens avec le développeur signifiaient que les problèmes étaient catchés et résolus en heures, pas en jours.