+ All Categories
Home > Design > 201409 tic-valley-innovation day-ux - copy

201409 tic-valley-innovation day-ux - copy

Date post: 02-Jul-2015
Category:
Upload: axel-nemeth
View: 398 times
Download: 2 times
Share this document with a friend
Description:
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.
47
Tour d’horizon TIC Valley Innovation Day 25 septembre. 2014
Transcript
Page 1: 201409 tic-valley-innovation day-ux - copy

Tour d’horizonTIC Valley Innovation Day 25septembre. 2014

Page 2: 201409 tic-valley-innovation day-ux - copy

JOCELYN TRICOIREAXEL NEMETH

Page 3: 201409 tic-valley-innovation day-ux - copy

Ordre du jour

UX, UI de quoi parlons-nous ?

01La Conception CentréeUtilisateur

02Comment fait-on ?

03REX

04

Page 4: 201409 tic-valley-innovation day-ux - copy

01 L’UXNotre sujet :

Faire de la nourriture pour chat

Le fabricant

Les propriétaires

L‘équipe UX

Page 5: 201409 tic-valley-innovation day-ux - copy

La demande du Fabricant

01 L’UX

Page 6: 201409 tic-valley-innovation day-ux - copy

Ce qui arrive sans prendre en compte l’utilisateur

01 L’UX

Page 7: 201409 tic-valley-innovation day-ux - copy

Ce qui arrive sans prendre en compte l’utilisateur

01 L’UX

Page 8: 201409 tic-valley-innovation day-ux - copy

Avec une réflexion UX et une méthodologie en place

01 L’UX

Page 9: 201409 tic-valley-innovation day-ux - copy

L’UX c’est avant tout comprendre les besoins des utilisateurs finaux et créerle produit qui leur correspond…enprenant en compte les contraintes du client

01 L’UX

Page 10: 201409 tic-valley-innovation day-ux - copy

L’UX c’est tout ce qui tourne autour de l’interaction d’un utilisateur avec un produit

01 L’UX

Page 11: 201409 tic-valley-innovation day-ux - copy

Ce n’est pas simplement l’interface visuelle d’un produit

01 L’UX

Page 12: 201409 tic-valley-innovation day-ux - copy

Ordre du jour

UX, UI de quoi parlons-nous ?

01La Conception CentréeUtilisateur

02Comment fait-on ?

03REX

04

Page 13: 201409 tic-valley-innovation day-ux - copy

02 LA CCUDémarche de conception où les besoins des utilisateurs finaux sont pris en compte à chaque étape du processus de développement d'un produit

Page 14: 201409 tic-valley-innovation day-ux - copy

Incertitude

Spécifications Réalisation Déploiement Corrections

Déroulement d’un projet classique

02 LA CCU

Page 15: 201409 tic-valley-innovation day-ux - copy

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

Page 16: 201409 tic-valley-innovation day-ux - copy

Incertitude Certitude

Recherche Création/idéation Production

Représentation de Damien Newman - Central

02 LA CCU

Page 17: 201409 tic-valley-innovation day-ux - copy

Ordre du jour

UX, UI de quoi parlons-nous ?

01La Conception CentréeUtilisateur

02Comment fait-on ?

03REX

04

Page 18: 201409 tic-valley-innovation day-ux - copy

Une phase d’observation des utilisateurs et du contexte, de compréhension et d’analyse

CCU

03 RECHERCHE

Page 19: 201409 tic-valley-innovation day-ux - copy

Etudes statistiques

Benchmarking

Autodocumentation (Photos, Vidéos)

CONTEXTE

03 RECHERCHE

Page 20: 201409 tic-valley-innovation day-ux - copy

Questionnaire semi-directif

5 Whys, Ecoute active, Verbalisation

Habitude, Comportements, Attentes Besoins, Points négatifs

Interview Utilisateurs

03 RECHERCHE

Page 21: 201409 tic-valley-innovation day-ux - copy

“If I had asked people what they wanted, they would have said faster horses.”Henry Ford

Interviews Utilisateurs

03 RECHERCHE

Page 22: 201409 tic-valley-innovation day-ux - copy

Shadowing

One day in life

Fly-on-the wall

Non-dits, usages réels, Scenarii

Observation Utilisateur

03 RECHERCHE

Page 23: 201409 tic-valley-innovation day-ux - copy

Alan Cooper

Nom, Prénom, Photographie, CaractèreAge, Revenu, Résidence, situation de familleMotivations et objectifs, Humeur, Etat d’espritActivités, scénario

