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
c...
Définition
Planification et stratégie / POURQUOI ? COMMENT ?
Réalisation
Fabriquer une solution dans un environnement de
c...
Définition
Planification et stratégie / POURQUOI ? COMMENT ?
Réalisation
Fabriquer une solution dans un environnement de
c...
Définition
Planification et stratégie / POURQUOI ? COMMENT ?
Réalisation
Fabriquer une solution dans un environnement de
c...
Définition
Planification et stratégie / POURQUOI ? COMMENT ?
Réalisation
Fabriquer une solution dans un environnement de
c...
Définition
Planification et stratégie / POURQUOI ? COMMENT ?
Réalisation
Fabriquer une solution dans un environnement de
c...
Les types de livrables
Définition
Planification et stratégie / POURQUOI ? COMMENT ?
Réalisation
Fabriquer une solution dans un environnement de
c...
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
PRO...
Ecosystème
utilisateur
CONCEPT/CREATIVITE
Ecosystème
marché
Ecosystème
client
Contenu
Interaction
Interface
Identité
Visue...
Contenu
Interaction
Interface
Identité
Visuelle
PROTOTYPE/TEST
Accompagnement
CommunicationEvolution
#2 IMAGINER/REALISER ...
#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 t...
. so now she wants to ensure she can relax while
someone else looks after the kids.	

She knows Club Med from past experie...
She scans the results page and clicks on the
“ClubMed” link. She recognises the brand and
knows their packages are all-inc...
Isabelle ticks additional options that matter to her,
and the list of results is updated to fit her new
requests	

In the l...
She selects a resort and is pre- sented with the
resort page.

She reads about the different room options and
prices, and a...
She wants to compare with other alternatives
before making up her mind, so she opens a new
browser window to check out oth...
She picks one resort and initiates the reservation
process by check- ing availability for her dates.	

Great, there are ro...
She continues to pick a flight.

The shortest trip door-to-door is a bit more
expensive than the de- fault included in the
...
She enters her payment details... and personal
info and is ready to book.	

..and after payment has been veri- fied she
rec...
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 pr...
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é ?...
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.”
Trev...
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 po...
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é...
A quoi ça sert ?
!
#1- à mettre d’accord tout le monde
#2- à trouver le bon concept
#3- à prendre les bonnes décisions tou...
Les contraintes
!
!
• courts

• mémorisables
• multi-fonctionnalités
• spécifiques (pas de « facile à utiliser »)
• différ...
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.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Construire une réflexion.
Prochain SlideShare
Chargement dans…5
×

Construire une réflexion.

896 vues

Publié le

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

Publié dans : Design
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
896
Sur SlideShare
0
Issues des intégrations
0
Intégrations
7
Actions
Partages
0
Téléchargements
48
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Construire une réflexion.

  1. 1. Design. De l’idée au produit. Construire une réflexion. HETIC #3 - Mars 2014
  2. 2. Concevoir : utiliser une démarche.
  3. 3. Le modèle du double diamant
  4. 4. Définition Planification et stratégie / POURQUOI ? COMMENT ? Réalisation Fabriquer une solution dans un environnement de contraintes / QUOI ?
  5. 5. 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
  6. 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 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
  7. 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 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
  8. 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 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
  9. 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 Analyse
  10. 10. Les types de livrables
  11. 11. 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
  12. 12. Quelques références…
  13. 13. A lire A utiliser
  14. 14. Creative Whack Pack Ideo Method Cards Mental Notes UX Techniques A utiliser
  15. 15. une démarche organique…
  16. 16. Chercher! /! Comprendre Imaginer! /! Réaliser Implémenter! /! Optimiser
  17. 17. 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
  18. 18. 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
  19. 19. 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
  20. 20. #1! Analyser / Comprendre
  21. 21. utilisateur/ usager environnement marque entreprise
  22. 22. utilisateur usager
  23. 23. Comprendre l’autre, son environnement, sa vie…
  24. 24. utilisateur usager
  25. 25. Questionnaire en ligne ?
  26. 26. Parcours utilisateur ?
  27. 27. Empathie avec l’utilisateur ?
  28. 28. 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...
  29. 29. . 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 ”
  30. 30. 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?
  31. 31. 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!
  32. 32. 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.
  33. 33. 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.
  34. 34. 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.
  35. 35. 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!
  36. 36. 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
  37. 37. femmes 25/45 ans L’utilisateur dans son environnement ?
  38. 38. Comprendre l’entreprise, la marque...
  39. 39. marque produit SYSTEME CLIENT
  40. 40. Une marque c’est quoi ? playground !
  41. 41. “A brand is a person’s gut feeling about a product, service or organization.” ! – Marty Neumeier
  42. 42. Extrait de “Brand U.O” de David Armano - darmano.typepad.com C’est un logo
  43. 43. http://www.flickr.com/photos/cwalker71/1111728296/ Extrait de “Brand U.O” de David Armano - darmano.typepad.com C’est un produit
  44. 44. Extrait de “Brand U.O” de David Armano - darmano.typepad.com C’est une marque
  45. 45. personnalité histoire services bénéfices image valeurs MARQUE PALICO
  46. 46. Quelles pourraient-être les valeurs de ses marques ? playground !
  47. 47. Pas de marque ?
  48. 48. Définir une plateforme de marque
  49. 49. Quelle vision ? Quelle mission ? Quelle proposition ? Quels bénéfices ? Quelles raisons d’y croire ? Quelle personnalité ? Quelles valeurs ?
  50. 50. exemple
  51. 51. Comment créer une marque attrayante ?
  52. 52. “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
  53. 53. Créer de la valeur dans le produit, le service, l’entreprise…
  54. 54. Dans l’innovation produit
  55. 55. Dans l’expérience globale
  56. 56. Dans le contenu de valeur…
  57. 57. www.inrainbow.com
  58. 58. 6 millions d’abonnés ayant souscrit à une offre payante
  59. 59. Dans le contenu engageant...
  60. 60. Nike Chalkbot http://wkilab.com/livestrong/asset/chalkbotvideo
  61. 61. LE CONTENU UTILE
  62. 62. “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
  63. 63. Nike+ Healthy Living NYC Every Step You Take... + http://nikerunning.nike.com/nikeos/p/nikeplus/fr_FR/
  64. 64. Customise ta pizza - www.dominos.com
  65. 65. Environnement marché
  66. 66. environnement SYSTEME CONCURRENCE
  67. 67. Catégorise les concurrents?
  68. 68. Benchmark de Fonction/Tâches
  69. 69. Cartographie des marques
  70. 70. Les design principes ?
  71. 71. 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
  72. 72. 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
  73. 73. Les contraintes ! ! • courts
 • mémorisables • multi-fonctionnalités • spécifiques (pas de « facile à utiliser ») • différenciateurs pris ensemble • non conflictuels
  74. 74. Un peu d’air...
  75. 75. http://www.ted.com/talks/tim_leberecht_3_ways_to_usefully_lose_control_of_your_reputation.html
  76. 76. merci.

×