.png)
Prototyper une application mobile
Conception de zéro de l'application Meublito
Méthodologie
Objectifs
- Concevoir dans un processus itératif.
- Application de la méthode en Atomic design.
- Répondre aux besoins des utilisateurs.
Mon rôle
- Livrer des composants et spécifications graphiques.
- Concevoir un prototype cliquable.
- Tester des parcours et des fonctionnalités.
- Réaliser des livrables de qualité et cohérents.
- Concevoir des wireframes mobile
Contexte et constats
Les utilisateurs des sites et applications de grandes marques d’ameublement passent un temps considérable à trouver le meuble adapté à leurs mesures.
Les interfaces de ces sites et applications ont soit des fonctionnalités qui ne sont pas suffisamment accessibles soit qui ne permettent pas une recherche précise en fonction des mesures souhaitées.
Il n’existe pas d’outil centralisant les recherches de meubles inter-marques en application mobile.
Définition de la problématique
Comment faciliter les recherches des utilisateurs sur les sites et applications d’ameublement ?
↪️ Comment aiguiller les utilisateurs dans la dimension des meubles qu’ils recherchent, en fonction de leur espace disponible ?
↪️ Comment regrouper les recherches inter-marques d’ameublement ?
Enjeux et objectifs
- Faire gagner du temps aux utilisateurs dans leur recherche de meuble.
- Proposer un outil de centralisation inter-marques d’ameublement.
- Faire évoluer l’application en fonction des retours des utilisateurs.
- Obtenir un taux d’utilisateurs promoteurs supérieur aux détracteurs.
- Intéresser les marques d’ameublement à l’application et développer des partenariats.
.jpg)
Phase Exploratoire
Notre public cible
Tout utilisateur des sites d’ameublement, particulier ou professionnel recherchant une application facilitant ses recherches.
Nos personas:
3 personas ont été identifiés suite aux recherches menées en amont avec notamment la passation de 6 entretiens en face à face et à distance.
Benchmark
Nous avons mené une étude pour définir ce qui avait été conçu dans l'environnement de l'application Meublito. Nous avons pu constater que seule Ikea, Maisons du monde avaient développé une application. But a quant à elle créé un magasine en ligne et Conforama et Alinéa sont des marques sans application mobile.
Les constats sur les applications mobiles (juillet2020) sont que les recherches par mesures sont présentes mais difficiles d'accès et d'utilisation. L'utilisateur met encore trop de temps pour trouver ses meubles.
Phase d'idéation
Le scope fonctionel
J'ai mené un atelier d'idéation en présence de 3 collègues pour définir l'ensemble du scope fonctionnel de l'application Meublito.
Les fonctionnalités principales et secondaires ont ainsi pu être identifiées.
Le storyboard
Phase de création
Méthodologie générale
La phase de création s'est déroulée en 3 étapes avec une montée en niveau de fidélité. Chaque étape de conception est suivie par une phase de test, un recueil des feedbacks utilisateurs et des itérations avant de passer à la suivante.
Phase 1:Concevoir le zoning, et l'architecture de l'information de la version 1 de l'application.
Nous avons réalisé 3 tests, non formalisés, avec 3 étudiants en UX design avec l'aide de l'outil Invision.
Phase 2: Réalisation des wireframes de base fidélité avec les interactions du prototype en tenant compte des retours obtenus lors de l'étape 1.
Cette version 2 a été présentée à un panel de 8 utilisateurs en tests asynchrones, sans consigne avec l'outils Invision. Les participants ont été libres d'appréhender l'entièreté du prototype. Chaque utilisateur pouvait soit suivre l'enchainement programmé des écrans, soit sélectionner les écrans dans un ordre personnel.
Phase 3: Le prototype haute fidélité avec Adobe XD.
La méthode de l'Atomic design a été appliquée et nous avons défini le design system de Meublito. Un protocole de tests à difficultés croissantes a été rédigé. Une série de 7 tests a été menée avec l'aide de l'outil Lookback.io.
Charte et assets graphiques
Nous avons choisi de concevoir selon les règles de composition du Material design (Typographie, couleurs, icônes, grilles de composition, éléments UI).
Nous voulions une interface simple et épurée apportant rapidement l'information à nos utilisateurs. Le choix des couleurs s'est porté sur une tendances énergétique avec une dominante bleu électrique et un ton friendly.
Les écrans principaux
Développement
J'ai lancé le développement de mon application Meublito avec l'outil no-code Webflow. Des tests utilisateurs sont en cours...
Ce que l'on peut dire de moi
Mathieu dispose de la plus grande compétence que peut avoir un UX Designer : il place l’utilisateur au cœur de tout. Rigoureux, réactif, curieux, empathique et autonome, il saura parfaitement s’adapter aux diverses situations qui se présenteront à lui, en faisant preuve d’un excellent sens du travail en équipe. J’ai pris beaucoup de plaisir à étudier et à travailler à ses côtés, et j’ai hâte que cela se produise de nouveau. Je recommande Mathieu pour sa volonté, sa logique, son expertise, sa lucidité et pour son amour envers le travail bien fait. De plus, il fait preuve de savoir-êtres non négligeables dans notre domaine, il adopte toujours le bon état d’esprit pour résoudre des problèmes, et soulever des opportunités d’améliorations. Longue vie à ta carrière d’UX designer, Mathieu !
J'ai pu évaluer plusieurs fois Mathieu sur son parcours d'UX Designer. A chacune de ses présentations de projet, j'ai été agréablement surpris de la qualité et de l'investissement qu'il a mis dans chacun d'eux. Il a vraiment une fibre "problem solving" et il n'hésite pas à sortir des sentiers battus pour proposer des idées novatrices et pertinentes. Un état d'esprit des plus optimistes et toujours à la recherche de l'excellence. A chaque fois, c'est un vrai plaisir d'échanger avec lui.
