L’UX pour gérer la contrainte du port des EPI

Romuald TISSERAND

Formation : Certification UX Design (MC11) 2017

Durée : 2 mois

Mémoire : UX2017_Mémoire_RTISSERAND

Résumé :

L’inspection industrielle est une activité de terrain, qui peut s’exercer dans des  conditions qui présentent des risques pour les personnes. Afin de prévenir les accidents, le port d’équipement de protection individuelle (ou EPI) y est strictement encadré.
Jeune société nantaise, Novyspec édite une solution numérique pour outiller ces processus d’inspection.

De scénarios “low tech” à d’autres plus évolués technologiquement, l’étude présentée ici analyse dans quelles conditions le contrôle du port des EPI pourrait être intégré dans la solution afin de minimiser les risques pour les inspecteurs opérant sur le terrain.

Ce mémoire ne présente qu’un point d’étape, le travail est toujours en cours.

 

Mikaël Hakmi

Formation : MC11 2016-2017
Durée du projet : 2 mois
Dossier : https://goo.gl/JdY5d3

Problématique : Quels sont les facteurs clefs pour une expérience d’apprentissage de la musique en ligne réussie ?

Dans ce mémoire, notre but était d’identifier les éléments qui permettraient à une école de musique de proposer un enseignement instrumental de qualité sur Internet, tant du point de vue des élèves que de celui des professeurs.

Pour initier cette recherche, il nous fallait d’abord comprendre comment les cours se déroulaient au sein d’une école et nous avons pour cela interrogé des professeurs et des élèves sur leur pratique, le déroulement des cours et les diffcultés qu’ils pouvaient rencontrer.

Dans un deuxième temps, nos recherches nous ont permis d’identifier les différents sites Web qui proposent déjà des offres d’enseignement instrumental en ligne.
Un questionnaire diffusé dans des forums et espaces de discussion fréquentés par des musiciens nous a permis de rassembler plusieurs d’avis d’utilisateurs de ces sites Internet qui proposent d’ apprendre à jouer d’un instrument.

Enfin, pour compléter cette analyse, nous avons parcouru nombre d’études universitaires et d’ouvrages ayant pour thème l’enseignement instrumental, le rapport de celui-ci aux technologies de l’information et de la communication ou les tendances récentes de la pédagogie musicale.

Cette phase d’analyse nous a permis de réunir plusieurs types d’information et d’obtenir ainsi une vision large et instructive de notre sujet d’étude.

Les éléments ressentis comme négatifs par les utilisateurs ont ensuite été extraits des données rassemblées et nous avons alors tenté d’y apporter des solutions.

Nous avons intégré ces solutions aux éléments que les utilisateurs avaient identifiés comme positifs dans leur expérience d’apprentissage pour concevoir un ensemble d’outils pertinents et une structure cohérente dans laquelle les intégrer.

Le résultat de ce travail, notre proposition, consiste en une plateforme Internet constituée :
d’une base de supports pédagogiques alimentée par les professeurs et qui leur est accessible librement pour la préparation de leurs cours
d’un espace pédagogique où les professeurs transmettent leurs cours et où les élèves déposent le résultat de leur travail, pour correction
d’un espace de rencontre et d’échange où les élèves peuvent communiquer avec leur professeur et leurs condisciples
de plusieurs outils pour favoriser la rencontre des élèves « dans le monde réel » et leur permettre de participer à des activités communes
d’un parcours pédagogique sous forme de jeu pour entretenir la motivation des élèves et les inciter à progresser
d’un parcours d’enseignant permettant aux professeurs de valoriser leur expérience et leur professionnalisme

Imaginée grâce à l’expression d’utilisateurs potentiels, élèves ou professeurs, et inspirée par plusieurs travaux de recherche universitaire, cette plateforme constitue une solution adaptée pour proposer, sur Internet, un enseignement instrumental de qualité.

 

Thymia

Équipe:  Antoine Charrier (Designer), Mathils Laffond  (Designer), Thomas Van Glebeke (Développeur), Dorian Lods (Développeur)

Formation: BDDI 2017

Technologie: WebGL – Web

Durée du projet: 5 mois

Dossier de conception: Dossier.pdf

Lien: http://thymia.world

Pitch :

Lors de cette expérience vous ferez la connaissance de Thymia, la voix douce et féminine qui va vous guider tout au long de cette expérience. Thymia est votre nouvelle confidente. C’est grâce à elle que vous allez prendre réellement conscience de vos humeurs.

Après vous être confié à elle vous découvrirez un univers personnalisé qui représente votre humeur à l’instant T. Suite à cette visualisation vous pourrez partager votre univers du moment ou le garder personnel tout en constituant une timeline privée de votre humeur générale.

