Tour d’horizon 
TIC Valley Innovation Day 
25 
septembre. 2014
JOCELYN TRICOIRE 
AXEL NEMETH
Ordredu jour 
UX, UIde quoi parlons-nous ? 
01 
La Conception CentréeUtilisateur 
02 
Comment fait-on ? 
03 
REX 
04
01L’UX 
Notre sujet: 
Faire de la nourriturepour chat 
Le fabricant 
Les propriétaires 
L‘équipe UX
La demande du Fabricant 
01L’UX
Ce qui arrive sans prendre en compte l’utilisateur 
01L’UX
Ce qui arrive sans prendre en compte l’utilisateur 
01L’UX
Avec une réflexion UX et une méthodologie en place 
01L’UX
L’UX c’estavanttout comprendreles besoinsdes utilisateursfinauxet créerle produitqui leurcorrespond…enprenantencompteles c...
L’UX c’esttout ce qui tourne autour de l’interaction d’un utilisateur avec un produit 
01L’UX
Ce n’est pas simplement l’interface visuelle d’un produit 
01L’UX
Ordredu jour 
UX, UIde quoi parlons-nous ? 
01 
La Conception CentréeUtilisateur 
02 
Comment fait-on ? 
03 
REX 
04
02 LA CCU 
Démarche deconceptionoù les besoins des utilisateurs finaux sont pris en compte à chaque étape du processus de ...
Incertitude 
Spécifications 
Réalisation 
Déploiement 
Corrections 
Déroulement d’un projet classique 
02 LA CCU
Coût d’une modification dans un projet* 
Spécifications 
Réalisation 
Déploiement 
Corrections 
*Données dépendantes du co...
Incertitude 
Certitude 
Recherche 
Création/idéation 
Production 
Représentation de Damien Newman -Central 
02 LA CCU
Ordredu jour 
UX, UIde quoi parlons-nous ? 
01 
La Conception CentréeUtilisateur 
02 
Comment fait-on ? 
03 
REX 
04
Une phase d’observation des utilisateurs et du contexte, de compréhension et d’analyse 
CCU 
03 RECHERCHE
Etudes statistiques 
Benchmarking 
Autodocumentation(Photos, Vidéos) 
CONTEXTE 
03 RECHERCHE
Questionnaire semi-directif 
5 Whys, Ecoute active, Verbalisation 
Habitude, Comportements, Attentes Besoins, Points négat...
“If I had asked people what they wanted, they would have said faster horses.” 
Henry Ford 
Interviews Utilisateurs 
03 REC...
Shadowing 
One dayin life 
Fly-on-the wall 
Non-dits, usages réels, Scenarii 
Observation Utilisateur 
03 RECHERCHE
Alan Cooper 
Nom, Prénom, Photographie, Caractère 
Age, Revenu, Résidence, situation de famille 
Motivations et objectifs,...
Foisonnement créatif, échanges avec les équipes projet, créativité 
CCU 
03 IDEATION
Culture 
Attitude 
Creativeengine 
Tina Seelig(inGenius: A Crash Course on creativity) 
03 IDEATION
Alex F. Osborn(1953) 
1 sujet, 1 responsable des débats 
Tout est permis, tout est noté 
Pas de jugement 
Chercher la quan...
Cartographie conceptuelle 
Version hiérarchiséedu brainstorming 
03 IDEATION
Six-to-One 
James downes2010 
Papier et crayon 
6 versions en temps limité (5-10 min) 
1 version commune plus détaillée 
U...
TRENDING 
Veille en continu 
Planches de tendances basées sur des valeurs et des concepts formels génériques 
03 IDEATION
Réalisation concrète de l’expérience, de l’interface, via des mockupset visuels, des prototypes… 
CCU 
03 PROD.
Avant de commencer 
NOUS NE VOULONS PAS 
TRAVAILLER 
OU REFLECHIR 
PLUS QUE NECESSAIRE
Avant de commencer 
NOS CAPACITES 
COGNITIVES 
ET NOTRE MEMOIRE 
SONT LIMITEES
Avant de commencer 
NOUS FAISONS DES 
ERREURS
Avant de commencer 
NOUS PERCEVONS 
DES FORMES 
AVANT LES DETAILS
Avant de commencer 
NOUS DECOUPONS 
L’INFORMATION 
EN GROUPES 
POUR LA COMPRENDRE
Paper first 
Lowfidelity 
Pas de visualdesign 
Outils : Balsamiq, UXPin, Axure 
Wireframes 
03 PROD.
Tests Utilisateurs 
Améliorer / Valider les hypothèses 
Détecter les erreurs & corriger 
Tests wireframes, Design, Prototy...
“If Ihave not failed. I’vejustfind10,000 waysthatwon’twork 
Thomas A. Edison 
Tester 
03 PROD.
Visual Design 
Apport de la partie émotionnelle et visuelle 
Griddesign, White space, Focus visuel, Branding, Trending(Fla...
Visual Design 
03 PROD.
Visual Design 
03 PROD.
Ordredu jour 
UX, UIde quoi parlons-nous ? 
01 
La Conception CentréeUtilisateur 
02 
Comment fait-on ? 
03 
REX 
04
04 REX 
Robert Pressman 
«Software Engineering: A Practitioner’sApproach» 
Résolution d’un problème : 
1€en phase de conce...
04 REX 
Projet Web 
Investir dans l’UX 
Réduit le temps de dévjusqu’à 50% 
Données StrategicDataSystem
04 
NETExplorer
04 
NET Explorer
04 
NET Explorer
Prochain SlideShare
Chargement dans…5
×

201409 tic-valley-innovation day-ux - copy

1 045 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 045
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

×