Un numérique plus réfléchi

Introduire le numérique réfléchi dans les services publics

L’équipe

L’équipe :
Stephen AMMERMAN (UI designer),
Lise BETHMONT (Product designer)
Nicolas GUERIN (UX strategist),
Tomoko HANASHIMA (Product designer),
Calypso REDOR (Product designer),
Formation : DPNUX 2021-2022
Technologies : Miro – Figma – Suite Adobe
Durée : 3 mois
Dossier de conception : Lien du dossier
Pitch : Diffuser un numérique plus éthique à l’aide d’une méthodologie globale et un serious game.
Affiche : Lien de l’affiche
Teaser :

Contexte

En 2021, l’accès à la quasi totalité des services publics se fait via Internet. Mais l’accès à ces plateformes pose question : quid des 13 millions de personnes touchées en France par un handicap, situationnel, de longue durée ou temporaire, visible ou invisible ? Quid des populations éloignés du numérique, dans des zones mal ou pas couvertes ? Quid de l’impact environnemental de ces plateformes qui se multiplient et dont la consommation énergique pèse en terme d’émission de gaz à effet de serre ?
Le Studio Design de la Caisse des Dépots et Consignations, opérateur de plateformes en délégation de service public a mandaté notre équipe pour mettre en place une méthodologie pour développer des plateformes plus inclusives, éthiques et éco-conçues, en un mot : plus réfléchies.

Notre méthode

Nous avons choisi de travailler avec la méthode du double diamant, celle-ci nous semblait la plus adaptée pour le projet. En effet le commanditaire ayant une première idée de sa problématique, il nous fallait la comprendre mais aussi la challenger.
Cette méthode s’articule autour de quatre phases principales, découvrir, définir, développer et enfin délivrer.

Illustration de la méthode Double Diamand découpée en 4 phases.

Nos découvertes

Notre recherche exploratoire nous a amené à retenir les enseignements suivants :

Accessibilité et éco-conception

  • Les pratiques sur l’accessibilité existent dans un cadre normé pour les services publics. Même si leurs objectifs ne sont pas toujours 100% atteints, les démarches existent à la CDC (référents accessibilité). Par ailleurs, en tant qu’établissement public et délégataire de services publics, la CDC est très attentive au respect du cadre légal et règlementaire.
  • En ce qui concerne l’inclusion et l’éco-conception, l’absence de cadre légal et de définition de référence limitent leur mise en place. Pour développer des initiatives en ce sens, il faut convaincre individuellement les décideurs et les engager au nom du respect de valeurs de démocratie et de service aux Français très fortement ancrées à la CDC.

Fonctionnement du studio design

  • Le studio design confie les différentes phases de projet à des partenaires (des agences design prestataires de test, associations spécialisées et également des écoles) afin de bénéficier de leurs expertises. Par exemple, des sociologues et des ergonomes sont comptés parmi les experts professionnels, qui permettent d’approfondir les connaissances sur des besoins utilisateurs du projet.
  • Ainsi, le studio design agit comme relais et promoteur, aussi bien en amont du projet qu’en aval afin de prendre une décision une fois qu’il aura des éléments de la part des experts. À chaque étape du projet, le studio design donne une vision directive à ses partenaires experts.

Enseignement sur la cible

  • Notre cible primaire est le studio design qui a besoin d’un appui sous une forme d’une méthodologie afin de convaincre ses commanditaires.
  • De ce fait, nous avons déterminé 2 cibles secondaires : les commanditaires et l’ensemble des populations opérationnelles sur les projets (développeurs, UI designers, architectes IT…)
  • Les besoins des 2 populations ne sont pas identiques :
    • Pour les commanditaires, il va falloir mettre en place une méthode qui va leur permettre de centrer leurs décisions sur les besoins réels des utilisateurs, le positionnement du service par rapport à leurs besoins, la définition de fonctionnalités correspondant exactement à ces besoins.
    • Pour les populations opérationnelles, il va falloir mettre en oeuvre un dispositif de sensibilisation plus global, plus actionnable, et faciliter le partage et la diffusion des bonnes pratiques du numérique réfléchi.

Deux problématiques associées à nos deux cibles

1/ Comment rendre incontournable le process du numérique réfléchi pour les décisionnaires dans chaque étape d’un projet ?

2/ Comment acculturer l’ensemble des parties prenantes (décisionnaires + opérationnelles) aux différents aspects du numérique réfléchi ?

Notre recommandation