Thymia vous permet aussi de nourrir votre curiosité et de découvrir l’humeur visuelle d’autres personnes dans le monde.

 

Pour démarrer l’expérience, rendez-vous ici : http://thymia.world

Joconde

EQUIPE :

Benjamin Dobat : directeur technique
Julien Ferreira : chef de projet
Delphine Joube : UX Designer
Emmanuel Poupa : directeur artistique
Thierry Roussillon : intégrateur

Durée du projet :
3 mois

Technologies utilisées :
HTML – CSS – javascript – PHP

Pitch :
Une majorité de personnes sont réticentes à l’idée de publier leur photo sur un site de rencontre : par timidité, par peur d’être reconnu (par un voisin, un ami, un collègue…), ou parce qu’elles ne se sentent pas à l’aise avec leur physique.
A contrario, les profils non illustrés suscitent soit la méfiance, soit l’indifférence et de ce fait, ils ont très peu de chances d’être contactés.
C’est en partant de ce postulat et en souhaitant trouver une solution à ce dilemme, qu’est née l’idée du site Joconde.fr, qui propose de remplacer les photos des utilisateurs par des portraits virtuels, réalisés grâce à un générateur d’avatars ludiques et décalés.

Grâce au générateur, l’utilisateur peut aussi croquer le portrait de la personne recherchée. Chacun des éléments constituant les portraits numériques des utilisateurs sont indexés dans une base de donnée. Un algorithme est utilisé pour classer par ordre de ressemblance décroissante les différents portraits lors de l’affichage des résultats.

Cette recherche est complétée par un certain nombre d’autres critères (âge, localisation, taille, poids, goûts…) afin d’affiner le profil de la personne recherchée en filtrant les fiches incompatibles. Pour communiquer entre eux, les utilisateurs doivent d’abord envoyer un « sourire » qui, s’il est accepté, autorise l’envoi d’un premier messages et permet d’initier un dialogue.

Enfin, une galerie privée permet également de dévoiler ses photos, au cas par cas, lorsque les utilisateurs se sentent suffisamment à l’aise l’un avec l’autre, pour accepter de se montrer tels qu’ils sont.

       

Reset

Équipe :

Manon Jouet (Designeuse) – Ivan Daum (Développeur) –  Cécile Delmon (Développeuse) – Florian Moreau (Designer)

Formation :

Bachelor « Designer & Développeur Interactif  » 2017

Technologies :

socket.iothreejs

Durée du projet :

6 mois

Dossier de conception :  Reset

Pitch :

Reset est une expérience collaborative dans laquelle les joueurs vont devoir ré-illuminer leur monde. En collaborant en temps réel, ils débloqueront des obstacles afin de ramener la lumière.

 

Resonance

                  

Équipe :  Alexandre Transon  (Développeur) – Fatma Laadhari (Designer) – Bilal Addi (Designer) – Ibrahim Menzel (Développeur)

Formation : BDDI 2017

Technologies : WebGL – JS – Node – WebSocket

Durée du projet : 6 mois

Dossier de conception : Dossier de conception

Lien : http://rsnc.co

Pitch : Resonance est une expérience cinématographique interactive et collaborative.

La ville est en proie à une sombre menace, vous devez tout faire pour y ramener la lumière

Le récit se compose en trois actes. On commence tout d’abord au Crépuscule dans une ville brumeuse, complètement déserte où l’on sent qu’un cataclysme semble se préparer. Puis nous nous réfugions dans une zone abstraite appelé Nuit Blanche, un univers spatial où va se dérouler la majorité de nos péripéties. Et enfin, nous retournerons dans la ville à l’Aube dans une ville beaucoup plus apaisée et lumineuse.

 

Médias :

 

 

 

 

 

 

AllSessions

Equipe :

Marine Loth (UX designer/directrice artistique) – Mikael Hakmi (UX/game designer) – Nathalie Caroff (UX/UI designer)

Formation : Certification UX Design (2016-2017)

Durée du projet : 4 mois

Dossier de conception : dossier AllSessions

Pitch :

Faciliter et encourager la pratique du sport

AllSessions est une start-up, créée en 2016, favorisant la rencontre entre sportifs, passionnés par les sports outdoor, via une plateforme internet. Début 2017, elle élargit son offre à l’entreprise et à tous types de sport. Son concept : faciliter l’accès à la pratique sportive des salariés avec une offre sur-mesure, adaptée à leurs envies et contraintes.

Notre mission : unifier la plateforme individuelle (allsessions.club) et le site vitrine à destination des entreprises (allsessions.fr)

