201409 tic-valley-innovation day-ux - copy

1 112 vues

Publié le

Découvrez ce qu'est l'expérience utilisateur ainsi que la méthodologie de Conception Centrée Utilisateur. Vous découvrirez l'UX, l'UI, le brainstorming et d'autres méthodes pour vous aider dans la création d'interfaces.

Publié dans : Design
1 commentaire
4 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
1 112
Sur SlideShare
0
Issues des intégrations
0
Intégrations
41
Actions
Partages
0
Téléchargements
35
Commentaires
1
J’aime
4
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

201409 tic-valley-innovation day-ux - copy

  1. 1. Tour d’horizon TIC Valley Innovation Day 25 septembre. 2014
  2. 2. JOCELYN TRICOIRE AXEL NEMETH
  3. 3. Ordredu jour UX, UIde quoi parlons-nous ? 01 La Conception CentréeUtilisateur 02 Comment fait-on ? 03 REX 04
  4. 4. 01L’UX Notre sujet: Faire de la nourriturepour chat Le fabricant Les propriétaires L‘équipe UX
  5. 5. La demande du Fabricant 01L’UX
  6. 6. Ce qui arrive sans prendre en compte l’utilisateur 01L’UX
  7. 7. Ce qui arrive sans prendre en compte l’utilisateur 01L’UX
  8. 8. Avec une réflexion UX et une méthodologie en place 01L’UX
  9. 9. L’UX c’estavanttout comprendreles besoinsdes utilisateursfinauxet créerle produitqui leurcorrespond…enprenantencompteles contraintesdu client 01L’UX
  10. 10. L’UX c’esttout ce qui tourne autour de l’interaction d’un utilisateur avec un produit 01L’UX
  11. 11. Ce n’est pas simplement l’interface visuelle d’un produit 01L’UX
  12. 12. Ordredu jour UX, UIde quoi parlons-nous ? 01 La Conception CentréeUtilisateur 02 Comment fait-on ? 03 REX 04
  13. 13. 02 LA CCU Démarche deconceptionoù les besoins des utilisateurs finaux sont pris en compte à chaque étape du processus de développement d'un produit
  14. 14. Incertitude Spécifications Réalisation Déploiement Corrections Déroulement d’un projet classique 02 LA CCU
  15. 15. Coût d’une modification dans un projet* Spécifications Réalisation Déploiement Corrections *Données dépendantes du contexte et du projet 02 LA CCU
  16. 16. Incertitude Certitude Recherche Création/idéation Production Représentation de Damien Newman -Central 02 LA CCU
  17. 17. Ordredu jour UX, UIde quoi parlons-nous ? 01 La Conception CentréeUtilisateur 02 Comment fait-on ? 03 REX 04
  18. 18. Une phase d’observation des utilisateurs et du contexte, de compréhension et d’analyse CCU 03 RECHERCHE
  19. 19. Etudes statistiques Benchmarking Autodocumentation(Photos, Vidéos) CONTEXTE 03 RECHERCHE
  20. 20. Questionnaire semi-directif 5 Whys, Ecoute active, Verbalisation Habitude, Comportements, Attentes Besoins, Points négatifs Interview Utilisateurs 03 RECHERCHE
  21. 21. “If I had asked people what they wanted, they would have said faster horses.” Henry Ford Interviews Utilisateurs 03 RECHERCHE
  22. 22. Shadowing One dayin life Fly-on-the wall Non-dits, usages réels, Scenarii Observation Utilisateur 03 RECHERCHE
  23. 23. Alan Cooper Nom, Prénom, Photographie, Caractère Age, Revenu, Résidence, situation de famille Motivations et objectifs, Humeur, Etat d’esprit Activités, scénario PERSONA 03 RECHERCHE
  24. 24. Foisonnement créatif, échanges avec les équipes projet, créativité CCU 03 IDEATION
  25. 25. Culture Attitude Creativeengine Tina Seelig(inGenius: A Crash Course on creativity) 03 IDEATION
  26. 26. Alex F. Osborn(1953) 1 sujet, 1 responsable des débats Tout est permis, tout est noté Pas de jugement Chercher la quantité et non la qualité Le + : la pluridisciplinarité Applied imagination: Principles and Procedures of Creative Problem Solving Brainstorming 03 IDEATION
  27. 27. Cartographie conceptuelle Version hiérarchiséedu brainstorming 03 IDEATION
  28. 28. Six-to-One James downes2010 Papier et crayon 6 versions en temps limité (5-10 min) 1 version commune plus détaillée Usingsketchboardsto design greatuser interfaces 03 IDEATION
  29. 29. TRENDING Veille en continu Planches de tendances basées sur des valeurs et des concepts formels génériques 03 IDEATION
  30. 30. Réalisation concrète de l’expérience, de l’interface, via des mockupset visuels, des prototypes… CCU 03 PROD.
  31. 31. Avant de commencer NOUS NE VOULONS PAS TRAVAILLER OU REFLECHIR PLUS QUE NECESSAIRE
  32. 32. Avant de commencer NOS CAPACITES COGNITIVES ET NOTRE MEMOIRE SONT LIMITEES
  33. 33. Avant de commencer NOUS FAISONS DES ERREURS
  34. 34. Avant de commencer NOUS PERCEVONS DES FORMES AVANT LES DETAILS
  35. 35. Avant de commencer NOUS DECOUPONS L’INFORMATION EN GROUPES POUR LA COMPRENDRE
  36. 36. Paper first Lowfidelity Pas de visualdesign Outils : Balsamiq, UXPin, Axure Wireframes 03 PROD.
  37. 37. Tests Utilisateurs Améliorer / Valider les hypothèses Détecter les erreurs & corriger Tests wireframes, Design, Prototypes, le plus souvent possible. Fail faster, succeedsooner David Kelley, founderof IDEO 03 PROD.
  38. 38. “If Ihave not failed. I’vejustfind10,000 waysthatwon’twork Thomas A. Edison Tester 03 PROD.
  39. 39. Visual Design Apport de la partie émotionnelle et visuelle Griddesign, White space, Focus visuel, Branding, Trending(Flat, almostflat…)… 03 PROD.
  40. 40. Visual Design 03 PROD.
  41. 41. Visual Design 03 PROD.
  42. 42. Ordredu jour UX, UIde quoi parlons-nous ? 01 La Conception CentréeUtilisateur 02 Comment fait-on ? 03 REX 04
  43. 43. 04 REX Robert Pressman «Software Engineering: A Practitioner’sApproach» Résolution d’un problème : 1€en phase de conception 10€en phase de développement 100€ou plus après la mise en production MCAfee 90% de support en moins
  44. 44. 04 REX Projet Web Investir dans l’UX Réduit le temps de dévjusqu’à 50% Données StrategicDataSystem
  45. 45. 04 NETExplorer
  46. 46. 04 NET Explorer
  47. 47. 04 NET Explorer

×