Questionnements sur
l'Internet prêt-à-porter
Paris Web 2016
Amélie Boucher 

@amelieboucher
#parisweb
Design studio
#parisweb
1 Une homogénéisation des interfaces
2 Être vous
3 Chercher pour apporter du sens
4 Comment le process peut aide...
#parisweb
1
UNE HOMOGENEISATION DES
INTERFACES, UN LISSAGE DES
EXPERIENCES
#parisweb
« On ne va pas
ré-inventer la roue ».
#parisweb
Le syndrome du 

design comme non-sujet.
#parisweb
#parisweb
Cet air de famille
commun à la plupart des sites
que vous visitez ?
#parisweb
Plagiat / Templates
#parisweb
#parisweb
Excuse my french but…
This is a fucking
gold mine
#parisweb
#parisweb
Êtes-vous designer ?
#parisweb
Le syndrome de la solution
par l’interface
#parisweb
C’est comme une anti-sèche
sauf qu’elle contiendrait
une mauvaise réponse
#parisweb
« tinder-like »
#parisweb
Par essence, notre métier
(voire notre culture)
a tendance à
produire des clones.
#parisweb
#parisweb
COURTESY OF TUESDAY BASSEN
#parisweb
Pourquoi cela
n’étonne personne ?
#parisweb
#parisweb
Plus le modèle est spécialisé,
pire c’est
#parisweb
#parisweb
Plus les options du modèle 

sont étendues,

pire c’est…
#parisweb
car j’ai l’impression
d’avoir le choix.
#parisweb
1
2
3
EWE on UI8.net
#parisweb
#parisweb
2
VOTRE SITE WEB
DIT QUI VOUS ÊTES
#parisweb
Plus qualitatif,
mais pas seulement.
Plus VOUS
#parisweb
#parisweb
#parisweb
Quoting Jessica Hische
#parisweb
#parisweb
Cela permet même de s’autoriser
ce qui n’est autorisable
que chez vous…
#parisweb
#parisweb
Ne pas faire
original pour
faire original
#parisweb
3
CHERCHER POUR APPORTER DU SENS
#parisweb
Pourquoi dit-on que
quelqu’un apporte
quelque chose de l’ordre
d’un regard « neuf » ?
#parisweb
3.1.
(se) poser des
(bonnes) questions
#parisweb
« c’est fou comme on a
avancé aujourd’hui »
#parisweb
se laisser aller à
comprendre le domaine
…
vraiment
#parisweb
Extrait d’un catalogue de la
Libraire Amélie Sourget
#parisweb
Le rôle du designer,
c’est d’être dans
l’attention au détail,
dans le non-facile
#parisweb
3.2.
Révéler ce qui sommeille
#parisweb
Un site qui vend de
l’hôtel, comme les autres DAYUSE
#parisweb
« Hôtel en journée,
ça veut dire quoi » ?
#parisweb
ça veut dire qu’on vend de
la tranche horaire, et qu’il
faut que ça se voie !
#parisweb
#parisweb
ça veut dire que nos
clients vivent leurs
expériences en
journée.
#parisweb
#parisweb
ça veut dire qu’un client aura des attentes
différentes selon son usage du dayuse
qu’est-ce que j’achète ?
#parisweb
Réfléchir aussi à ce
qu’on doit minorer
Il se trouve que si vous
insistez, on vend aussi
des nuits
#parisweb
3.3.
Edicter des Design Principles
#parisweb
«  Fun and ‘engaging’ are
not strong design principles. »
Adam Connor
#parisweb
vizeat.com
#parisweb
«  Un véritable voyage ne se limite pas à de
simples visites de monuments. C’est la
rencontre authentique avec l...
#parisweb
« Good wine, nice talks and lots of laughs
during the evening! »
« We happened
to all have a
fun time »
« Quelle...
#parisweb
ça n’est pas un restaurant
Ce qui compte est la rencontre.
Je vois des gens plutôt que des plats.
#parisweb
Une réponse de design peut
être liée au contenu.
#parisweb
4
COMMENT LE PROCESS
PEUT AIDER ?
#parisweb
4.1.
Comprendre et se mettre dans
la peau de l’utilisateur
#parisweb
Observer, écouter,
questionner, analyser.