Nous proposons une intervention à 2 niveaux :

  • Une charte méthodologique :
    Elle définit un chemin critique pour la conduite des projets confiés au studio par les décisionnaires. Elle mixe à chaque étape du déroulé du projet des méthodologies éprouvées et des outils métiers de référence.
Aperçu de la charte méthodologique
  • Le jeu “Tout bien réfléchi” :
    Un serious game pour l’ensemble des parties prenantes sur le projet. Un jeu à but informatif, pédagogique et communicationnel associé à une présentation du numérique réfléchi que le studio design dispensera.
     Le but du jeu est simple il faut être le premier à remplir l’intégralité des cases de son plateau avec des cartes en étant le plus vertueux possible et comme dans la vraie vie, on à pas toujours le choix. La stratégie sera d’opérer les meilleurs choix pour accumuler le plus de points.
    Une carte rouge qui signifie une mauvaise pratique et que rien est mis en place, une carte Orange qui signifiera une pratique médiocre ou améliorable et enfin une carte verte qui signifie une bonne pratique.
Photos du 3ème test utilisateur/utilisatrice du jeu Tout bien réfléchi

Merci

URBAN EXPÉ

L’équipe :

José Guignery Teixeira
Digital Project Manager – UX Designer @Colorz
Jeanne Duplessis
UX/UI Designer @Inouit
Sébastien Vendroux
Digital Project Manager – UX Designer @DaVikingCode
Jean-Yves Dogo
UX Designer @Niji

Formation : DPNUX 2021
Durée : 3 mois
Logiciels : TeamGantt, Miro, Figma, Tiled, Photoshop, AfterEffects
Prototype : https://bit.ly/3vkozdO

Contexte Commanditaire :
Créé en 2012, Urban Expé est une structure spécialisée dans la création d’expériences urbaines transmédias. À l’origine, Urban Expé avait deux produits Story Trip & Cart(o)Graff, des applications d’exploration du territoire. L’occasion de (re)découvrir les beautés cachées dispersées des villes. En 2017, un premier virage est pris dans leur activité vers le sport gamifié en salle. Avec la conception du premier escape game sportif au monde, Urban Expé rencontre un succès d’estime important leur permettant de décrocher le Prix Innovation Ludique & Game Design.

Début 2020, les confinements dus à la crise du Covid-19 et à la fermeture des salles de sport incitent Urban Expé à pivoter leur activité vers le sport gamifié, cette fois-ci à la maison. À ce jour, il existe la plateforme Expé Store composée de deux prototypes de jeux disponibles au grand public. Les équipes travaillent actuellement sur quatre nouveaux jeux à déployer sur la plateforme très prochainement. Une nouvelle entité est en cours de création avec en simultanée une levée de fonds pour plus de 850 000 € afin d’accompagner cette nouvelle offre.

Brief :
Pour ce projet commandité, notre client nous a demandé d’identifier les points de friction rencontrés par les utilisateurs sur le parcours existant, mais surtout de proposer des solutions à ces problèmes. L’équipe d’Urban Expé a conscience que l’identité visuelle actuelle n’est pas cohérente vis-à-vis de la proposition. Ni le nom Urban Expé, ni le nom du produit Expé Store ne permettent de se projeter dans ce qui est proposé actuellement. 

Au travers de diverses analyses, interviews et tests, nous avons donc identifié un besoin plus global. L’idée est de transformer la proposition actuelle, qui tient plus du prototypage, en un produit crédible. Ce besoin peut donc être résumé par cette simple question :
Comment créer une expérience ludique et fluide de bout en bout ?

Méthodologie :
➡️ 1ère exploration : State of the Art 
– Le contexte covid 
– La gamification
– Le sport à la maison
– Le marché de l’exergaming

➡️ 2ème exploration : Etude de la cible 
– Questionnaire Quanti (125 répondants)
– Entretien Quali & Test du produit existant (7 répondants)

➡️ 3ème phase : Prototypage
– Conception de la solution (wireframing low-fidelity)
– Prototypage (UI high-fidelity)
– Test des interfaces 
– Itération

Solution :
Pour répondre à cette question, nous sommes fiers de vous présenter la plateforme Sporty Fun Park, une expérience fluide pour faire du sport tout en s’amusant ! Prenez votre ticket et embarquez dans un parc composé d’attractions sportives et ludiques. Aventurez-vous seul ou avec des amis et découvrez les différents jeux proposés selon vos envies et les défis que vous souhaitez relever.

