construire une réflexion

95
Design. De l’idée au produit. Construire une réflexion. HETIC #3 - Mars 2014

Upload: thomas-nicot

Post on 27-May-2015

227 views

Category:

Design


2 download

DESCRIPTION

Démarche/outils Intervention Design et méthodologie @hetic

TRANSCRIPT

Page 1: Construire une réflexion

Design. De l’idée au produit.

Construire une réflexion. HETIC #3 - Mars 2014

Page 2: Construire une réflexion

Concevoir : utiliser une démarche.

Page 3: Construire une réflexion

Le modèle du double diamant

Page 4: Construire une réflexion
Page 5: Construire une réflexion

Définition Planification et stratégie / POURQUOI ? COMMENT ?

Réalisation Fabriquer une solution dans un environnement de contraintes / QUOI ?

Page 6: Construire une réflexion

Définition Planification et stratégie / POURQUOI ? COMMENT ?

Réalisation Fabriquer une solution dans un environnement de contraintes / QUOI ?

Idée (Insight) Planification Lancement

Générateur d’idéesDéfi

nitions e

t beso

ins Conception itérative

Réalisa

tion et

implém

entation

Page 7: Construire une réflexion

Définition Planification et stratégie / POURQUOI ? COMMENT ?

Réalisation Fabriquer une solution dans un environnement de contraintes / QUOI ?

Idée (Insight)

Planification Lancement

le design rendre tangible la stratégiele design crée l’enchantement et des expérience engageantes

Générateur d’idéesDéfi

nitions e

t beso

ins Conception itérative

Réalisa

tion et

implém

entation

Page 8: Construire une réflexion

Définition Planification et stratégie / POURQUOI ? COMMENT ?

Réalisation Fabriquer une solution dans un environnement de contraintes / QUOI ?

Idée (Insight)

Planification Lancement

le design rendre tangible la stratégiele design crée l’enchantement et des expérience engageantes

Comprendre le marché

Comprendre l’usager

Stratégie produit

Idéation

Prototype

Stratégie d’expérience

Générateur d’idéesDéfi

nitions e

t beso

ins Conception itérative

Réalisa

tion et

implém

entation

Page 9: Construire une réflexion

Définition Planification et stratégie / POURQUOI ? COMMENT ?

Réalisation Fabriquer une solution dans un environnement de contraintes / QUOI ?

Idée (Insight)

Planification Lancement

le design rendre tangible la stratégie le design crée des expériences engageantes

Comprendre le marché

Comprendre l’usager

Stratégie produit

Idéation

Prototype

Stratégie d’expérience

Générateur d’idéesDéfi

nitions e

t beso

ins Conception itérative

Réalisa

tion et

implém

entation

Croquis

Prototypes

Tests prototype

Détailler la solution

Test utilisateur

Affiner

Fabriquer

Page 10: Construire une réflexion

Définition Planification et stratégie / POURQUOI ? COMMENT ?

Réalisation Fabriquer une solution dans un environnement de contraintes / QUOI ?

Idée (Insight)

Planification Lancement

le design rendre tangible la stratégie le design crée des expériences engageantes

Comprendre le marché

Comprendre l’usager

Stratégie produit

Idéation

Prototype

Stratégie d’expérience

Générateur d’idéesDéfi

nitions e

t beso

ins Conception itérative

Réalisa

tion et

implém

entation

Croquis

Prototypes

Tests prototype

Détailler la solution

Test utilisateur

Affiner

Fabriquer

Analyse

Page 11: Construire une réflexion

Les types de livrables

Page 12: Construire une réflexion

Définition Planification et stratégie / POURQUOI ? COMMENT ?

Réalisation Fabriquer une solution dans un environnement de contraintes / QUOI ?

Idée (Insight)

Planification Lancement

le design rendre tangible la stratégie le design crée des expériences engageantes

Comprendre le marché

Comprendre l’usager

Stratégie produit

Idéation

Prototype

Stratégie d’expérience

Croquis

Prototypes

Tests prototype

