201409 tic-valley-innovation day-ux - copy

Post on 02-Jul-2015

397 Views

Category:

Design

2 Downloads

Preview:

Click to see full reader

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.

TRANSCRIPT

Tour d’horizonTIC Valley Innovation Day 25septembre. 2014

JOCELYN TRICOIREAXEL NEMETH

Ordre du jour

UX, UI de quoi parlons-nous ?

01La Conception CentréeUtilisateur

02Comment fait-on ?

03REX

04

01 L’UXNotre sujet :

Faire de la nourriture pour chat

Le fabricant

Les propriétaires

L‘équipe UX

La demande du Fabricant

01 L’UX

Ce qui arrive sans prendre en compte l’utilisateur

01 L’UX

Ce qui arrive sans prendre en compte l’utilisateur

01 L’UX

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

01 L’UX

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

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

01 L’UX

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

01 L’UX

Ordre du jour

UX, UI de quoi parlons-nous ?

01La Conception CentréeUtilisateur

02Comment fait-on ?

03REX

04

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

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

Ordre du jour

UX, UI de quoi parlons-nous ?

01La Conception CentréeUtilisateur

02Comment fait-on ?

03REX

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 day in life

Fly-on-the wall

Non-dits, usages réels, Scenarii

Observation Utilisateur

03 RECHERCHE

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

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

CCU

03 IDEATION

Culture

Attitude

Creative engineTina Seelig (inGenius: A Crash

Course on creativity)

03 IDEATION

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

Cartographie conceptuelle

Version hiérarchisée du brainstorming

03 IDEATION

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

TRENDING

Veille en continuPlanches 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 mockups et visuels, des prototypes…

CCU

03 PROD.

Avant de commencer

NOUS NE VOULONS PAS

TRAVAILLEROU REFLECHIR PLUS QUE NECESSAIRE

Avant de commencer

NOS CAPACITESCOGNITIVESET NOTRE MEMOIRESONT LIMITEES

Avant de commencer

NOUS FAISONS DES

ERREURS

Avant de commencer

NOUS PERCEVONSDES FORMES AVANT LES DETAILS

Avant de commencer

NOUS DECOUPONSL’INFORMATIONEN GROUPESPOUR LA COMPRENDRE

Paper firstLow fidelityPas de visual designOutils : 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, succeed sooner

David Kelley, founder of IDEO

03 PROD.

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

Tester

03 PROD.

Visual Design

Apport de la partie émotionnelle et visuelle

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

03 PROD.

Visual Design

03 PROD.

Visual Design

03 PROD.

Ordre du jour

UX, UI de quoi parlons-nous ?

01La Conception CentréeUtilisateur

02Comment fait-on ?

03REX

04

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

04 REX

Projet Web

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

Données StrategicDataSystem

04

NETExplorer

04NET Explorer

04NET Explorer

top related