Ce concept de parc d’attractions nous a semblé bien correspondre à l’idée d’une offre de jeux diversifiée que l’on peut parcourir seul ou à plusieurs. Au travers de nos divers prototypes et maquettes, nous proposons une nouvelle palette de couleurs et des éléments graphiques cohérents. De bout en bout, une attention toute particulière a été portée sur l’immersion dans le parc : 
– une vue carte, 
– des attractions, 
– des tickets, 
– des files d’attente etc.

Nous avons également constaté que nos utilisateurs avaient un vrai souhait de pouvoir jouer à plusieurs sur ce type de jeu… Cet aspect a donc été traité par l’ajout de plusieurs fonctionnalités absentes du produit existant comme inviter ses amis grâce au Pepper Code qui respecte la RGPD, voir leur présence en ligne, un catalogue de jeux multi-joueurs pour s’amuser avec ses amis, et un mode Battle Royal qui permet d’affronter toute la communauté et dont le but est d’être le dernier joueur à ne pas être éliminé.

Afin de vérifier que notre proposition réponde aux besoins des utilisateurs, nous avons établi une phase de test. Nous avons pu voir comment le prototype était compris et accueilli. Les retours étaient très positifs. Nous avons pu identifier de nouveaux axes d’améliorations à mettre en place pour perfectionner encore plus l’expérience comme ajouter des filtres de :
– difficulté, 
– zone du corps qui travaille, 
– durée de jeu,
– type de jeu

Nous allons aussi afficher le nombre de calories brûlées sur l’écran de scoring et proposer un tutoriel plus fun, moins sport et moins formel. C’est en fonctionnant ainsi, de manière itérative que nous pouvons proposer l’expérience la plus plaisante à nos utilisateurs.

Concernant le modèle économique, les utilisateurs cibles nous ont majoritairement indiqués préférez les modèles free to play ou freemium pour ce genre de produit. Nous recommandons donc un modèle inspiré du Freemium, très plébiscité dans le monde du jeu vidéo et qui serait à même de correspondre à la typologie de produit proposée par Urban Expé. Concrètement, l’accès au Sporty Fun Park serait donc entièrement gratuit. En revanche, le contenu accessible serait limité en début de partie.

Une monnaie virtuelle, les Pepper Coins, permettra au joueur de débloquer de nouvelles attractions ou encore d’acheter des éléments de personnalisation pour son avatar : 
– un chapeau de cowboy, 
– une flûte de pan, 
– ou encore un tutu

À terme, bien entendu, cette monnaie virtuelle pourrait être achetée avec de l’argent réel.

Ça va ça va

Équipe : 
Elisa MASFRAND (Designer),
Julien VANROY (Développeur),
Saana MALEK (Designer),
Léo GENERET (Développeur)

Formation : DMII-1 2021
Durée du projet : 6 mois
Technologies : Suite Adobe – Reaper – Glyphs – React- TypeScript – WebGl – Three.js – PWA – Socket.io
Support :  Jeu vidéo mobile et website

Teaser :

Pitch : Ta grand-mère est morte…
Pas grave, tu gagnes tout son héritage !
Ça va ça va, le jeu de soirée pour les gens complètement déprimés !

Constat : “Ça va ? ça va et toi ? ça va !”
Cette discussion là, vous avez du l’avoir des millions de fois ! Mais est-ce que vous réfléchissez et répondez réellement honnêtement à cette question ? Nous avons constaté que le bonheur est une notion subjective. Mais il est également tabou et controversé : il est difficile de l’aborder !

On ressent tous une pression liée au bonheur ! Il y a comme un schéma de modèle de vie à suivre pour être heureux, comme s’il fallait suivre la recette pour être bien : travail, mariage, maison, enfants …

Sans compter le fait de toujours devoir paraître heureux même si ce n’est pas le cas pour ne pas gêner les autres. ÇA VA ÇA VA permet de rire et de déculpabiliser tous ensemble !

Pour jouer avec tes potes : http://cava-cava.herokuapp.com 😈

Dossier de conception : à découvrir ici ! ☀️

Affiches :

Images :

Artefact

Formation : DMII 2020 – 2ème année
Durée du projet : 6 mois

L’équipe :
Robin Blanc–Beyne, Noémie Ey, Christine Huang, Léa Tanda

Dossier de conception : consulter


