Prototype mobile

Concevoir une application mobile, de l’idéation aux tests utilisateurs, en passant par les wireframes et le prototypage.

Idéation & problématique

Nous avons décidé de créer une application mobile “métier” à destination des crèches, pour leur gestion de leurs “contrats occasionnels” (enfants ne venant que lorsque des créneaux sont libérés par des “contrats réguliers”. Leur gestion étant très complexe au quotidien, nous avons cherché à obtenir un produit simple et rapide. L’objectif de l’application est double : pour la crèche, il s’agit de pouvoir communiquer instantanément les créneaux disponibles ; et pour les parents, pouvoir réserver des créneaux ouverts très facilement.

Mind map & User flow

Nous avons commencé par créer 2 Mind map sur les fonctionnalités et les pages à créer afin de construire l’architecture de l’application.

Pour répondre aux différents objectifs et enjeux, “DoudouApp” est une application qui propose 3 parcours utilisateurs (l’Administrateur/le dirigeant de la crèche ; l’Agent/l’employé ; le parent ou tuteur légal de l’enfant). Nous avons réalisé 3 user-flow. Cependant, le but étant de proposer un MVP, nous nous sommes concentrés sur le parcours “Parent” afin de valider ou non des hypothèses, pour pouvoir ensuite se pencher sur les autres parcours. Nous avons donc créé un proto-persona pour ce parcours.

Wireframes

Le parcours “Parent” a fait l’objet de wireframes papiers avant de passer en phase de tests et d’être ensuite prototypé en fonction des feedback obtenus.

Tests utilisateurs

Les wireframes ont été testés auprès de professionnels UX/UI et développement via la plateforme Invision.app et auprès d’utilisateurs cibles sur Maze en proposant plusieurs petits scénarii et parcours, ainsi qu’un formulaire de satisfaction. Ces tests nous ont permis de recueillir du feedback qualitatif et quantitatif.

Style Guide

La conception et le graphisme de l’interface ont été pensés en suivant les principes du Material Design. Tous les assets graphiques sont centralisés dans une documents. Nous avons opté pour 2 couleurs pensées pour l’utilisabilité et sommes restés sur une police sobre mais efficace : la police Roboto. Quant aux pictogrammes, ils sont pour la plupart issus du Material Design.

Prototype

Le prototype haute définition a été réalisé sous Adobe XD. Il a été testé à distance par un éducateur de jeunes enfants en crèche en tant qu’”agent” potentiel, ainsi que par 2 parents cibles. Le test a suivi d’un débriefing et de quelques questions.

Cahier de conception

Pour présenter la totalité du projet, nous avons réalisé un cahier de conception. Il réunit toutes les étapes effectuées (de l’exploration à l’évaluation), soumets également un Kanban ainsi que les possibilités d’évolutions comme le paiement en ligne.