Je suis parti d’une observation, et de la répartition des tâches ménagères dans une unité : le couple, la famille, la colocation, et comment on communique là-dessus. Beaucoup utilisent toujours les mots sur le frigo, les panneaux d’affichage, ce sont des endroits devant lesquels tout le monde passe, et ça permet de glisser des petits commentaires bien sentis.
Le but de mon application est simple : une personne crée une tâche (un parent par exemple), l’assigne à une autre personne, qui reçoit la notification. Elle exécute la tâche, prend en photo le « résultat » et le parent reçoit une notification de tâche terminée qu’il peut valider ou pas. Derrière on peut imaginer un système de gamification.
.jpg)
j’ai eu l’idée d’une application collaborative et ludique, qui fonctionnerait un peu comme Trello, avec un souci de garder une simplicité, à la fois dans les fonctionnalités et dans les modalités d’inscription.
Prototype papier
Pour ce projet, je suis parti d’une conception sur papier. J’ai plutôt l’habitude de commencer directement sur un outil numérique, mais la démarche permet de représenter physiquement les éléments avant de les intégrer. Inspiré par la vidéo de présentation du Material Design de Google, j’ai décidé de créer des éléments que je pourrais agencer : cartes, barres d’outils…
La vue par défaut affiche toutes les tâches. Via le bouton à côté de la barre de titre, on peut passer à une vue filtrée sur les tâches selon leur état ou leur destinataire.
L’autre section principale est la vue « Ma tribu » qui affiche les membres d’un groupe et permet de leur assigner des tâches ou de consulter leur profil. J’ai choisi le terme de « tribu » parce qu’il peut s’appliquer à n’importe quel groupe.
L’autre section principale est la vue « Ma tribu » qui affiche les membres d’un groupe et permet de leur assigner des tâches ou de consulter leur profil. J’ai choisi le terme de « tribu » parce qu’il peut s’appliquer à n’importe quel groupe.
Tests utilisateurs
Une fois le bon agencement trouvé, les différents écrans ont été numérisés et intégrés dans un prototype en ligne sur InVision. C’est ce prototype que j’ai fait tester à 3 utilisateurs. Le concept de l’application et les mécanismes sont bien compris dans l’ensemble. Le prototype « papier » révèle surtout des ajustements sur le processus d’onboarding et sur quelques éléments pas assez lisibles ou faciles à prendre pour des liens. Mais je l’ai dit : je ne suis pas habitué au papier et j’écris mal. L'usage du noir et blanc rend plus difficile une distinction de ce qui est cliquable ou pas, et j'en tiens compte pour la conception de l'interface finale.
Interface utilisateur
Do2 serait disponible sur iOS et Android. L’interface peut emprunter à Material Design et aux « guidelines » d’Apple mais je ne souhaitais aller ni complètement vers l’un où l’autre. D’où un bouton FAB intégré à la barre de navigation et une navbar qui peut être utilisée sur les deux systèmes.
Pour le design, j’ai voulu quelque chose de globalement « flat » et assez simple avec une palette de couleurs plutôt neutre. L’idée est aussi d’avoir une application où les photos et les visages des utilisateurs peuvent prendre de l’importance.
Sur la page de détail d’une carte, les pictos d’avancement d’une tâche reprennent les couleurs du liseret de la carte. On peut imaginer une animation pour illustrer le passage d’un état à l’autre La photo est utilisée pour mettre en valeur l’interaction : "voilà l'état de ta chambre"
