WAG

Équipe : Stéphanie Yao – Yasmina Benhassain – Cyril Bissonnier – Gilles Poirier
Formation : MC11 2020
Durée du projet : 6 mois
Affiche : WAG, des actions concrètes au quotidien
Dossier : UX2020_WAG_Dossier

Mise en place sur l’ensemble du projet des étapes décrites dans le double diamant design thinking en s’appuyant sur l’expérience des utilisateurs
Cadrage initial : le WWF veut devenir, au travers de WAG, un acteur de la transformation écologique en augmentant l’utilisation de son application mobile WAG auprès de sa cible.

Méthodologie :

  • 1ère exploration : étude de la cible et du contexte
    • Mise en place d’un protocole de découverte de l’application avec entretiens exploratoires semi-directifs préalables, carnet de bord, entretiens de retour d’expérience semi-directif.
    • Recherche secondaire autour de l’écologie, la sociologie, le digital, la ludification, la concurrence et les informations disponibles chez le commanditaire
    • Etude quantitative auprès des utilisateurs avec objectif de recrutement pour un atelier d’idéation
    • Synthèse des enseignements de cette phase via un SWOT
  • 2ème exploration : étude approfondie des résultats de la 1ère exploration
    • Interviews semi-directives auprès des utilisateurs de l’application et synthèse des enseignements (affinity map)
    • Définition de personae, et réalisation d’une expérience map
    • Atelier brainstorming de priorisation des problématiques utilisateurs
  • Conceptualisation
    • Atelier d’idéation avec les utilisateurs
    • Atelier de co-design (idéation/storyboard/indicateurs) avec WWF, l’équipe WAG de Gobelins, et un utilisateur.
    • Définition de l’architecture de l’information, wireframes, mécanique de progression
  • Prototypage mid-fi : 3 itérations réalisées d’un parcours d’engagement dans le passage à l’action jusqu’à la visualisation de la progression
  • Tests utilisateurs des prototypes :
    • Tests légers réalisés avec des utilisateurs de proximité
    • Tests à distance avec l’aide du laboratoire ErgoDesign Lutin-Gobelins
  • Mise à disposition d’un document de conception et de préconisations

Pitch : 

87% des français sont prêts à passer à l’action pour sauvegarder la planète. Leur principal frein : ne pas savoir par où commencer. C’est pour répondre à ce problème qu’est née l’application WAG du WWF en 2018. Elle a déjà été téléchargée par 370 000 personnes qui ont réalisé pas moins de 2 millions de défis, c’est-à-dire d’actions en faveur de l’écologie.

Aujourd’hui, il faut aller plus loin et faciliter plus encore le passage à l’action. La solution ? Renouveler l’application WAG avec un parcours d’engagement simplifié, ludique et valorisant, que vous pouvez découvrir ici :  https://marvelapp.com/prototype/4i2f83g/screen/70797018)

Les problématiques énoncées par le commanditaire :

Comment augmenter le nombre de téléchargements, favoriser la rétention des utilisateurs et développer leur engagement dans l’application (le nombre d’interactions avec l’application) ?

Notre approche :

La problématique liée à l’augmentation du nombre de téléchargements nous est apparue difficilement accessible lors de notre projet car probablement liée à la stratégie du service communication du WWF auquel nous n’avions pas accès. Nous avons donc décidé avec le commanditaire d’aborder plutôt les problèmes de rétention et d’engagement.

Notre première action a consisté à comprendre comment se passait la phase de découverte de l’application chez les utilisateurs, depuis le téléchargement et la première connexion jusqu’à une utilisation de 7 à 15 jours. Nous avons complété cette première étude par une enquête quantitative puis qualitative auprès d’utilisateurs de l’application.

Les enseignements recueillis lors de ces 2 premières phases ont permis d’établir la problématique de travail qui a guidée nos ateliers d’idéation et de conception. Pour enfin aboutir à une proposition de concept maquettée lors d’un atelier de storyboarding.

Proposition de conception :

Afin de favoriser la rétention dans l’application :

  • La cinématique d’engagement se déroule sans demande de création de compte.
  • Les premiers choix d’actions éco-citoyennes sont limités et guidés afin de passer rapidement à la réalisation.
  • Les actions sont simples à réaliser pour la cible et répondent à la demande de progression vers un objectif choisi par l’utilisateur.

