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

Click here to load reader

  • date post

    28-Nov-2014
  • Category

    Design

  • view

    1.366
  • download

    1

Embed Size (px)

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 of Ux design pour la conception de projets interactifs #transmedia #webdoc

  • 1. UX DESIGN POUR LA CONCEPTION DE PROJETS INTERACTIFS CHARLES AYATS . 2014
  • 2. Dfinition User eXperience LEXPERIENCE, UN PROCESSUS PSYCHOLOGIQUE Lexprience utilisateur est comprendre comme la perception et le ressenti dun individu qui utilise un systme dans le contexte dune interaction humain-machine. Lexprience est mouvante, elle se transforme, la premire dcouverte nest pas comparable la familiarit qui nait de la succession des utilisations. Lhumeur jouera sur le degr de tolrance ou de patience. Sylvie Daumal, Eyrolles De ce fait il faut se concentrer sur lexprience propose dans un parcours mais aussi sur le souvenir laiss par lexprience. Start strong, END Strong D. Norman
  • 3. LIMAGINAIRE ET LETRANSMEDIA
  • 4. LAVEILLE DE LINSPIRATION 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 numrique] Creative Application, NotCot, Fubiz, Google Lab, Codesign,... [Ides] Kickstarter / Storycode / Hackathon / Artgame / Eniarof ... [Interactive story] Webdocu.fr / Transmedialab / TIU / doclab.org / docubase.upian.com/ momentsofinnovation.mit.edu/ ... [Games ] Gamesforchange.org / Merlanfrit / ...
  • 5. FAIL FAST...TO SUCCEED SOONER
  • 6. PROCESSUS DE lUX L UX designer en charge des dispositifs ne se demande pas comment faire une application ? mais quel est le rle des points de contact dans le parcours global de lutilisateur ? + Canal de diffusion (internet, espace public, presse, rseaux sociaux IRL,...) + Point de contact (cran tactile, brochure, lapp, la page Facebook,..), + Linteraction Lopration entre lutilisateur et le service au point de contact : consultation, impression, envoie du message, achat,... Dans une exprience transmedia, la force mettre en uvre est de prserver une continuit cognitive(unmodlemental)dunpointdecontactunautre,envitanttoutesdissonances(nommage, organisation, ordre, synchronisation des diffrents paramtres spatiaux temporels). Sylvie Daumal, Eyrolles
  • 7. BRIEF, CAHIER DES CHARGES Reformuler la demande, dfinir les objectifs Interviewer les parties prenantes Rpertorier tous les contenus Observez >> Interviews, enqutes, usages, sondages,... Les personas peuvent tre des repres tout le long du projet Visez une experience mmorable : Simple (Plusieurs parties, plutot quune complexe) Innattendu (Easter Eggs dun systeme cf. PJ Gmail) Concret (Allger la charge cognitive, ex Twitter, la date est en absolue) Crdible (Tmoignages vrifiables, chiffres,...) Emotionnel (Design Emotionnel, Contraste, Mettre en avant les hommes,Lharmonie,...) Scnaris ( Histoires, anecdotes, narration, pas seulement plaisante mais mmorable). PROCESSUS DE lUX
  • 8. PROCESSUS DE lUX LIDEATION Importance de la pluridisciplinarit (brainstorming en quipe, gnrer le plus dides possibles / cf. Cours de poterie). Atelier Brainsto : suspendre son jugement / encourager les ides folles, construire sur les ides des autres, chercher la quantit. Croquis Structurez > Arborescence Benchmarking PROTOTYPE Wireframing (Balsamiq, Cacoo,... ) Zooning interactif (cf. Pop)
  • 9. LES DATAVISUALISATIONS
  • 10. FACEBOOK CONNEXION
  • 11. LE PARTICIPATIF CREATIF
  • 12. PERTURBEZ LES SENS
  • 13. HORS ECRAN / OBJETS CONNECTES
  • 14. #IRL
  • 15. QUAND LE DOCUMENTAIRE SINSPIRE DU JEU
  • 16. NEWSGAMES