PERSONA

03 RECHERCHE

Page 24: 201409 tic-valley-innovation day-ux - copy

Foisonnement créatif, échanges avec les équipes projet, créativité

CCU

03 IDEATION

Page 25: 201409 tic-valley-innovation day-ux - copy

Culture

Attitude

Creative engineTina Seelig (inGenius: A Crash

Course on creativity)

03 IDEATION

Page 26: 201409 tic-valley-innovation day-ux - copy

Alex F. Osborn (1953)

1 sujet, 1 responsable des débatsTout est permis, tout est notéPas de jugementChercher la quantité et non la qualitéLe + : la pluridisciplinarité

Applied imagination: Principles and Procedures of Creative Problem Solving

Brainstorming

03 IDEATION

Page 27: 201409 tic-valley-innovation day-ux - copy

Cartographie conceptuelle

Version hiérarchisée du brainstorming

03 IDEATION

Page 28: 201409 tic-valley-innovation day-ux - copy

Six-to-One

James downes 2010

Papier et crayon6 versions en temps limité (5-10 min)1 version commune plus détaillée

Using sketchboards to design great user interfaces

03 IDEATION

Page 29: 201409 tic-valley-innovation day-ux - copy

TRENDING

Veille en continuPlanches de tendances basées sur des valeurs et des concepts formels génériques

03 IDEATION

Page 30: 201409 tic-valley-innovation day-ux - copy

Réalisation concrète de l’expérience, de l’interface, via des mockups et visuels, des prototypes…

CCU

03 PROD.

Page 31: 201409 tic-valley-innovation day-ux - copy

Avant de commencer

NOUS NE VOULONS PAS

TRAVAILLEROU REFLECHIR PLUS QUE NECESSAIRE

Page 32: 201409 tic-valley-innovation day-ux - copy

Avant de commencer

NOS CAPACITESCOGNITIVESET NOTRE MEMOIRESONT LIMITEES

Page 33: 201409 tic-valley-innovation day-ux - copy

Avant de commencer

NOUS FAISONS DES

ERREURS

Page 34: 201409 tic-valley-innovation day-ux - copy

Avant de commencer

NOUS PERCEVONSDES FORMES AVANT LES DETAILS

Page 35: 201409 tic-valley-innovation day-ux - copy

Avant de commencer

NOUS DECOUPONSL’INFORMATIONEN GROUPESPOUR LA COMPRENDRE

Page 36: 201409 tic-valley-innovation day-ux - copy

Paper firstLow fidelityPas de visual designOutils : Balsamiq, UXPin, Axure

Wireframes

03 PROD.

Page 37: 201409 tic-valley-innovation day-ux - copy

Tests Utilisateurs

Améliorer / Valider les hypothèses

Détecter les erreurs & corriger

Tests wireframes, Design, Prototypes, le plus souvent possible.

Fail faster, succeed sooner

David Kelley, founder of IDEO

03 PROD.

Page 38: 201409 tic-valley-innovation day-ux - copy

“If I have not failed. I’ve just find 10,000 ways that won’tworkThomas A. Edison

Tester

03 PROD.

Page 39: 201409 tic-valley-innovation day-ux - copy

Visual Design

Apport de la partie émotionnelle et visuelle

Grid design, White space, Focus visuel, Branding, Trending (Flat, almost flat…)…

03 PROD.

Page 40: 201409 tic-valley-innovation day-ux - copy

Visual Design

03 PROD.

Page 41: 201409 tic-valley-innovation day-ux - copy

Visual Design

03 PROD.

Page 42: 201409 tic-valley-innovation day-ux - copy

Ordre du jour

UX, UI de quoi parlons-nous ?

01La Conception CentréeUtilisateur

02Comment fait-on ?

03REX

04

Page 43: 201409 tic-valley-innovation day-ux - copy

04 REX

Robert Pressman« Software Engineering: A Practitioner’s Approach »

Résolution d’un problème :1€ en phase de conception

10€ en phase de développement100€ ou plus après la mise en production

MCAfee90% de support en moins

Page 44: 201409 tic-valley-innovation day-ux - copy

04 REX

Projet Web

Investir dans l’UX Réduit le temps de dév jusqu’à 50%

Données StrategicDataSystem

Page 45: 201409 tic-valley-innovation day-ux - copy

04

NETExplorer

Page 46: 201409 tic-valley-innovation day-ux - copy

04NET Explorer

Page 47: 201409 tic-valley-innovation day-ux - copy

04NET Explorer


Recommended