Conception
centrée utilisateur
Johanna Rowe Calvi
Interaction & User Experience
Designer chez Expertime
MVP Emerging Exper...
partie 1
EXPERIENCE UTILISATEUR
ET DESIGN D’INTERACTION
1 Problématique
Résumer la problématique en une phrase
[ ]
2 Recherches
2Accumuler un maximum d’informations
[ ]
3 Questions
Se poser les questions nécessaires
[ ]
4 Réponses
Confronter ses réponses
[ ]
5 Storyboard
Raconter l’histoire de l’expérience
utilisateurs imaginée.[ ]
6 Atelier
Rassembler et échanger
de manière dynamique et ludique[ ]
7 Identification
Analyser les résultats du workshop
[ ]
8 Idéation individuelle
Trouver des concepts et creuser les idées
[ ]
9 Consolidation
Observer son travail de manière critique
[ ]
10 Prototype
Prototypage dans le but d’échanger
[ ]
Illustrator
Invision
Axure
Balsamiq
Sketch
Marvel
Arduino
Impression 3D
Papier et ciseaux
Clay
Mousse de
polyuréthane
DANS...
11 Présentation
Rendre palpable votre projet pour
vos prospects, clients et utilisateurs[ ]
Workflow
User
Centered
Design
Qui et comment ?
Soi-même
[ ]
Sous-traiter
[ ]
Embaucher
[ ]
Freelance
Agence
Le designer a toute la connaissance sur
l’UX sur laquelle se ...
partie 2
IDENTITÉ DE MARQUE
12 Identité mémorable
Reconnaissable, identifiable au premier
Regard avec une vraie signification[ ]
13 Charte graphique
Typo Couleur Bg Icônes
LES ELEMENTS CLEFS
LA TYPOGRAPHIE
Serif
LA TYPOGRAPHIE
Sans Serif
LA TYPOGRAPHIE
Cursive
LA TYPOGRAPHIE
Monospace
typement.com
LA TYPOGRAPHIE
fontsquirrel.com
myfonts.com/WhatTheFont/
LA COULEUR
Chaude/Froide
LA COULEUR
Primaire/secondaire
LA COULEUR
Pastel (Flat)
LA COULEUR
Acidulé
color.adobe.com
LA COULEUR
flatuicolors.com
tintui.com
LE BACKGROUND
Aplat/Dégradé
LE BACKGROUND
Pattern
LE BACKGROUND
Photo
LE BACKGROUND
Texture
thepatternlibrary.com
LE BACKGROUND
qrohlf.com/trianglify-generator
www.transparenttextures.com
LES ICÔNES
Pleine
LES ICÔNES
Contour
LES ICÔNES
Couleur
LES ICÔNES
Detaillé
icons8.com
LES ICÔNES
Iconmonstr.com
flaticons.net
Segoe MDL2
UI KIT
• Typo : Linéale
• Couleur : Pastel
• Background : Pattern
• Icône : Pleine
LA DIRECTION ARTISTIQUE
Lisible, Clair, Moderne
• Typo : Serif
• Couleur : Gold
• Background : Trame
• Icône : Contour/Détaillées
LA DIRECTION ARTISTIQUE
Expressif, Carac...
Q ui et comment ?
C’est la solution qui semble être la moins
couteuse au départ.
!
Soi-même
[ ]
Sous-traiter
[ ]
Embaucher
[ ]
Freelance
Age...
partie 4
UNE COMMUNICATION
SANS FAILLES
14Communication
La communication est au cœur de la réussite. Les équipes techniques
et créatives doivent trouver des solutions et compromi...
Ces conseils pour vous faciliter la vie afin que
vos matins ressemblent un peu plus souvent
à ça…
@johanna_rowe
design in progress
design in progress
rowejohanna
johannarowe.com
jrowe@expertime.com
JOHANNA ROWE CALVI
@Ai...
Conception centrée utilisateur en 14 étapes - NUI Day 2015
Conception centrée utilisateur en 14 étapes - NUI Day 2015
Prochain SlideShare
Chargement dans…5
×

Conception centrée utilisateur en 14 étapes - NUI Day 2015

125 vues

Publié le

Session présentée par Johanna Rowe-Calvi (Expertime) et Benjamin Launay (Naviso Dev)

Une expérience utilisateur optimale est essentielle pour la réussite d’un projet. Que ce « produit final » soit une interface, un objet, un service ou un mélange de tout ça, le ressentit utilisateur doit être au cœur de toutes les démarches. Cette session est orientée méthodologie. Le design d’interaction, les ateliers utilisateurs, les séances de créativité, les outils, l’identité de marque et le design graphique sont les sujets qui seront abordés.

http://www.nuiday.com/nui-day-2015/programme/conception-centree-utilisateur/