« En 2920 et suite à une série d’évènements, l’humanité ne vit plus sur Terre : elle a élu domicile dans des stations spatiales à la dérive. Par les fenêtres des stations, les habitants ne voient plus que le vide de l’espace et ont ainsi développé un certain mal-être. Pour lutter contre ce phénomène, les scientifiques de la station ont lancé un programme de recherche. Dernière idée en date : tenter de reproduire virtuellement les plantes que côtoyaient leurs ancêtres, à partir d’artefacts retrouvés. »

Concept

Artefact est une expérience interactive qui plonge le public dans un futur fictif, où il expérimente avec une machine, le Synthétiseur, pour cultiver une plante numérique. En manipulant les boutons de la machine, on intervient directement sur l’aspect de la plante et sa croissance. Elle rejoindra ensuite une serre virtuelle où sont regroupées les plantes précédemment créées. C’est un dispositif qui invite à la fois à une expérience de création individuelle (on crée une plante) et collective (elle rejoint une fresque collaborative). À la fin de l’expérience, on peut récupérer une attestation de participation, imprimée par la machine.

TRACE

Formation : DMII 2020 – 2ème année
Durée du projet : 6 mois

L’équipe :
Solal Dussout-Revel (Développeur ) Julien Dargelos ( Développeur ) Bastien Cornier ( Développeur ) Matthieu Pajot ( Designer ) Allan Michel ( Designer )

Bienvenue en 2039. En France. Presque demain. Dans une société ultra capitaliste où les marques ont racheté les villes et où l’État n’a plus de prise. Le forfait dont vous vous acquittez définit les zones auxquelles vous pouvez accéder : zone standard, zone premium, zone privilège… Et n’essayez pas de ruser, on le saurait, l’accès vous serait refusé, vous êtes tracé. Mais on ne vous l’a pas imposé, vous êtes libres. Ou plutôt auto-aliéné, vous avez vendu votre liberté au prix d’un « technococon » bien confortable et moelleux dans lequel vous prélasser. Dans ce cadre, une cellule de recherche de l’armée, le Récif, traque les furtifs, des créatures aux capacités hors du commun qui échappent encore à la société de contrôle et aux capteurs ultras modernes qui balisent le monde humain. Les furtifs vivent dans l’angle mort de la vision humaine. Ce sont des êtres de chair et de sons, à la vitalité hors norme, qui métabolisent dans leur trajet aussi bien pierre, déchet, animal ou plante pour alimenter leurs métamorphoses incessantes. Cette histoire, nous ne l’avons pas inventée, c’est celle du livre Les furtifs de l’écrivain de science-fiction et « typoète » Alain Damasio. Ce livre nous a servi de socle pour travailler sur une installation interactive et sensorielle. Les sujets évoqués dans l’œuvre, qu’il s’agisse de notre rapport au réel, au vivant, à la technologie, au langage et à la communication, font tous écho avec nos préoccupations et questionnements personnels. Ils constituent aussi un champ fertile pour la création artistique, offrant de nombreuses pistes d’expérimentation dans les disciplines que nous étudions.

Colobobo

Formation : DMII 2020 – 2ème année
Technologies : React – Phaser – Matter.js
Durée du projet : 6 mois

L’équipe :
Alix Chabagny (designer)
Iris Mangin Sokolowski (designer)
Erwann Letue (développeur)
Circé Grand (développeuse)
Justine Lenouvel (designer)
Alexandre Massé (développeur)

Colobobo, le nouveau jeu mobile collaboratif qui repense la manière de jouer à plusieurs.
Les téléphones, disposés les uns à côté des autres forment l’interface de jeu commune.
Et c’est parti pour jouer à 3, 4, 5 ou 6 joueurs !
Incarnez un moniteur de colonie qui accompagne des enfants dans une sortie légèrement périlleuse…
Votre but ? Aller le plus loin possible dans l’expédition. Collaborez, soyez réactifs et efficaces, si vous voulez limiter la casse !

Pluriel

Équipe : Rémy Bonté-Duval (développeur) – Tristan Le Moigne (développeur) – Hervé Rabenarisoa (designer) – Jérémy Lesdema (designer) – Eric Kwekem (designer)

Formation : BDDI 2019
Technologies : Three.js – Vue.js – Tracking.js – Blender – Photoshop – After Effects – Illustrator
Durée du projet :  5 mois
Dossier de conception : Télécharger
Lien : 
pluriel.herokuapp.com

Pitch : Pluriel est une expérience narrative interactive invitant deux utilisateurs à associer leur point de vue afin d’insuffler leur vision commune à une ville.
Le support : 
Ordinateur et smartphone (site internet)

Amy, but first let me take a selfie

 

 