Avec le droit de faire des
hypothèses !
#parisweb
FROM THE BOOK GAMESTORMING (DAVE GRAY)
#parisweb
"La carte d'empathie prépare à
[des] solutions de design
inattendues car elle fait
adopter d'autres points de vu...
#parisweb
PATH
#parisweb
4.2.
Partir de rien
et fonctionner par
essais-erreurs
#parisweb
La page blanche.
#parisweb
"the source of creative
discovery comes from the
disturbance of existing ideas
and the absence of a
preconceptio...
#parisweb JULIE ZHUO
The process of
a junior designer
The process of
a senior designer
#parisweb
Biais de
confirmation
d’hypothèse
#parisweb
4.3.
Les effets pervers
du benchmark
#parisweb
Tout ce qui passe par notre
cerveau structure notre
pensée.
Crescendo avec le temps
d’exposition.
#parisweb
Attention à la copie
bête qui ne vous
correspond pas
#parisweb MAILCHIMP
#parisweb
4.4.
Les effets pervers
du brainstorm
#parisweb
Les solutions conventionnelles
sont souvent ce qui sortent
des brainstorms non préparés
« oh, et nous pourrions
...
#parisweb
#parisweb
4.5.
Sortir de sa
zone de confort
#parisweb
#parisweb
Vous n’avez pas (forcément)
besoin d’aller surfer pour ça.
#parisweb
mais la routine, la bienséance
et les convenances n’aident
certainement pas
#parisweb
«  Jean-Paul Sartre aurait-il
pensé l’existentialisme en
sirotant du thé vert et des
biscuits bio ? »
LE SYNDROM...
#parisweb
Cela suppose d’avoir envie.
D’être habité par
l’envie de bien faire.
#parisweb
/
QU’EST-CE QU’ON EN FAIT ALORS,
DE CES UI KITS ?
#parisweb
Des sources
d’inspiration
#parisweb
#parisweb
« In a time when there's so much focus on
making, the single most important gift we can
give to our industry is ...
#parisweb
Merci pour
votre attention
Paris Web 2016
Amélie Boucher 

@amelieboucher
Questionnements sur l'Internet prêt-à-porter // Paris Web 2016
Prochain SlideShare
Chargement dans…5
×

Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

2 168 vues

Publié le

Conférence donnée à l'occasion de Paris Web (29 Septembre 2016).
« On ne va pas ré-inventer la roue ». Combien de projets commencent ainsi, pour se terminer par la production d'un clone du concurrent, ou du dernier site à la mode ? Comment en vouloir à ceux qui prennent ce type de raccourcis ? Comment ne pas être séduits par ces innombrables UI Kits, disponibles gratuitement ou presque, qui semblent être une réponse rêvée à un besoin de design.

C'est vrai qu'ils sont rutilants, pétillants, bref irrésistibles.

Mais choisirait-on une paire de chaussures en se trompant volontairement de pointure ? Bien que fascinante, l'industrialisation de nos métiers a ce travers : une uniformisation des interfaces et un lissage des expériences. On sait de mieux en mieux produire des dispositifs interactifs propres et bien rangés, efficaces et bien peignés, mais qui sont autant de coquilles vides et interchangeables. Quel rôle le designer a à jouer dans cette bataille ?

Nous verrons dans cette conférence comment il peut tenter d'apporter du sens, non seulement aux expériences proposées aux utilisateurs mais aussi à son travail. Pour que ce projet ne soit pas juste le énième.

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

