Atelier/formation au www.labodeledition.com : UX design pour la conception de projets transmédias (Novembre 2013) / +update pour Intervention au CIFAP (Mars 2014)

1. UX DESIGN POUR LA CONCEPTION
DE PROJETS INTERACTIFS
CHARLES AYATS . 2014

3. Définition
User eXperience
L’EXPERIENCE, UN PROCESSUS PSYCHOLOGIQUE
« L’expérience utilisateur est à comprendre comme la perception et
le ressenti d’un individu qui utilise un système dans le contexte d’une
interaction humain-machine.
L’expérience est mouvante, elle se transforme, la première découverte
n’est pas comparable à la familiarité qui nait de la succession des
utilisations. L’humeur jouera sur le degré de tolérance ou de patience.»
Sylvie Daumal, Eyrolles
De ce fait il faut se concentrer sur l’expérience proposée dans un
parcours mais aussi sur le souvenir laissé par l’expérience.
«Start strong, END Strong»
D. Norman

4. L’IMAGINAIRE ET LETRANSMEDIA

5. LAVEILLE DE L’INSPIRATION
ORGANISER SAVEILLE
Twitter, veille par hastag, liste,...
#transmedia #webdoc #storytelling #transmedia #webdoc #webdocu #idocs
Pinterest, Instapaper, Clipular
Netvibes, Google Reader
Pearltrees
FOLLOWTHE LEADERS
[Webdesign] FWA, Awwards , SmashingMag, …
[Design numérique] Creative Application, NotCot, Fubiz, Google Lab, Codesign,...
[Idées] Kickstarter / Storycode / Hackathon / Artgame / Eniarof ...
[Interactive story] Webdocu.fr / Transmedialab / TIU / doclab.org /
docubase.upian.com/ momentsofinnovation.mit.edu/ ...
[Games ] Gamesforchange.org / Merlanfrit / ...

6. «FAIL FAST...TO SUCCEED SOONER»

7. PROCESSUS DE l’UX
• L’ UX designer en charge des dispositifs ne se demande pas « comment faire une application ? » mais
« quel est le rôle des points de contact dans le parcours global de
l’utilisateur ? »
+ Canal de diffusion (internet, espace public, presse, réseaux sociaux IRL,...)
+ Point de contact (écran tactile, brochure, l’app, la page Facebook,..),
+ L’interaction L’opération entre l’utilisateur et le service au point de contact :
consultation, impression, envoie du message, achat,...
• Dans une expérience transmedia, la force à mettre en œuvre est de préserver une continuité
cognitive(unmodèlemental)d’unpointdecontactàunautre,enévitanttoutesdissonances(nommage,
organisation, ordre, synchronisation des différents paramètres spatiaux temporels).
Sylvie Daumal, Eyrolles

8. BRIEF, CAHIER DES CHARGES
• Reformuler la demande, définir les objectifs
• Interviewer les parties prenantes
• Répertorier tous les contenus
• Observez >>
• Interviews, enquêtes, usages, sondages,...
• Les personas peuvent être des repères tout le long du projet
• Visez une experience mémorable :
Simple (Plusieurs parties, plutot qu’une complexe)
Innattendu (Easter Eggs d’un systeme cf. PJ Gmail)
Concret (Alléger la charge cognitive, ex Twitter, la date est en absolue)
Crédible (Témoignages vérifiables, chiffres,...)
Emotionnel (Design Emotionnel, Contraste, Mettre en avant les hommes,L’harmonie,...)
Scénarisé ( Histoires, anecdotes, narration, pas seulement plaisante mais mémorable).
PROCESSUS DE l’UX

9. PROCESSUS DE l’UX
L’IDEATION
• Importance de la pluridisciplinarité (brainstorming en équipe, générer le plus d’idées possibles / cf.
Cours de poterie).
Atelier Brainsto : suspendre son jugement / encourager les idées folles, construire sur les idées des
autres, chercher la quantité.
• Croquis
• Structurez > Arborescence
• Benchmarking
PROTOTYPE
• Wireframing (Balsamiq, Cacoo,... )
• Zooning interactif (cf. Pop)

10. LES DATAVISUALISATIONS

11. FACEBOOK CONNEXION

12. LE PARTICIPATIF CREATIF

13. PERTURBEZ LES SENS

14. HORS ECRAN / OBJETS CONNECTES

15. #IRL

16. QUAND LE DOCUMENTAIRE S’INSPIRE DU JEU

17. NEWSGAMES