Les Amis d’Al — iLab — Chapitre 02
--
Pour les novices et intéressés, je vous invite à lire l’article précédent afin de découvrir la genèse de ce projet par ici.
Les heures de travail
Lundi 22/10 :
- 1h :: Appels et prises de rendez-vous (UX) (Mariam)
Mardi 23/10 :
- 1h30 :: Mindmap (Julien et Margaux)
- 1h :: Appels et prises de rendez-vous (UX) (Mariam)
Mercredi 24/10 :
- 30min :: Planning (Margaux et Julien)
- 2h :: Objectifs à atteindre, répartition des tâches, cohésion de groupe (Julien, Margaux, Benoît, Mariam)
- 30 min :: Ajustement du questionnaire (google form) (Mariam, Margaux et Julien)
- 1h :: Recherches de logos (Alperen)
Jeudi 25/10 — Journée d’atelier iLab (08h40–17h40)
- 2h30 :: Rédaction des questions pour les interview + Interview avec différents interlocuteurs (Mariam + Margaux)
- 2h :: Création et croquis des personnages “Les amis d’Al” (Mariam)
- 2h :: Persona et User Journey (Margaux)
- 1h :: Wireframe (Margaux)
- 1h :: Test de code — Drag and drop (Julien)
- 2h :: Architecture d’information (Julien + Benoit)
- 2h :: Formation et compréhension du soft adobe XD (Benoit)
- 1h :: Recherches pour la création de stickers (Benoit)
- 3h :: brainstorming autour de l’histoire (Tout le monde)
- 1h :: Ecriture du scénario (Alperen)
- 30 min :: Recherches et corrections des logos (Alperen)
- 1h :: Recherches et documentation sur notre sujet d’histoire principale (les poux) (Julien, Benoit, Mariam)
Vendredi 26/10 — Journée d’atelier iLab (08h40–17h40)
- 1h :: Réunion sur le planning du jour, avancée (script) (Tout le monde)
- 3h :: Ecriture du scénario + Storyboard (Alperen)
- 1h :: Recherches de logos (Alperen)
- 2h :: Analyse et réflexion de l’interface + Recherches sur le panneau de contrôle (Benoit + Julien + Margaux)
- 1h :: Inspiration pour le logo (Benoit + Alperen)
- 2h :: Wireframe (Julien + Margaux)
- 4h :: Mise en place d’un système de stream et communication avec le groupe + Réalisation des illustrations (Mariam)
- 1h30 :: Premières ébauches du compte-rendu MEDIUM. (Mariam)
- 1h :: Echanges avec nos professeurs sur la réalisation de la borne (code, passage d’un device à un autre) (Julien + Margaux)
- 30 min :: Réservation des écrans + infos sur la connexion entre les différents devices (Margaux + Julien)
- 30mn :: Recherches sur les web sockets (Julien)
Samedi 27/10
- 1h :: Illustration, création des personnages de l’histoire
Dimanche 28/10
- 1h30 :: Réunion et mise en accord sur l’animation et le jeu (Benoit, Mariam, Margaux et Julien)
- 4h :: Illustration des différents éléments du jeu de la borne (Mariam)
- 40 min :: Croquis sur la demande de la réalisation du jeu
Lundi 29/10
- 1h :: Interview avec un professionnel de santé (Mariam)
- 3h :: Avancement du code drag and drop (Julien)
- 1h30 :: Continuation de la rédaction de l’article Medium (Mariam)
- 2h :: Avancement sur les croquis
Compte-rendu de tout ce qui a été réalisé depuis la dernière fois
Personas
User Journey
Enfant de 7 ans
Etapes :
- l’enfant arrive chez le pédiatre avec un adulte;
- il voit la borne, il veut y jouer;
- il y joue en attendant son rendez-vous chez le pédiatre;
- il va à son rendez-vous;
- il s’en va.
Ce qu’il fait (avec la borne) :
- il arrive face à la borne;
- il arrive face à l’écran d’accueil;
- il touche l’écran (du controller) pour avoir accès au menu;
- il a accès aux catégories sur l’écran et sur le controller;
- il choisit la catégorie de son âge : 5/8 ans;
- il arrive à un écran pour démarrer l’aventure;
- il appuie sur start;
- le voyage commence par des cinématiques en aftereffects : situation initiale;
- plusieurs missions disponibles dans l’aventure;
- les missions donnent lieu à des éléments déclencheurs (problèmes);
- la borne explique les consignes du jeu sous forme d’appel à l’aide;
- l’enfant est amené à interagir avec l’histoire par des petits jeux via le controller;
- dès qu’il réussi à faire ce qui lui est demandé, il est félicité;
- il arrive à la fin de l’aventure;
- explications sur l’aventure qu’il vient de vivre et les sujets abordés : plus médical et permet de rassurer le parent.
Parent
Etapes
- il arrive chez le pédiatre avec son enfant;
- il attend son rendez-vous chez le pédiatre;
- son enfant joue avec la borne et lui demande de l’aide;
- il l’aide à avancer dans l’histoire;
- il va avec son enfant en rendez-vous;
- il part.
Ce qu’il fait (avec la borne) :
- il voit que son enfant n’arrive pas à avancer;
- il questionne son enfant sur ce qu’il doit faire;
- il prend le controller pour voir comment ça fonctionne;
- il l’aide à avancer en lui montrant comment utiliser le controller;
- il laisse son enfant jouer et apprendre en retournant attendre le rendez-vous sur sa chaise;
- possiblement, à la fin de l’histoire, il retourne à la borne pour consulter les informations supplémentaires concernant les sujets abordés (informations pour les parents : comment soigner ça).
Cohésion de groupe
Nous sommes avant tout une bande de potes. Alors oui, on adore se retrouver tous ensemble pour jouer à des jeux-vidéos, se faire des soirées et des petits dîners, et papoter de notre quotidien.
Ça peut paraître futile, mais notre amitié est importante et essentielle. On ne voulait pas laisser un travail de groupe créer des tensions entre certains d’entres nous lorsque nous n’étions pas d’accord sur certains choix … Ça arrive, mais c’est pas toujours facile de savoir comment s’adresser à l’autre sans le blesser.
Nous n’étions pas toujours sûrs de nous comprendre par écrit, et certaines fois nous nous sommes retrouvés à nous prendre la tête alors que nous étions tous d’accord sur la même idée.
Nous avons donc pris le temps de mettre en place une dynamique de groupe positive où chacun serait écouté et entendu.
De l’organisation, avancer lentement mais sûrement
Afin de mieux cerner où nous nous trouvions, nous avons établi un mindmap des étapes à franchir et de celles que nous devions réaliser ainis qu’un planning. Cela peut donner l’impression que certaines étapes sont moins importantes, pourtant cela fait entièrement parti de l’UX, essentielle au bon fonctionnement et à la fiabilité apportée à nos futurs utilisateurs.
Vous avez la possiblité de parcourir au mieux ce mindmap par ici.
Nous avons réalisé également un planning de toutes les étapes à franchir, celui-ci étant en lien direct avec notre mindmap. Celui-ci est composé en différentes catégories et tâches :
PLANNING
Pour les recherches :
- recherches internet sur les préoccupations des parents
- sondages et formulaires
- thèmes les plus importants carnet de santé
- définir les questions pour les rencontres (mais pas orientées)
- clarifier la cible (5/8 ans) OUI NON
Contenu texte :
- Contenu de l’histoire principale
- Selon les thèmes, histoires de chaque étape
- Réfléchir aux infos supplémentaires
- Contenu texte de la présentation (site, comment on va vendre le projet)
Wireframe & Parcours :
- Architecture de l’information : site
- Architecture de l’information : application — interactions tablette/écran
- Wireframes
- Personas
- User Journey
Identité graphique :
- Type d’illus
- Design cohérent avec les illustrations
- Logo et stickers
Mieux cerner le public cible
Précédemment et dans nos anciens travaux, nous avons pu de nombreuses fois nous contenter de poster un google form sur les réseaux sociaux. Cette fois-ci, la tâche est plus complexe étant donné que notre public cible est âgé entre 5 et 8 ans, et que celui-ci ne fréquente forcément facebook et ses amis.
Vous pouvez retrouver le lien du google form ici.
Cette fois-ci donc, nous avons organisé plusieurs interviews et rendez-vous avec des étudiants en instituteur primaire, demandé à des écoles primaires de pouvoir venir interroger les enfants (ce qui nous a été refusé), questionné des parents d’enfants, obtenu une interview avec un docteur chargé des visites médicales scolaires, demandé à notre entourage direct ayant des enfants, mais également à nos amis étant instituteurs s’ils pouvaient poser quelques questions aux enfants de leurs classes et nous donner les réponses …
Wireframe de notre appli
Après réflexion sur notre borne, rédaction de l’architecture d’informations, user journey et avoir cerné notre public cible, nous avons pu réaliser un wireframe. Vous pouvez le tester ici.
Choisir trois sujets principaux et un scénario
Nous avons travaillé en groupe avec plusieurs outils différents pour la communication :
Après les nombreuses recherches et avoir mieux cerné les intérêts et fonctionnement de notre public cible, nous avons décidé de traiter 3 sujets différents :
- Poux
- Les piqûres
- Les bobos, gestes de prévention à adopter
Afin d’aborder ces différents sujets auprès des enfants, nous avons écrit et rédigé un scénario. C’est au travers de la borne que l’enfant découvrira cette histoire et sera informé des gestes de prévention à acquérir lors de situations similaires, ou qu’il puisse en parler avec ses parents.
Vous pouvez retrouver l’intégralité du scénario ici.
Un petit jeu pour chaque péripétie
L’idéal était de stimuler l’enfant au travers de petits jeux simplifiés qui lui permettrait de mieux comprendre les gestes de prévention à acquérir. Après un benchmarking auprès des autres jeux sensibilisant les enfants au corps médical, Julien s’est donc intéressé au fonctionnement du système de drag and drop afin que nous produisions un jeu simple et explicatif.
Les amis d’Al, un travail d’illustrations
Ne pouvant pas déplacer la tablette graphique sur laquelle Mariam travaille, un système de stream a été mis en place afin que celle-ci puisse travailler à domicile et que les autres membres du groupe voient le travail réalisé en même temps.
Les protagonistes de l’aventure sont représentatif de chaque membre du groupe. Il y a Margeaubobo, Dr Floyd, Mariaminou, Benousorus et Al.
Objectifs pour la semaine prochaine
Le marathon continue, et dans nos objectifs nous avons la liste suivante :
- Avancer sur les illustrations, les illustrations du premier jeu doivent être finies pour cette fin de semaine grand maximum.
- Rédiger le contenu de la landing page
- Avancer sur le code et la gestion des écrans
- Le design de la borne
- Comment réaliser la borne, avancement des recheches
- Compte-rendu des interviews et réflexion sur le contenu des flyers