Publié dans : Design
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Conception centrée utilisateur en 14 étapes - NUI Day 2015

  1. 1. Conception centrée utilisateur Johanna Rowe Calvi Interaction & User Experience Designer chez Expertime MVP Emerging Experiences Benjamin Launay User Interface designer at Naviso Dev MVP Windows Development plateform
  2. 2. partie 1 EXPERIENCE UTILISATEUR ET DESIGN D’INTERACTION
  3. 3. 1 Problématique
  4. 4. Résumer la problématique en une phrase [ ]
  5. 5. 2 Recherches
  6. 6. 2Accumuler un maximum d’informations [ ]
  7. 7. 3 Questions
  8. 8. Se poser les questions nécessaires [ ]
  9. 9. 4 Réponses
  10. 10. Confronter ses réponses [ ]
  11. 11. 5 Storyboard
  12. 12. Raconter l’histoire de l’expérience utilisateurs imaginée.[ ]
  13. 13. 6 Atelier
  14. 14. Rassembler et échanger de manière dynamique et ludique[ ]
  15. 15. 7 Identification
  16. 16. Analyser les résultats du workshop [ ]
  17. 17. 8 Idéation individuelle
  18. 18. Trouver des concepts et creuser les idées [ ]
  19. 19. 9 Consolidation
  20. 20. Observer son travail de manière critique [ ]
  21. 21. 10 Prototype
  22. 22. Prototypage dans le but d’échanger [ ]
  23. 23. Illustrator Invision Axure Balsamiq Sketch Marvel Arduino Impression 3D Papier et ciseaux Clay Mousse de polyuréthane DANS UN ATELIERDEVANT SON PC Et tant d’autres… LEGO Pâte à modeler
  24. 24. 11 Présentation
  25. 25. Rendre palpable votre projet pour vos prospects, clients et utilisateurs[ ]
  26. 26. Workflow
  27. 27. User Centered Design
  28. 28. Qui et comment ?
  29. 29. Soi-même [ ] Sous-traiter [ ] Embaucher [ ] Freelance Agence Le designer a toute la connaissance sur l’UX sur laquelle se base les autres métiers. Les livrables doivent-être très clair et complet pour vous. Stagiaire Designer d’interaction et d’expériences numériques C’est la solution qui semble être la moins couteuse au départ. Être curieux, inventif, créatif, imaginatif savoir anticiper sur les usages à venir, s’intéresser aux utilisateurs pour faciliter ou embellir leur quotidien. DESIGNER D’INTERACTION ET D’EXPÉRIENCES NUMÉRIQUES Pour les ateliers utilisateur, les séances de créativité, l’organisation des brainstorming, les wireframes, les storyboards. C’est le profil garant de l’expérience utilisateur. !
  30. 30. partie 2 IDENTITÉ DE MARQUE
  31. 31. 12 Identité mémorable
  32. 32. Reconnaissable, identifiable au premier Regard avec une vraie signification[ ]
  33. 33. 13 Charte graphique
  34. 34. Typo Couleur Bg Icônes LES ELEMENTS CLEFS
  35. 35. LA TYPOGRAPHIE Serif
  36. 36. LA TYPOGRAPHIE Sans Serif
  37. 37. LA TYPOGRAPHIE Cursive
  38. 38. LA TYPOGRAPHIE Monospace
  39. 39. typement.com LA TYPOGRAPHIE fontsquirrel.com myfonts.com/WhatTheFont/
  40. 40. LA COULEUR Chaude/Froide
  41. 41. LA COULEUR Primaire/secondaire
  42. 42. LA COULEUR Pastel (Flat)
  43. 43. LA COULEUR Acidulé
  44. 44. color.adobe.com LA COULEUR flatuicolors.com tintui.com
  45. 45. LE BACKGROUND Aplat/Dégradé
  46. 46. LE BACKGROUND Pattern
  47. 47. LE BACKGROUND Photo
  48. 48. LE BACKGROUND Texture
  49. 49. thepatternlibrary.com LE BACKGROUND qrohlf.com/trianglify-generator www.transparenttextures.com
  50. 50. LES ICÔNES Pleine
  51. 51. LES ICÔNES Contour
  52. 52. LES ICÔNES Couleur
  53. 53. LES ICÔNES Detaillé
  54. 54. icons8.com LES ICÔNES Iconmonstr.com flaticons.net Segoe MDL2
  55. 55. UI KIT
  56. 56. • Typo : Linéale • Couleur : Pastel • Background : Pattern • Icône : Pleine LA DIRECTION ARTISTIQUE Lisible, Clair, Moderne
  57. 57. • Typo : Serif • Couleur : Gold • Background : Trame • Icône : Contour/Détaillées LA DIRECTION ARTISTIQUE Expressif, Caractère, Luxe
  58. 58. Q ui et comment ?
  59. 59. C’est la solution qui semble être la moins couteuse au départ. ! Soi-même [ ] Sous-traiter [ ] Embaucher [ ] Freelance Agence Stagiaire Designer d’interaction et d’expériences numériques DIRECTEUR ARTISTIQUE ET GRAPHISTE Pour le logo, charte graphique, style graphique et iconographie de vos projets Nécessite de l’engagement en temps de votre part surtout pour l’identité. Les livrables doivent-être très clairs et complets pour vous. Savoir observer, analyser, faire simple, être créatif, être indépendant sur ses outils, savoir présenter des concepts, travailler en équipe, avoir le sens du détail.
  60. 60. partie 4 UNE COMMUNICATION SANS FAILLES
  61. 61. 14Communication
  62. 62. La communication est au cœur de la réussite. Les équipes techniques et créatives doivent trouver des solutions et compromis ensemble[ ]
  63. 63. Ces conseils pour vous faciliter la vie afin que vos matins ressemblent un peu plus souvent à ça…
  64. 64. @johanna_rowe design in progress design in progress rowejohanna johannarowe.com jrowe@expertime.com JOHANNA ROWE CALVI @AieAieEye AieAieEye AieAieEye AieAieEye aieaieeye.com benjamin.launay@naviso.com BENJAMIN LAUNAY

×