construire une réflexion

Design. De l’idée au produit.

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

Concevoir : utiliser une démarche.

Le modèle du double diamant

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

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

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

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

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

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

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

Les types de livrables

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

Quelques références…

A lire

A utiliser

Creative Whack Pack

Ideo Method Cards

Mental Notes UX Techniques

A utiliser

une démarche organique…

Chercher!/!

Comprendre

Imaginer!/!

Réaliser

Implémenter!/!

Optimiser

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

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

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

#1!Analyser / Comprendre

utilisateur/usager

environnementmarqueentreprise

utilisateurusager

Comprendre l’autre, son environnement,

sa vie…

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

Questionnaire en ligne ?

Parcours utilisateur ?

Empathie avec l’utilisateur ?

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...

. 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 ”

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?

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!

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.

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.

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.

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!

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

femmes 25/45 ans

L’utilisateur dans son environnement ?

Comprendre l’entreprise, la

marque...

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\

Une marque c’est quoi ?

playground !

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

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

C’est un logo

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

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

C’est un produit

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

C’est une marque

personnalité

histoire

services

bénéfices

image

valeurs

MARQUEPALICO

Quelles pourraient-être les valeurs de ses marques ?

playground !

Pas de marque ?

Définir une plateforme de marque

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

exemple

Comment créer une marque attrayante ?

“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

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

Dans l’innovation produit

Dans l’expérience globale

Dans le contenu de valeur…

www.inrainbow.com

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

Dans le contenu engageant...

Nike Chalkbot

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

LE CONTENU UTILE

“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

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

+

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

Customise ta pizza - www.dominos.com

Environnement marché

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

Catégorise les concurrents?

Benchmark de Fonction/Tâches

Cartographie des marques

Les design principes ?

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

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

Les contraintes !!

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

• différenciateurs pris ensemble • non conflictuels

Un peu d’air...

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

merci.