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

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

2. Concevoir :
utiliser une
démarche.

3. Le modèle du double
diamant

5. Définition
Planification et stratégie / POURQUOI ? COMMENT ?
Réalisation
Fabriquer une solution dans un environnement de
contraintes / QUOI ?

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

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

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

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

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

11. Les types de livrables

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

13. Quelques références…

14. A lire
A utiliser

15. Creative
Whack Pack
Ideo Method Cards
Mental Notes UX Techniques
A utiliser

16. une démarche
organique…

17. Chercher!
/!
Comprendre
Imaginer!
/!
Réaliser
Implémenter!
/!
Optimiser

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

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

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

21. #1!
Analyser / Comprendre

22. utilisateur/
usager
environnement
marque
entreprise

23. utilisateur
usager

24. Comprendre l’autre,
son environnement,
sa vie…

25. utilisateur
usager

26. Questionnaire en ligne ?

28. Parcours utilisateur ?

32. Empathie avec l’utilisateur ?

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

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

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

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

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

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

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

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

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

43. femmes
25/45 ans
L’utilisateur dans son environnement ?

44. Comprendre
l’entreprise, la
marque...

45. marque
produit
SYSTEME CLIENT

46. Une marque c’est quoi ?
playground !

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

48. Extrait de “Brand U.O” de David Armano - darmano.typepad.com
C’est un logo

49. http://www.flickr.com/photos/cwalker71/1111728296/
Extrait de “Brand U.O” de David Armano - darmano.typepad.com
C’est un produit

50. Extrait de “Brand U.O” de David Armano - darmano.typepad.com
C’est une marque

51. personnalité
histoire
services
bénéfices
image
valeurs
MARQUE
PALICO

52. Quelles pourraient-être
les valeurs de ses marques ?
playground !

56. Pas de marque ?

57. Définir une plateforme de
marque

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

59. exemple

60. Comment créer une
marque attrayante ?

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

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

69. Dans l’innovation
produit

71. Dans l’expérience
globale

74. Dans le contenu de
valeur…

75. www.inrainbow.com

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

77. Dans le contenu
engageant...

78. Nike Chalkbot
http://wkilab.com/livestrong/asset/chalkbotvideo

79. LE CONTENU
UTILE

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

81. Nike+
Healthy Living NYC
Every Step You Take...
+
http://nikerunning.nike.com/nikeos/p/nikeplus/fr_FR/

82. Customise ta pizza - www.dominos.com

83. Environnement
marché

84. environnement
SYSTEME CONCURRENCE

85. Catégorise les concurrents?

86. Benchmark de Fonction/Tâches

87. Cartographie des marques

88. Les design principes ?

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

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

91. Les contraintes
!
!
• courts
• mémorisables
• multi-fonctionnalités
• spécifiques (pas de « facile à utiliser »)
• différenciateurs pris ensemble
• non conflictuels

93. Un peu d’air...

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

95. merci.