Détailler la solution

Test utilisateur

Affiner

Fabriquer

Veille concurrence Analyse des tendances

Personas/Profile Modèle Mental

Stotyboards Croquis

Proposition de valeur

Priorisation

Principes Design KPI

Vision Globale - Maquettes - Scénarios illustrés

ROADMAP Evolution produit

Croquis / Storyboard

Prototype fonctionnel Animation Interface

Test utilisateur

Wireframes Workflow Code Wireframes

Workflow Code

Code Styleguide

Design Chirugicale

Page 13: Construire une réflexion

Quelques références…

Page 14: Construire une réflexion

A lire

A utiliser

Page 15: Construire une réflexion

Creative Whack Pack

Ideo Method Cards

Mental Notes UX Techniques

A utiliser

Page 16: Construire une réflexion

une démarche organique…

Page 17: Construire une réflexion

Chercher!/!

Comprendre

Imaginer!/!

Réaliser

Implémenter!/!

Optimiser

Page 18: Construire une réflexion

utilisateurs/

usagers

CONCEPT/CREATIVITE

environnement

marque

entreprise

contenu

interaction

interface

aspects

visuels

PROTOTYPE/TEST AMELIORATION/OPTIMISATION

accompagnement

événementévolution

#1 ANALYSER/COMPRENDRE #2 IMAGINER/REALISER #3 IMPLEMENTER/OPTIMISER

Page 19: Construire une réflexion

Ecosystème

utilisateur

CONCEPT/CREATIVITE

Ecosystème

marché

Ecosystème

client

Contenu

Interaction

Interface

Identité

Visuelle

;`^`kXc\À

PROTOTYPE/TEST

Accompagnement

CommunicationEvolution

#1 ANALYSER/COMPRENDRE #2 IMAGINER/REALISER #3 PLANIFIER/IMPLEMENTER

Les principes Design

Concept/créativité

Positionnement

produit/serviceValider le produit

Spécifier le produit

Ajuster le produit

Page 20: Construire une réflexion

Ecosystème

utilisateur

CONCEPT/CREATIVITE

Ecosystème

marché

Ecosystème

client

Contenu

Interaction

Interface

Identité

Visuelle

;`^`kXc\À

PROTOTYPE/TEST

Accompagnement

CommunicationEvolution

#1 ANALYSER/COMPRENDRE #2 IMAGINER/REALISER #3 PLANIFIER/IMPLEMENTER

Les principes Design

Concept/créativité

Positionnement

produit/serviceValider le produit

Spécifier le produit

Ajuster le produit

Page 21: Construire une réflexion

#1!Analyser / Comprendre

Page 22: Construire une réflexion

utilisateur/usager

environnementmarqueentreprise

Page 23: Construire une réflexion

utilisateurusager

Page 24: Construire une réflexion

Comprendre l’autre, son environnement,

sa vie…

Page 25: Construire une réflexion

utilisateurusager