Afin de favoriser l’engagement :

  • Intervention et mise en scène d’une mascotte sur l’ensemble du parcours : Jonas le panda
  • Chaque action se termine par des félicitations et une évaluation concrète de l’impact écologique qui a du sens pour l’utilisateur (exemple : nombre de Kwh économisé ou réduction en kg de la production de déchets …)
  • L’objectif temporel fixé par l’utilisateur est challengé par des relances sous forme de notification
  • Une approche visuelle des progrès réalisés au travers de la prise de photo avant et après la réalisation des actions, avec la possibilité de partager ses progrès sur les réseaux sociaux ou avec le reste de la communauté pour inspirer les autres utilisateurs.

Des perspectives :

Afin de favoriser l’engagement et l’acquisition :

  • Étendre le concept à l’ensemble de la communauté pour valoriser l’impact écologique de l’ensemble des utilisateurs
  • Valoriser l’impact écologique de l’application pour convaincre

Fastmag

Équipe : Margaux BAUVE, Céline DIARTE, Ingrid MININ, Raphaël GROSSOT et Jean-Emmanuel GRANADE
Formation : MC11 2020
Durée du projet : 6 mois
Dossier de conception interactif : UX2020_Fastmag_dossier
Affiche : Affiche_A2_Fastmag
Prototype : lien Figma


Pitch : Cash me if you can

Qui ne s’est jamais retrouvé devant un vendeur perdu avec son logiciel de caisse ? C’est souvent le point noir pour les salariés en boutique et pourtant, au quotidien, les outils de caisse sont essentiels pour les acteurs de la vente au détail.

Contrairement aux idées reçues, d’après une étude réalisée en 2019 par le site E-marketing.fr, 2/3 des clients interrogés (sur 1069) préfèrent encore l’expérience en magasin.
C’est notamment pour l’accueil et les conseils des vendeurs que les boutiques sont encore le point de vente privilégié. Raison pour laquelle, il est essentiel de simplifier les outils afin qu’ils puissent se concentrer pleinement sur leurs clients. Sachant que les boutiques connaissent un turn-over important, il est primordial de privilégier un apprentissage rapide sur leurs outils de travail.

Fastmag Boutique, un logiciel de caisse qui s’appuit sur 30 années d’expérience, ne déroge pas à cette règle. Il s’est construit couche après couche au fil des années, juxtaposant des fonctionnalités manquant parfois d’organisation et d’usabilité. Cela complique la vie des vendeurs et ils usent de solutions de contournement pour parvenir à leurs fins.

Photo de l'interface actuelle du logiciel de caisse en situation réelle

Notre phase de recherche nous a permis d’identifier 3 profils d’utilisateurs avec des besoins complémentaires. Nous avons choisi de concentrer nos actions sur le vendeur junior qui, au démarrage, est le plus en difficulté sur la prise en main du logiciel de caisse.
Son manque d’autonomie impacte les autres profils plus expérimentés auxquels il demande de l’aide. Ceci provoque une perte de temps pour le client et pour les autres salariés qui doivent s’interrompre.

