Wireframes Papier. Avant d'ouvrir Sketch, j'ai exploré des dizaines d'options de layout sur papier. Cette itération rapide a révélé quelle hiérarchie d'information fonctionnait sur un écran circulaire de 280dp.
Mapping Mode Ambiant. Chaque écran actif nécessitait un équivalent basse consommation. Des contours blancs sur fond noir préservaient la batterie tout en gardant les utilisateurs orientés.
Design Mode Ambiant. Spécifications finales du mode ambiant. Contours monochromes pour préserver la batterie tout en maintenant la reconnaissance de marque.
Parcours Utilisateur. Deux trajectoires optimisées : trouver-et-appeler pour l'urgence, trouver-et-naviguer pour la découverte. Chaque tap comptait sur un écran aussi contraint.
UI et Interactions. Le modèle d'interaction complet montrant comment les actions montre se transmettent au téléphone. Des transitions fluides étaient essentielles.
États Actif vs Ambiant. Le jaune PagesJaunes assurait une reconnaissance instantanée en mode actif. L'état ambiant se réduisait à l'essentiel monochrome, prolongeant la batterie de plusieurs heures.
Inventaire Écrans. Un catalogue systématique de chaque état d'écran, assurant la cohérence du design à travers l'expérience montre connectée.
Bibliothèque Composants. Documentation complète couvrant les variantes de montres rondes et carrées. Cette bibliothèque est devenue la source de vérité pour notre équipe de deux.
État de Chargement. Indicateur de chargement minimaliste sur jaune marque.
Cadran Montre. Affichage de l'heure système avant lancement app.
Lanceur d'Apps. Icône PagesJaunes dans la liste d'apps Android Wear.
Sélection Catégorie. Navigation par catégorie pour recherche exploratoire.
Résultats Recherche. Premier résultat dans la liste de recherche locale.
Navigation Résultats. Défilement dans les résultats de recherche.
Aperçu Détail Résultat. Aperçu rapide avant la fiche détail complète.
Fiche Détail Pro. Information commerce complète en un coup d'œil.
Présence Google Play. Le visuel promotionnel pour le Play Store. Les premières impressions comptent quand les utilisateurs découvrent de nouvelles apps pour montre connectée.
Prévisualisation Contextuelle. Montrer la fiche détail sur un vrai poignet aide les décideurs à comprendre les conditions de lecture réelles pour lesquelles nous avons conçu.
Soumission Play Store. Communication interne pour le lancement. Visuels marketing et supports de présentation prêts pour publication.
Sessions en Binôme. Sessions de travail quotidiennes avec le développeur Thibault Fighiera. Deux montres connectées, itérant sur des versions réelles plutôt que des maquettes statiques.
Design en Cours. Keynote servait d'outil de prototypage rapide. Rapide à itérer, facile à partager, et assez précis pour la transmission au développeur.
Vérification sur Appareil. Rien ne remplace la vérification des designs sur le vrai matériel. Reflets d'écran, angles de vue et zones tactiles ne se révèlent qu'en contexte.
Démo Parcours Recherche. Le parcours de recherche complet capturé sur du vrai matériel. De la saisie vocale à l'affichage de la fiche commerce.
Relais Navigation. Démonstration de la transition fluide de la montre au téléphone quand l'utilisateur demande un itinéraire.
.webp)
