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ées
Définitions et besoins
Conception itérative
Réalisation et implémentation
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 l’enchantement et des expérience
engageantes
Générateur d’idées
Définitions et besoins
Conception itérative
Réalisation et implémentation
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 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ées
Définitions et besoins
Conception itérative
Réalisation et implémentation
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ées
Définitions et besoins
Conception itérative
Réalisation et implémentation
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ées
Définitions et besoins
Conception itérative
Réalisation et implémentation
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
PROTOTYPE/TEST
#1 ANALYSER/COMPRENDRE #2 IMAGINER/REALISER
Les principes Design
Concept/créativité
Positionnement
produit/service
Valide
Spécifie
Ajuste
Contenu
Interaction
Interface
Identité
Visuelle
PROTOTYPE/TEST
Accompagnement
CommunicationEvolution
#2 IMAGINER/REALISER #3 PLANIFIER/IMPLEMENTER
esign
vité
ent
ce
Valider le produit
Spécifier le produit
Ajuster le produit
#1!
Analyser / Comprendre
utilisateur/
usager
environnement
marque
entreprise
utilisateur
usager
Comprendre l’autre,
son environnement,
sa vie…
utilisateur
usager
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
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
MARQUE
PALICO
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é
environnement
SYSTEME CONCURRENCE
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.

Construire une réflexion.