Personas : vendeur(se) junior et saisonnier(ère, vendeur(se) senior et responsable de boutique(s)

Nos problématiques :
– Comment améliorer le parcours d’encaissement pour qu’il demande moins d’efforts de concentration ? 
– Comment récolter et utiliser les données clients omnicanales ?
– Comment mieux accompagner les utilisateurs novices pour qu’ils soient plus rapidement autonomes ?

Forts des enseignements de la recherche utilisateur, nous avons conçu plusieurs pages de vente et parcours associés que nous avons fait tester à des vendeurs, directement en boutiques. Progressivement, après 3 rounds de tests et accompagnés des utilisateurs, nous avons pu préciser notre recommandation.

Nos propositions :
– Une page de vente allégée et restructurée, qui accompagne le parcours d’encaissement, optimisée en mode tactile.
– Des pop-ins dédiées qui guident les utilisateurs pour éviter les erreurs et alléger la charge cognitive.
– Des infos clients pertinentes, plus lisibles pendant l’encaissement pour permettre au vendeur d’enrichir sa relation avec le client en caisse.
– Une optimisation des formulaires pour recueillir ou modifier les données client.
– Un manuel de formation repensé pour être plus facilement utilisé.

Photo de la nouvelle interface du logiciel de caisse

Pour aller plus loin :
Nous proposons des pistes d’amélioration à notre commanditaire :
– Améliorer l’accompagnement au paramétrage de l’interface ;
– Intégrer des champs de recherche intelligents (clients, produits) qui remontent plus efficacement des résultats ;
– Un « compagnon » upgradé pour accompagner l’utilisateur en cas de questions et pour le SAV.

ShowerChiottes

Camille Larèpe (Learning Designer) – Judith Kazemir (Graphiste Multimédia)

Formation : MC11 2020
Durée du projet : 6 mois
Dossier de conception : lien vers le dossier
Affiche : affiche du projet

Pitch : Rendre accessible le recyclage de l’eau grise à la maison, sans effectuer de gros travaux.

Origine du projet :

L’eau est une ressource indispensable à la vie. L’accroissement rapide de la population et le réchauffement climatique font de la gestion de l’eau un enjeu essentiel pour l’avenir. 

Utilisée dans les secteurs industriel, agricole, et domestique, elle est aujourd’hui trop souvent gaspillée, et peu recyclée. 

Par exemple, saviez-vous que près de la moitié de notre consommation d’eau quotidienne est destinée à l’usage de la douche ? Cette utilisation conséquente d’eau, sans recyclage possible à moins de débourser des milliers d’euros, a poussé Charlie Carpene à réfléchir à une solution clé en main, accessible à tous, pour enfin réduire son impact environnemental facilement. L’idée du projet ShowerChiottes était née.

Proposition :

ShowerChiottes est un dispositif qui permet de collecter et redistribuer l’eau consommée lors d’une douche ou d’un bain dans un autre endroit, comme par exemple les toilettes. Le produit n’utilise que des systèmes low tech, ou basse technologie, c’est à dire un ensemble de techniques simples, pratiques, économiques et populaires.

Ce concept a été pensé en collaboration avec une école d’ingénieur, des fondations de grands groupes industriels visant l’innovation, et un réseau national centré sur l’économie sociale et solidaire.

D’un point de vue concret, il s’agit d’une boîte, positionnée à côté de la douche ou de la baignoire, à laquelle sont reliés plusieurs tuyaux : l’un dont une extrémité est située au fond du bac pour recueillir l’eau, et l’autre relié à l’endroit où nous voulons déverser l’eau stockée, par exemple les toilettes.

Démarche :

Le projet a tout d’abord été pensé d’un point de vue technique. Il fallait savoir si les critères associés au low-tech permettaient d’obtenir l’effet voulu. En résumé : un produit low-tech, sans pompe, permet-il une aspiration de l’eau depuis le fond d’une baignoire ? L’aspect utilisateur n’a donc pas été pris en compte avant la validation fonctionnelle du produit. 

Mais qui sont les utilisateurs ? Quels sont leurs besoins ? Et quelles sont leurs attentes vis-à-vis du produit ? Une première phase de recherche nous a permis d’explorer plusieurs pistes : les locataires, mais aussi les propriétaires de leur logement, qu’ils soient citadins ou ruraux, jeunes ou plus âgés, et de professions diverses et variées. 

Si nous avons pu créer 4 profils différents, la conclusion était la même pour tous : le recyclage de l’eau de la douche n’est pas un besoin, et le produit tel qu’il a été pensé n’est pas désirable.

Cette première phase aura cependant permis de mettre en lumière de nombreux publics pour qui le stockage et le recyclage de l’eau est une nécessité : l’armée, les travailleurs sur les chantiers, les plaisanciers, ou encore les adeptes du camping-car.

Une deuxième phase de recherche nous a permis d’explorer les habitudes des camping-caristes, et de mieux comprendre leurs usages, notamment en ce qui concerne la consommation d’eau. Le produit ShowerChiottes a ensuite été adapté afin de mieux correspondre à leurs attentes, et aux nombreuses contraintes imposées par les camping-cars.

Résultat :

Tous les camping-caristes  interrogés ont compris l’objectif du produit, ont  identifié ses différentes parties, et ont apprécié son esthétique.

Ils nous ont également fait part des situations dans lesquelles ils se projetaient avec le produit. De la chasse d’eau des toilettes au lavage des pattes du chien, en passant par le trempage de la vaisselle, les cas d’utilisation semblent nombreux et suscitent l’engouement.

Nous avons également reçu de nombreuses questions sur la disponibilité futur du produit, son fonctionnement, ou son prix. 

Contrairement à notre première itération, le produit semble donc répondre aux besoins des camping-caristes en ce qui concerne le recyclage de l’eau !

La suite pour ShowerChiottes ?

Notre commanditaire va continuer à travailler les aspects techniques de cette nouvelle version du produit, mais aussi, et pour notre plus grand plaisir, explorer davantage les usages des camping-caristes !

Tanatomie

Equipe : Alain DAMANTI (Graphiste) – Alphonse FERRARI (Graphiste) – Anne CATEL (Product Designer) – Christophe BONNICI (Chef de projet) – Justine GRAVE (Product Owner)

Formation : MC11 2020

Durée du projet : 6 mois

Prototype : Lien du prototype

Dossier de conception : DOSSIER PROJET

Affiche : Affiche du projet

Pitch : Faciliter la mise en œuvre de l’accessibilité numérique, pour un web plus inclusif et plus juste.

Tanaguru est une équipe pluridisciplinaire qui propose une offre de conseil et des outils dédiés à l’accessibilité numérique. Leur expertise s’articule autour de 4 axes : sensibiliser et former les équipes, accompagner la mise en œuvre de l’accessibilité numérique, automatiser les tests et développer des solutions accessibles. Leur projet Tanatomie a pour ambition de faciliter la prise en compte de l’accessibilité dans les projets web.

Problématique : Outre l’obligation légale imposée par la loi européenne sur l’accessibilité numérique, trois problématiques sont identifiées : le manque de formation des équipes, l’absence d’outil qui centralise les informations et le manque d’exemples d’implémentation.

Notre démarche : Pour réaliser notre projet, nous nous sommes appuyés sur une méthodologie fonctionnant par itérations inspirée du Design Thinking. Après une recherche théorique pour comprendre les problématiques autour de l’accessibilité numérique, nous avons commencé notre recherche utilisateurs par la définition de la cible avec notre commanditaire. Cette cible nous est vite apparue trop large. Pour réduire notre scope et évaluer notre première segmentation nous avons rédigé un questionnaire qui nous a permis d’obtenir des données quantitatives et de mieux connaître nos utilisateurs. Ce même questionnaire nous a également permis de recruter des utilisateurs pour la suite du projet.

Par le biais d’entretiens, de séances d’observation et de récolte d’opinions avec des utilisateurs, nous avons pu comprendre et définir le profil, l’expérience, la motivation, les méthodes et les outils utilisés, les difficultés et les facilités rencontrées. Cela nous a permis de confirmer plusieurs hypothèses : l’absence de source complète ou fiable, le fait que le sujet reste méconnu, le manque de formation sur le sujet et le fait que le problème soit beaucoup humain.

Tout au long de notre étude et au travers d’ateliers, nous avons constaté les limites de l’approche par métiers, ce qui nous a dirigé vers la création de nos personae : l’Expert, l’Ambassadrice, le Volontaire et la Sensibilisée. Par ailleurs, la recherche qualitative nous a montré qu’il existe une grande quantité d’axes de travail. Nous avons sélectionné ceux sur lesquels Tanatomie avait un pouvoir d’action et nous en avons déduit le cercle vertueux de l’accessibilité.

C’est le persona de la Sensibilisée à l’accessibilité que nous avons priorisé avec notre commanditaire pour répondre aux questions “Comment démontrer la fiabilité des informations ?” et “Comment aider à trouver les bonnes informations ?”.

À l’issue des premiers tests utilisateurs et d’un travail sur l’architecture de l’information, plusieurs enseignements nous ont permis d’améliorer notre prototype avec une deuxième version que nous avons soumise à un protocole de test.

Notre second prototype a été très bien accueilli. Quelques améliorations sont encore à apporter mais nous avons pu valider notre solution.

Pour aller plus loin dans notre démarche, nous proposons des pistes à notre commanditaire pour concevoir la solution la plus complète possible, en adéquation avec notre cercle vertueux. Selon son profil, l’utilisateur pourra :

– Apprendre par le biais d’une documentation didactique ;
– Naviguer au sein de la librairie de composants grâce à une structure atomic design ;
– Poser ses questions à une communauté d’utilisateurs pour demander les conseils d’un expert ou proposer sa contribution au projet.

Une version responsive sera requise, ainsi qu’un travail sur le ton et le choix des mots pour les mettre au service de l’expérience, en formulant de manière claire et concise les différentes informations.


Grâce à ce projet et comme nous l’a dit notre commanditaire, nous sommes maintenant rentrés dans le “cercle” et désormais nous n’en sortirons plus. Venez découvrir l’accessibilité numérique à votre tour !



Oo’ly, ne soyez plus seul face à votre insomnie

Représentation des membres de l’équipe, dans l’ordre ci-dessous.

Équipe :
Jonathan Alpay (concepteur / développeur)
Sarah Hulsken (conceptrice / designer)
Elodie Oudot (conceptrice / développeuse)
Marie Reyboz (conceptrice / designer)
Vincent Riva (concepteur / développeur)

Formation :
DMII 2020 – 2 ème année (Annecy)

Durée du projet :
6 mois

Technologie :
NodeJS, Typescript, MariaDB, Raspberry Pi, React Native, ThreeJS

Prototype :
Cliquez ici !

Site :
Cliquez ici !

Pitch :
Une tribu de petits compagnons nocturnes nommés les Oo’, qui vous accompagnent lors de vos crises d’insomnie.

Oo’ly est un dispositif qui a pour vocation d’accompagner les personnes souffrant d’insomnie pendant leurs réveils nocturnes, afin de réduire leur sentiment de solitude. En accompagnant la personne, en lui proposant une présence rassurante et en la soutenant dans ces moments, nous souhaitons réduire sa solitude, et donc les impacts qu’elle peut avoir sur son anxiété et son humeur.

Le principe est simple, Oo’ly c’est une tribu de personnages appelés les Oo’. Ils ont chacun des caractéristiques qui leur sont propres. Lors d’un réveil nocturne, l’utilisateur va pouvoir réveiller les Oo’ pour échanger avec eux. À travers des dialogues, les Oo’ vont discuter pour proposer un accompagnement le plus personnalisé et adapté possible.

De simples discussions, aux conseils en passant par des blagues, les Oo’ se renouvellent sans cesse pour trouver le ton le plus juste.

Ostara

Équipe : 

Saana Malek (Designer)

Alexandre Gomez Pardo (Designer)

Chloé Sans (Développeur)

Yann Chabot-Thomas (Développeur)

Pitch : Ostara est un jeu 3D immersif et collaboritif qui vise à sensibiliser sur la migration climatique. Le peuple des Sulimos profite des jours, sous l’ombre des arbres de la forêt Aosha, insouciant du danger qui les guette. Soudain la sécheresse frappe, poussant Déméter, Ian, Sandr et Seren à fuir, portée par l’espoir d’une lointaine terre fertile. À vous de coopérer pour les aider à rejoindre Ostara.

Trailer Ostara

Formation : BDDI 2020

Technologie : Unity – React – Blender

Durée du projet : 4 mois

Site du projet : https://yannchabothomas.fr/ostara

Vidéo de démonstration

Par-là : Sous vos yeux

Teaser du projet

Équipe :
Karl Justiniano (Développeur) , Yaoyi Luo (Développeur)
Roxane Peuvrier (Designer) , Thiven Minton (Designer)
Formation : BDDI 2020
Technologie :  Suite Adobe / Figma / Three.js / GSAP / ParcelJS / CINEMA 4D / GARAGE BAND / PAINT TOOL SAI / SUBSTANCE PAINTER
Durée du projet :  6 mois
Dossier de conception : Télécharger
Pitch : « Rentrez dans l’univers de votre téléphone et rencontrez le peuple qui l’habite à travers une aventure connectée dans laquelle humour et fantaisie vous attendent ! »

Demo

ALTER

L’équipe :
Jonah Alle Monne, Alassane Coly Arogundade, Loïc Belaïd Remesal en développement et Rémy Bourçois, Julie Marting en design

Formation : DMII 2020 – 1ère année
Technologie(s) : Unreal Engine – Cinema 4D – C/C++
Durée du projet : 6 mois
Support : Installation interactive, projecteur, objet connecté

Pitch :
Alter est une installation interactive appelant ses utilisateurs à plonger à travers l’inconnu pour les y confronter tout en les amenant à composer avec lui, pour finalement le visualiser.

Teaser :

Démonstration :

11BIS

L’équipe: Solène Ramis (développeuse) , Lola Berger (graphiste), Nicolas Michot (développeur), Agathe Fradet (graphiste)

Formation : DMII 2020 – 1ère année
Technologie(s) : React Native – Three Js – Fire Base // Figma
Durée du projet : 6 mois
Support : Smartphone + Desktop

Le pitch : Vous retrouvez un téléphone par terre dans la rue, en levant la tête vous faites face à une façade d’immeuble animée. Vous décidez de mener votre enquête, à qui peut bien appartenir ce téléphone? Vous allez devoir faire des connexions logiques entre les indices glanés dans le téléphone et ce que l’immeuble raconte de ses habitants. Votre curiosité sera mise à rude épreuve, méfiez vous des conclusions hâtives…

HOOKED

L’équipe : 
Eva Estrémé (Designer)
Tristan Le moigne (Développeur)
Janitta Pel (Designer)
Rémy Dumas (Développeur)
Julien Warin (Designer)

Formation : DMII 2020 – 1ère année
Technologie(s) : Unity – figma – blender – Cinema 4D – C#
Durée du projet : 6 mois
Support : Ordinateur (manette Nintendo Switch)

Le pitch : « Dans la petite ville d’Infox Town, quatre restaurateurs se sont installés sur la place principale. Se partager les clients ? Jamais ! nos quatre restaurateurs sont prêts à tout pour être celui qui réussira à avoir le plus de clients et faire de son restaurant la meilleure table de la ville…quitte à user de stratagèmes peu éthiques… Qui sera le maître de la manipulation ?« 

Dossier de conception : Téléchargez le dossier