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.

1. Tour d’horizon
TIC Valley Innovation Day
25
septembre. 2014

2. JOCELYN TRICOIRE
AXEL NEMETH

3. Ordredu jour
UX, UIde quoi parlons-nous ?
01
La Conception CentréeUtilisateur
02
Comment fait-on ?
03
REX
04

4. 01L’UX
Notre sujet:
Faire de la nourriturepour chat
Le fabricant
Les propriétaires
L‘équipe UX

5. La demande du Fabricant
01L’UX

6. Ce qui arrive sans prendre en compte l’utilisateur
01L’UX

7. Ce qui arrive sans prendre en compte l’utilisateur
01L’UX

8. Avec une réflexion UX et une méthodologie en place
01L’UX

9. L’UX c’estavanttout comprendreles besoinsdes utilisateursfinauxet créerle produitqui leurcorrespond…enprenantencompteles contraintesdu client
01L’UX

10. L’UX c’esttout ce qui tourne autour de l’interaction d’un utilisateur avec un produit
01L’UX

11. Ce n’est pas simplement l’interface visuelle d’un produit
01L’UX

12. Ordredu jour
UX, UIde quoi parlons-nous ?
01
La Conception CentréeUtilisateur
02
Comment fait-on ?
03
REX
04

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. Incertitude
Spécifications
Réalisation
Déploiement
Corrections
Déroulement d’un projet classique
02 LA CCU

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. Incertitude
Certitude
Recherche
Création/idéation
Production
Représentation de Damien Newman -Central
02 LA CCU

17. Ordredu jour
UX, UIde quoi parlons-nous ?
01
La Conception CentréeUtilisateur
02
Comment fait-on ?
03
REX
04

18. Une phase d’observation des utilisateurs et du contexte, de compréhension et d’analyse
CCU
03 RECHERCHE

19. Etudes statistiques
Benchmarking
Autodocumentation(Photos, Vidéos)
CONTEXTE
03 RECHERCHE

20. Questionnaire semi-directif
5 Whys, Ecoute active, Verbalisation
Habitude, Comportements, Attentes Besoins, Points négatifs
Interview Utilisateurs
03 RECHERCHE

21. “If I had asked people what they wanted, they would have said faster horses.”
Henry Ford
Interviews Utilisateurs
03 RECHERCHE

22. Shadowing
One dayin life
Fly-on-the wall
Non-dits, usages réels, Scenarii
Observation Utilisateur
03 RECHERCHE

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. Foisonnement créatif, échanges avec les équipes projet, créativité
CCU
03 IDEATION

25. Culture
Attitude
Creativeengine
Tina Seelig(inGenius: A Crash Course on creativity)
03 IDEATION

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. Cartographie conceptuelle
Version hiérarchiséedu brainstorming
03 IDEATION

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. TRENDING
Veille en continu
Planches de tendances basées sur des valeurs et des concepts formels génériques
03 IDEATION

30. Réalisation concrète de l’expérience, de l’interface, via des mockupset visuels, des prototypes…
CCU
03 PROD.

31. Avant de commencer
NOUS NE VOULONS PAS
TRAVAILLER
OU REFLECHIR
PLUS QUE NECESSAIRE

32. Avant de commencer
NOS CAPACITES
COGNITIVES
ET NOTRE MEMOIRE
SONT LIMITEES

33. Avant de commencer
NOUS FAISONS DES
ERREURS

34. Avant de commencer
NOUS PERCEVONS
DES FORMES
AVANT LES DETAILS

35. Avant de commencer
NOUS DECOUPONS
L’INFORMATION
EN GROUPES
POUR LA COMPRENDRE

36. Paper first
Lowfidelity
Pas de visualdesign
Outils : Balsamiq, UXPin, Axure
Wireframes
03 PROD.

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. “If Ihave not failed. I’vejustfind10,000 waysthatwon’twork
Thomas A. Edison
Tester
03 PROD.

39. Visual Design
Apport de la partie émotionnelle et visuelle
Griddesign, White space, Focus visuel, Branding, Trending(Flat, almostflat…)…
03 PROD.

40. Visual Design
03 PROD.

41. Visual Design
03 PROD.

42. Ordredu jour
UX, UIde quoi parlons-nous ?
01
La Conception CentréeUtilisateur
02
Comment fait-on ?
03
REX
04

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. 04 REX
Projet Web
Investir dans l’UX
Réduit le temps de dévjusqu’à 50%
Données StrategicDataSystem

45. 04
NETExplorer

46. 04
NET Explorer

47. 04
NET Explorer