��<ehl�k\�\e�c`^e\��8eXcpj\�[\j�k�Z_\j��@em\ekX`i\�[l�Zfek\el��G\ijfeXj��JZ�eXi`f�[Ëlk`c`jXk\li��:Xik\�\og�i`\eZ\��<k_ef^iXg_`\��8l[`k�\i^fefd`\��K\jk$lk`c`jXk\li��:fdgi\e[i\�c\j��dfk`fej

Page 26: Construire une réflexion

Questionnaire en ligne ?

Page 27: Construire une réflexion
Page 28: Construire une réflexion

Parcours utilisateur ?

Page 29: Construire une réflexion
Page 30: Construire une réflexion
Page 31: Construire une réflexion
Page 32: Construire une réflexion

Empathie avec l’utilisateur ?

Page 33: Construire une réflexion

Isabelle is dying for some holidays.It’s February, she’s tired from work plus taking care of the home and kids all the time.

Last time she went on holidays to the Alps, she couldn’t really relax as she still had to take care of food and the kids...

Page 34: Construire une réflexion

. so now she wants to ensure she can relax while someone else looks after the kids.

She knows Club Med from past experience, and determines her solution is there, so she goes on to Google and searches for

“Club Med Easter family holidays ”

Page 35: Construire une réflexion

She scans the results page and clicks on the “ClubMed” link. She recognises the brand and knows their packages are all-inclusive.

She lands on the “Easter holidays offers” page, where Easter promos are clearly identified.She scans the results list.

So many wonderful places, but which one to choose?

Page 36: Construire une réflexion

Isabelle ticks additional options that matter to her, and the list of results is updated to fit her new requests

In the list, Isabelle can see starting- prices for each category of room available, and then notices infor- mations that are relevant to her: Children under 4 go free!

Page 37: Construire une réflexion

She selects a resort and is pre- sented with the resort page.She reads about the different room options and prices, and activities included in the Club Med pack- ages.There are also activities available as extras, but the starting prices for each reassure her they’re not that expensive.Surprisingly, spa and golf are the first activities proposed. Lucky.

She is pleased with what she sees. She notices a “Favorite” function, she clicks on it and the resort is added to her favorites list, so she can compare or share later with her husband.

Page 38: Construire une réflexion

She wants to compare with other alternatives before making up her mind, so she opens a new browser window to check out other holiday sites and compare prices and child- care offers.

A few days later she has made her decision, after having asked a friend about her experience with ClubMed.

So she returns to the CM site and is greeted with her saved favorites list presented inside a popin window.

She can resume her booking where she left off.

Page 39: Construire une réflexion

She picks one resort and initiates the reservation process by check- ing availability for her dates.

Great, there are rooms available for the dates she entered.She’s okay with the setup pro- posed, as it seems to be the best fit for her family.

Page 40: Construire une réflexion

She continues to pick a flight.The shortest trip door-to-door is a bit more expensive than the de- fault included in the proposition, but with three children to haul, it’s worth the investment.

Her cart has been updated with her flight change, and so has her price.Moving on to services.

Realizing she forgot to book the Baby Club, she hurries to do so, as there are only 2 places left.The other kids are already taken care of, their childcare is obviously included already.

And then, she picks a spa treat- ment, because she deserves it!

Page 41: Construire une réflexion

She enters her payment details... and personal info and is ready to book.

..and after payment has been veri- fied she receives a confirmation message and email with a com- plete holiday programme for the whole family

Page 42: Construire une réflexion
Page 43: Construire une réflexion

femmes 25/45 ans

L’utilisateur dans son environnement ?

Page 44: Construire une réflexion

Comprendre l’entreprise, la

marque...

Page 45: Construire une réflexion

marque produit

SYSTEME CLIENT��M`j`fe�\k�ZfeZ\ejlj���;�]`e`k`fe�[\j�fYa\Zk`]j�\k�\ea\lo��:fccXYfiXk`fe�nfibj_fg��@ek\im`\n�[`i`^\Xekj�]fZlj�gif[l`k&j\im`Z\��:fdgi�_\ej`fe�[\�cËfi^Xe`jXk`fe��;�]`e`k`fe�[\�cËf]]i\�gif[l`k&j\im`Z\��:fdgi�_\ej`fe�[\�cX�dXihl\

Page 46: Construire une réflexion

Une marque c’est quoi ?

playground !

Page 47: Construire une réflexion

“A brand is a person’s gut feeling about a product, service or organization.” !– Marty Neumeier

Page 48: Construire une réflexion

Extrait de “Brand U.O” de David Armano - darmano.typepad.com

C’est un logo

Page 49: Construire une réflexion

http://www.flickr.com/photos/cwalker71/1111728296/

Extrait de “Brand U.O” de David Armano - darmano.typepad.com

C’est un produit

Page 50: Construire une réflexion

Extrait de “Brand U.O” de David Armano - darmano.typepad.com

C’est une marque

Page 51: Construire une réflexion

personnalité

histoire

services

bénéfices

image

valeurs

MARQUEPALICO

Page 52: Construire une réflexion

Quelles pourraient-être les valeurs de ses marques ?

playground !

Page 53: Construire une réflexion
Page 54: Construire une réflexion
Page 55: Construire une réflexion
Page 56: Construire une réflexion

Pas de marque ?

Page 57: Construire une réflexion

Définir une plateforme de marque

Page 58: Construire une réflexion

Quelle vision ? Quelle mission ? Quelle proposition ? Quels bénéfices ? Quelles raisons d’y croire ? Quelle personnalité ? Quelles valeurs ?

Page 59: Construire une réflexion

exemple

Page 60: Construire une réflexion

Comment créer une marque attrayante ?

Page 61: Construire une réflexion

“We’re not in the business of keeping the media companies alive. We’re in the business of connecting with consumers.”Trevor Edwards

Vice President, Global Brand & Category Management Nike - October 2007

Page 62: Construire une réflexion
Page 63: Construire une réflexion

Créer de la valeur dans le produit, le service, l’entreprise…

Page 64: Construire une réflexion
Page 65: Construire une réflexion
Page 66: Construire une réflexion
Page 67: Construire une réflexion
Page 68: Construire une réflexion
Page 69: Construire une réflexion

Dans l’innovation produit

Page 70: Construire une réflexion
Page 71: Construire une réflexion

Dans l’expérience globale

Page 72: Construire une réflexion
Page 73: Construire une réflexion
Page 74: Construire une réflexion

Dans le contenu de valeur…

Page 75: Construire une réflexion

www.inrainbow.com

Page 76: Construire une réflexion

6 millions d’abonnés ayant souscrit à une offre payante

Page 77: Construire une réflexion

Dans le contenu engageant...

Page 78: Construire une réflexion

Nike Chalkbot

http://wkilab.com/livestrong/asset/chalkbotvideo

Page 79: Construire une réflexion

LE CONTENU UTILE

Page 80: Construire une réflexion

“When you create a utility, you're creating something that gives people time back. It becomes less about information as pollution and more about information to help people get through life.”

!!Nick Law Chief Creative Officer, North America - R/GA - March 2008

Page 81: Construire une réflexion

Nike+ Healthy Living NYC Every Step You Take...

+

http://nikerunning.nike.com/nikeos/p/nikeplus/fr_FR/

Page 82: Construire une réflexion

Customise ta pizza - www.dominos.com

Page 83: Construire une réflexion

Environnement marché

Page 84: Construire une réflexion

environnementSYSTEME CONCURRENCE

��9\eZ_dXib�ZfeZlii\ek`\c��9\eZ_dXib�]feZk`fee\c��9\eZ_dXib�[Xej�[\j�le`m\ij�jXk\cc`k\j��Gfj`k`fee\d\ek�[\j�dXihl\j

Page 85: Construire une réflexion

Catégorise les concurrents?

Page 86: Construire une réflexion

Benchmark de Fonction/Tâches

Page 87: Construire une réflexion

Cartographie des marques

Page 88: Construire une réflexion

Les design principes ?

Page 89: Construire une réflexion

Ce sont les principes fondateurs de l’expérience utilisateur. !

Ce sont 4 à 5 phrases maximum qui servent à définir l’expérience que l’on va faire vivre à notre utilisateur

Page 90: Construire une réflexion

A quoi ça sert ? !

#1- à mettre d’accord tout le monde #2- à trouver le bon concept #3- à prendre les bonnes décisions tout au long du projet #4- ils peuvent avoir une durée de vie supérieur au projet

Page 91: Construire une réflexion

Les contraintes !!

• courts• mémorisables • multi-fonctionnalités • spécifiques (pas de « facile à utiliser »)

• différenciateurs pris ensemble • non conflictuels

Page 92: Construire une réflexion
Page 93: Construire une réflexion

Un peu d’air...

Page 94: Construire une réflexion

http://www.ted.com/talks/tim_leberecht_3_ways_to_usefully_lose_control_of_your_reputation.html

Page 95: Construire une réflexion

merci.