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 contraintesdu client 
01L’UX
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 développement d'un produit
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 contexte et du projet 
02 LA CCU
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égatifs 
Interview Utilisateurs 
03 RECHERCHE
“If I had asked people what they wanted, they would have said faster horses.” 
Henry Ford 
Interviews Utilisateurs 
03 RECHERCHE
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, Humeur, Etat d’esprit 
Activités, scénario 
PERSONA 
03 RECHERCHE
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 quantité et non la qualité 
Le + : la pluridisciplinarité 
Applied imagination: Principles and Procedures of Creative Problem Solving 
Brainstorming 
03 IDEATION
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 
Usingsketchboardsto design greatuser interfaces 
03 IDEATION
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, Prototypes, le plus souvent possible. 
Fail faster, succeedsooner 
David Kelley, founderof IDEO 
03 PROD.
“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(Flat, almostflat…)… 
03 PROD.
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 conception 
10€en phase de développement 
100€ou plus après la mise en production 
MCAfee 
90% de support en moins
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

201409 tic-valley-innovation day-ux - copy

  • 1.
    Tour d’horizon TICValley Innovation Day 25 septembre. 2014
  • 2.
  • 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 duFabricant 01L’UX
  • 6.
    Ce qui arrivesans prendre en compte l’utilisateur 01L’UX
  • 7.
    Ce qui arrivesans prendre en compte l’utilisateur 01L’UX
  • 8.
    Avec une réflexionUX et une méthodologie en place 01L’UX
  • 9.
    L’UX c’estavanttout comprendrelesbesoinsdes utilisateursfinauxet créerle produitqui leurcorrespond…enprenantencompteles contraintesdu client 01L’UX
  • 10.
    L’UX c’esttout cequi tourne autour de l’interaction d’un utilisateur avec un produit 01L’UX
  • 11.
    Ce n’est passimplement 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 modificationdans 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’observationdes 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 5Whys, Ecoute active, Verbalisation Habitude, Comportements, Attentes Besoins, Points négatifs Interview Utilisateurs 03 RECHERCHE
  • 21.
    “If I hadasked people what they wanted, they would have said faster horses.” Henry Ford Interviews Utilisateurs 03 RECHERCHE
  • 22.
    Shadowing One dayinlife 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, échangesavec 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 Versionhié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 encontinu Planches de tendances basées sur des valeurs et des concepts formels génériques 03 IDEATION
  • 30.
    Réalisation concrète del’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 notfailed. I’vejustfind10,000 waysthatwon’twork Thomas A. Edison Tester 03 PROD.
  • 39.
    Visual Design Apportde la partie émotionnelle et visuelle Griddesign, White space, Focus visuel, Branding, Trending(Flat, almostflat…)… 03 PROD.
  • 40.
  • 41.
  • 42.
    Ordredu jour UX,UIde quoi parlons-nous ? 01 La Conception CentréeUtilisateur 02 Comment fait-on ? 03 REX 04
  • 43.
    04 REX RobertPressman «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 ProjetWeb Investir dans l’UX Réduit le temps de dévjusqu’à 50% Données StrategicDataSystem
  • 45.
  • 46.
  • 47.