Équipe :
Léa Tanda (développeuse)
Circé Grand (développeuse )
Anastasiia Gulenko (designer)
Justine Lenouvel (designer)

Formation : DMII 2019 – 1ère année

Technologie :  Vue.Js, Three.js, Beyond Reality Face

Contexte : Réaliser une expérience interactive satirique dénonçant un sujet de société et ne dépassant pas 5 minutes.

Constat : Le phénomène du selfie est partout sur les réseaux sociaux depuis quelques années. Cependant, tous se ressemblent. Le selfie est devenu un véritable langage à part entière : on peut prouver que l’on existe aux yeux des autres et que l’on rentre dans le cadre de la société.

Aujourd’hui, un selfie est-il une image de soi personnelle ou est-ce une image stéréotypée pour rentrer dans une norme ?

Et si un coach vocal vous donnait des conseils personnalisés pour créer le selfie parfait pour vous ? Que cela donnerait-il ? 

C’est que l’expérience A.m.y vous propose de découvrir, sur votre mobile ou au sein de notre photomaton.

 

 

Dossier de conception : Format PDF

 

 

Loue-moi si tu peux !

Loue-moi si tu peux !  est un jeu mobile qui plonge le joueur dans la galère de la location en région parisienne. Le but : trouver un logement en moins de 6 mois. Sacrifices, remises en question… Saurez-vous faire les bons choix pour ne pas finir à la rue ?

 

Relever le défi  → louemoisitupeux.fr

 

Équipe :
Noémie Ey (designer)
Martin Jouvet (designer)
Yann Cherif (développeur)
Audren Mauplot (développeur)

Formation : DMII 2019 – 1ère année

 

 

En savoir plus → Consulter le dossier de conception

 

BIENVENÜE

 

Équipe :
Antoine Abbou (développeur)
Nikita Skargovskii (développeur)
Alix Chabagny (designer)
Clara Morineau (designer)

Formation : DMII 2019 – 1ère année

Technologie :  Unity

Objectif : 

À l’origine, il nous avait été demandé de réaliser une expérience sur un sujet libre, mais traitée de façon satirique. Léger dans le ton, mais sans concession au niveau du message, pour faire réfléchir, dans un format court (5 minutes). Nous étions libres dans le choix de la technologie, du ou des device(s).

Nous avions 9 semaines en tout pour conduire ce projet jusqu’à la réalisation d’un prototype interactif. Ces 9 semaines ont été ponctuées par plusieurs étapes de recherche et de conception. La première était concentrée sur la recherche utilisateur, la deuxième sur la recherche créative, la troisième sur la scénarisation et la cartographie du parcours utilisateur et une quatrième semaine où nous devions déterminer et poser les différentes spécifications fonctionnelles, techniques et graphiques du projet. Enfin, les 5 autres semaines ont été consacrées au développement de notre prototype.

Contexte :

Le manque d’accessibilité du métro parisien est au coeur de l’actualité et a fait beaucoup de bruit suite à la manifestation du 26 septembre 2018 organisée par l’APF France Handicap. Le réseau RATP compte 303 stations de métro dont seulement 9 sont accessibles aux personnes handicapées. Cela représente 3% du réseau contrairement au métro de Barcelone accessible à 82%. Le problème est d’autant plus préoccupant puisque la RATP propose un réseau de transports publics.

Pitch :

Bienvenüe est un jeu en 3D de 5 minutes sur desktop, réalisé sur Unity, inspiré
et basé sur la mécanique des puzzle game. Le joueur incarne un personnage muni d’une poussette dans le métro parisien dont l’objectif est d’atteindre la rame du métro à travers un parcours sinueux et peuplé d’obstacles divers. Y arrivera t-il ?

Cible : 

La cible principale de notre expérience est représentée par les 20 – 35 ans, urbains, usagers du métro et amateurs de jeux vidéo.

Tonalité :

Ce manque d’accessibilité est presque invisible pour certains. C’est pour cela que nous avons souhaité exagéré de manière hyperbolique en allant jusqu’à l’absurde. Cette exagération nous permet de créer des situations comiques. Le ton se veut ludique et satirique.

Message :

Il s’agit de faire prendre conscience aux usagers du métro / parisiens / RATP que l’accessibilité est un problème quotidien pour certains, que ce manque d’accessibilité peut devenir un handicap et rendre le quotidien infernal.

Dossier de conception : Format PDF / Keynote

Teaser :  Accéder au teaser

Démo : Télécharger la démo