Aucun téléchargement
Vues
Nombre de vues
2 168
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1 099
Actions
Partages
0
Téléchargements
17
Commentaires
0
J’aime
9
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

  1. 1. Questionnements sur l'Internet prêt-à-porter Paris Web 2016 Amélie Boucher 
 @amelieboucher
  2. 2. #parisweb Design studio
  3. 3. #parisweb 1 Une homogénéisation des interfaces 2 Être vous 3 Chercher pour apporter du sens 4 Comment le process peut aider ?
  4. 4. #parisweb 1 UNE HOMOGENEISATION DES INTERFACES, UN LISSAGE DES EXPERIENCES
  5. 5. #parisweb « On ne va pas ré-inventer la roue ».
  6. 6. #parisweb Le syndrome du 
 design comme non-sujet.
  7. 7. #parisweb
  8. 8. #parisweb Cet air de famille commun à la plupart des sites que vous visitez ?
  9. 9. #parisweb Plagiat / Templates
  10. 10. #parisweb
  11. 11. #parisweb Excuse my french but… This is a fucking gold mine
  12. 12. #parisweb
  13. 13. #parisweb Êtes-vous designer ?
  14. 14. #parisweb Le syndrome de la solution par l’interface
  15. 15. #parisweb C’est comme une anti-sèche sauf qu’elle contiendrait une mauvaise réponse
  16. 16. #parisweb « tinder-like »
  17. 17. #parisweb Par essence, notre métier (voire notre culture) a tendance à produire des clones.
  18. 18. #parisweb
  19. 19. #parisweb COURTESY OF TUESDAY BASSEN
  20. 20. #parisweb Pourquoi cela n’étonne personne ?
  21. 21. #parisweb
  22. 22. #parisweb Plus le modèle est spécialisé, pire c’est
  23. 23. #parisweb
  24. 24. #parisweb Plus les options du modèle 
 sont étendues,
 pire c’est…
  25. 25. #parisweb car j’ai l’impression d’avoir le choix.
  26. 26. #parisweb 1 2 3 EWE on UI8.net
  27. 27. #parisweb
  28. 28. #parisweb 2 VOTRE SITE WEB DIT QUI VOUS ÊTES
  29. 29. #parisweb Plus qualitatif, mais pas seulement. Plus VOUS
  30. 30. #parisweb
  31. 31. #parisweb
  32. 32. #parisweb Quoting Jessica Hische
  33. 33. #parisweb
  34. 34. #parisweb Cela permet même de s’autoriser ce qui n’est autorisable que chez vous…
  35. 35. #parisweb
  36. 36. #parisweb Ne pas faire original pour faire original
  37. 37. #parisweb 3 CHERCHER POUR APPORTER DU SENS
  38. 38. #parisweb Pourquoi dit-on que quelqu’un apporte quelque chose de l’ordre d’un regard « neuf » ?
  39. 39. #parisweb 3.1. (se) poser des (bonnes) questions
  40. 40. #parisweb « c’est fou comme on a avancé aujourd’hui »
  41. 41. #parisweb se laisser aller à comprendre le domaine … vraiment
  42. 42. #parisweb Extrait d’un catalogue de la Libraire Amélie Sourget
  43. 43. #parisweb Le rôle du designer, c’est d’être dans l’attention au détail, dans le non-facile
  44. 44. #parisweb 3.2. Révéler ce qui sommeille
  45. 45. #parisweb Un site qui vend de l’hôtel, comme les autres DAYUSE
  46. 46. #parisweb « Hôtel en journée, ça veut dire quoi » ?
  47. 47. #parisweb ça veut dire qu’on vend de la tranche horaire, et qu’il faut que ça se voie !
  48. 48. #parisweb
  49. 49. #parisweb ça veut dire que nos clients vivent leurs expériences en journée.
  50. 50. #parisweb
  51. 51. #parisweb ça veut dire qu’un client aura des attentes différentes selon son usage du dayuse qu’est-ce que j’achète ?
  52. 52. #parisweb Réfléchir aussi à ce qu’on doit minorer Il se trouve que si vous insistez, on vend aussi des nuits
  53. 53. #parisweb 3.3. Edicter des Design Principles
  54. 54. #parisweb «  Fun and ‘engaging’ are not strong design principles. » Adam Connor
  55. 55. #parisweb vizeat.com
  56. 56. #parisweb «  Un véritable voyage ne se limite pas à de simples visites de monuments. C’est la rencontre authentique avec les habitants et les locaux qui sont l’âme de leur ville. »
  57. 57. #parisweb « Good wine, nice talks and lots of laughs during the evening! » « We happened to all have a fun time » « Quelle délicieuse soirée passée chez Namrata et Parag : couple généreux, plein d'humour » « Our family had the most amazing night in Patrizia's home! » « This dinner was a highlight of our trip! »
  58. 58. #parisweb ça n’est pas un restaurant Ce qui compte est la rencontre. Je vois des gens plutôt que des plats.
  59. 59. #parisweb Une réponse de design peut être liée au contenu.
  60. 60. #parisweb 4 COMMENT LE PROCESS PEUT AIDER ?
  61. 61. #parisweb 4.1. Comprendre et se mettre dans la peau de l’utilisateur
  62. 62. #parisweb Observer, écouter, questionner, analyser.
 Avec le droit de faire des hypothèses !
  63. 63. #parisweb FROM THE BOOK GAMESTORMING (DAVE GRAY)
  64. 64. #parisweb "La carte d'empathie prépare à [des] solutions de design inattendues car elle fait adopter d'autres points de vue » Benoît Drouillat 
 dans son livre Le Design interactif, du webdesign aux objets connectés
  65. 65. #parisweb PATH
  66. 66. #parisweb 4.2. Partir de rien et fonctionner par essais-erreurs
  67. 67. #parisweb La page blanche.
  68. 68. #parisweb "the source of creative discovery comes from the disturbance of existing ideas and the absence of a preconception; or in other words, from a realizing that you don’t know something that you thought you did know. It is like the beginner’s mind. This can happen when something fails, or different perspectives clash, or when you really ask questions." KYNA LESKI ON THE STORM OF CREATIVITY
  69. 69. #parisweb JULIE ZHUO The process of a junior designer The process of a senior designer
  70. 70. #parisweb Biais de confirmation d’hypothèse
  71. 71. #parisweb 4.3. Les effets pervers du benchmark
  72. 72. #parisweb Tout ce qui passe par notre cerveau structure notre pensée. Crescendo avec le temps d’exposition.
  73. 73. #parisweb Attention à la copie bête qui ne vous correspond pas
  74. 74. #parisweb MAILCHIMP
  75. 75. #parisweb 4.4. Les effets pervers du brainstorm
  76. 76. #parisweb Les solutions conventionnelles sont souvent ce qui sortent des brainstorms non préparés « oh, et nous pourrions faire comme… »
  77. 77. #parisweb
  78. 78. #parisweb 4.5. Sortir de sa zone de confort
  79. 79. #parisweb
  80. 80. #parisweb Vous n’avez pas (forcément) besoin d’aller surfer pour ça.
  81. 81. #parisweb mais la routine, la bienséance et les convenances n’aident certainement pas
  82. 82. #parisweb «  Jean-Paul Sartre aurait-il pensé l’existentialisme en sirotant du thé vert et des biscuits bio ? » LE SYNDROME DU BIEN-ETRE, ANDRÉ SPICER ET CARL CEDERSTRÖM
  83. 83. #parisweb Cela suppose d’avoir envie. D’être habité par l’envie de bien faire.
  84. 84. #parisweb / QU’EST-CE QU’ON EN FAIT ALORS, DE CES UI KITS ?
  85. 85. #parisweb Des sources d’inspiration
  86. 86. #parisweb
  87. 87. #parisweb « In a time when there's so much focus on making, the single most important gift we can give to our industry is to teach people how to see the world around them — to slow down, derive meaning, and start the process of designing a real solution. » THE FLÂNEUR APPROACH TO USER EXPERIENCE DESIGN SARAH DOODY ON UX MAGAZINE
  88. 88. #parisweb Merci pour votre attention Paris Web 2016 Amélie Boucher 
 @amelieboucher

×