A la suite d’entretiens réalisés auprès de 16 utilisateurs potentiels, nous avons réalisé qu’un des freins majeurs à la pratique sportive est le manque de motivation.

La plus-value de l’offre : donner la motivation pour se bouger.

L’aspect ludique, par la gamification, et l’esprit d’équipe, par la création d’une communauté, y sont développés. La motivation est renforcée par un accompagnement personnalisé (module d’aide, messagerie et relance par email / sms).

 

Centre de Formation des Journalistes

Elisabeth Demerliac (directrice technique),
Ronan Lefrançois (directeur artistique – UI designer),
Caroline Levy-Rossant (chef de projet),
Ripa Manukyan (UX designer)
Mathilde Maufras (Architecte de l’information-UX designer)
Anne Mayeras (UX designer)

Formation : CRPL 2017

Technologies : WordPress-HTML5-CSS3-JavaScript-jQuery-PHP-Ajax

Durée du projet : 3 mois

Dossier de conception : CFJ_CRPL2017_dossier

Lien : http://www.cfjparis.com/

Pitch : Le site du CFJ a été réalisé dans le cadre de la formation « Conception et réalisation de produits en ligne » (promotion 2017).

Le contexte :
La refonte de son site internet « www.cfjparis.com » devait répondre à la problématique suivante  :  comment dynamiser le site du CFJ
tout en gardant son image statutaire et institutionnelle ?

Pour revisiter le site du CFJ afin qu’il devienne le reflet de la modernité et du dynamisme de l’école, c’est à dire une institution qui place la pédagogie de terrain au centre de l’accompagnement de ses élèves, il a été nécessaire de :
• travailler sur le contenu existant du site en réalisant son inventaire pour concevoir une navigation adaptée aux besoins des utilisateurs ;
• intégrer le site de l’école W – tout en minimisant sa place actuelle sur la page d’accueil- pour valoriser la dimension digitale de votre offre de formation et fluidifier la navigation ;
• imaginer une charte graphique qui s’inscrive dans les tendances actuelles ;
• simplifier la mise à jour du contenu du site en créant une interface «back-office» simple et intuitive ;
• imaginer une navigation différente selon le profil de l’utilisateur : le CFJ s’adresse à ses publics, nombreux et aux objectifs différents.

Le nouveau site du CFJ se présente comme une visite immersive dans une maison-laboratoire, vivante et créative, où les futurs journalistes expérimentent les nouvelles techniques de médias en pleine mutation.
Des séquences vidéo accompagnent le visiteur dans les principales rubriques de l’arborescence, notamment dans les pages destinées aux candidats, à leurs parents et aux professionnels. Dès la page d’accueil, une visite guidée, reprenant l’ensemble de ces vidéos, fait découvrir les lieux emblématiques de l’école. Elle est calquée sur le parcours de l’étudiant, depuis son entrée dans l’école jusqu’à son insertion professionnelle.

 

 

 

DR SKETCHY Paris

Anne Morel (Directrice artistique/UI Designer) – Olivia Houbert (UX Designer) – Nicolas Serginsky (Directeur technique) – Laurent Debouit (Chef de projet)

Formation : CRPL 2017

Technologies : WordPress-HTML5-CSS3-JavaScript-jQuery-PHP

Durée du projet : 3 mois

Dossier de conception :  Télécharger (62mo)

Lien : www.drsketchy.fr

 

Pitch : Le site de Dr Sketchy a été réalisé dans le cadre de la formation « Conception et réalisation de produits en ligne » (promotion 2017).

Le contexte : Dr Skecthy’s Anti Art School Paris est une société américaine créée à New York en 2005. En 2011, le concept s’est importé en France en créant la branche parisienne Dr Sketchy Paris. L’activité de Dr Sketchy Paris consiste à organiser des ateliers éphémères de dessin de modèles vivants. Dans le but de dépoussiérer les cours de dessin classiques jugés ennuyeux, les modèles sont en costumes historiques et chaque séance de dessin se déroule dans un lieu atypique (un cabaret, un musée…).

Suite à des problèmes techniques, le site de la branche parisienne a été perdu ainsi qu’une partie des images liées aux événements. De ce fait, et dans le but de poursuivre son activité, Dr Sketchy a besoin d’un nouveau site web.

Notre réalisation : le site tourne autour de deux fonctionnalités majeures qui sont l’inscription aux événements et le partage de dessins réalisés. Il contient un espace membre ou chacun peut partager ses réalisations, ses infos et sites personnels et une galerie photo par événement. Beaucoup d’automatisations ont été mises en place afin de faciliter la gestion du site et de limiter les contributions de l’équipe gérante. Le graphisme du site est centré sur les notions de dessin et de mystère, tout en restant intemporel.