ux design pour la conception de projets interactifs #transmedia #webdoc

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

Upload: charles-ayats

Post on 28-Nov-2014

1.369 views

Category:

Design


1 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Ux design pour la conception de projets interactifs #transmedia #webdoc

UX DESIGN POUR LA CONCEPTION DE PROJETS INTERACTIFSCHARLES AYATS . 2014

Page 3: Ux design pour la conception de projets interactifs #transmedia #webdoc

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

Page 4: Ux design pour la conception de projets interactifs #transmedia #webdoc

L’IMAGINAIRE ET LE TRANSMEDIA

Page 5: Ux design pour la conception de projets interactifs #transmedia #webdoc

L’IMAGINAIRE ET LE TRANSMEDIA LA VEILLE DE L’INSPIRATION

ORGANISER SA VEILLE

Twitter, veille par hastag, liste,... #transmedia #webdoc #storytelling #transmedia #webdoc #webdocu #idocsPinterest, Instapaper, ClipularNetvibes, Google ReaderPearltrees

FOLLOW THE 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 / ...

Page 6: Ux design pour la conception de projets interactifs #transmedia #webdoc

«FAIL FAST...TO SUCCEED SOONER»

Page 7: Ux design pour la conception de projets interactifs #transmedia #webdoc

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 (un modèle mental) d’un point de contact à un autre, en évitant toutes dissonances (nommage, organisation, ordre, synchronisation des différents paramètres spatiaux temporels).

Sylvie Daumal, Eyrolles

Page 8: Ux design pour la conception de projets interactifs #transmedia #webdoc

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

Page 9: Ux design pour la conception de projets interactifs #transmedia #webdoc

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)

Page 13: Ux design pour la conception de projets interactifs #transmedia #webdoc

PERTURBEZ LES SENS