Mesurer la performance dans le milieu hostile du développement Java
Le Design hostile - La responsabilité du designer
-
Upload
cynthia-savard-saucier -
Category
Design
-
view
1.415 -
download
0
Transcript of Le Design hostile - La responsabilité du designer
![Page 1: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/1.jpg)
La responsabilité du designer@CynthiaSavard UX designer chez Shopify
![Page 2: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/2.jpg)
Le design hostileLa responsabilité du designer@CynthiaSavard UX designer chez Shopify
![Page 3: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/3.jpg)
J’ai poignardé mon ami à 11 reprises.
![Page 4: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/4.jpg)
J’ai poignardé mon ami à 11 reprises.Pour le garder en vie
![Page 5: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/5.jpg)
Si j’avais voulu sauver des vies je serais devenue
+
![Page 6: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/6.jpg)
Si j’avais voulu sauver des vies je serais devenue
+policière…
![Page 7: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/7.jpg)
PAS DESIGNER
![Page 8: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/8.jpg)
Le mauvais design tue+
![Page 9: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/9.jpg)
Le mauvais design tue+
![Page 10: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/10.jpg)
Figurativement et littéralement
![Page 11: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/11.jpg)
Le mauvais design tuePourtant, les designers et leur clients, ne
sont pas toujours conscient de l’impact de leur décision.
![Page 12: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/12.jpg)
CHAPITRE 1L’échelle du design
![Page 13: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/13.jpg)
DouteuxMerveilleux
BeauÉternel
![Page 14: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/14.jpg)
DouteuxMerveilleux
BeauÉternel
Comic
![Page 15: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/15.jpg)
Laid
Cruel
Mortel Hostile Douteux
![Page 16: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/16.jpg)
Laid
Cruel
Mortel Hostile Douteux
![Page 17: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/17.jpg)
Laid
Cruel
Mortel Hostile Douteux
![Page 18: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/18.jpg)
CHAPITRE 2Le laid, c’est pas si mauvais
![Page 19: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/19.jpg)
« ”More cognitive engagement leads to deeper processing, which facilitates encoding and subsequently better retrieval," the researchers summarized in their paper, which was published in the January issue of the Cognition scientific journal. »
Réduire la lisibilitéaide à l’apprentissage
http://web.princeton.edu/sites/opplab/papers/Diemand-Yauman_Oppenheimer_2010.pdf
![Page 20: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/20.jpg)
BYXI85915 BYXI85915
![Page 21: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/21.jpg)
![Page 22: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/22.jpg)
un autre >
encore >
Celui-là >
un bouton >
un autre >
un autre >
un autre >
encore >
celui-ci >
![Page 23: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/23.jpg)
un autre >
encore >
Celui-là >
un bouton >
un autre >
un autre >
un autre >
encore >
celui-ci >
<blink>
![Page 24: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/24.jpg)
un autre >
encore >
Celui-là >
un bouton >
un autre >
un autre >
un autre >
encore >
celui-ci >
![Page 25: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/25.jpg)
un autre >
encore >
Celui-là >
un bouton >
un autre >
un autre >
un autre >
encore >
celui-ci >
![Page 26: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/26.jpg)
‘Ask a toad what is beauty… He will answer that it is a female with two great round eyes coming out of her little head, a large flat mouth, a yellow belly and a brown back.’ -Voltaire, Philosophical Dictionary, 1794
Le top 50 des sitesest vraiment très laid!
![Page 27: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/27.jpg)
![Page 28: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/28.jpg)
Utilisons toujours COMIC!
![Page 29: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/29.jpg)
Laid
Cruel
MortelDouteuxHostile
![Page 30: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/30.jpg)
Laid
Cruel
MortelDouteuxHostile
![Page 31: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/31.jpg)
CHAPITRE 3Le design hostile
![Page 32: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/32.jpg)
“According to Norman (1988) an affordance is the design aspect of an object which suggest how the object should be used; a visual clue to its function and use. “
L’affordance:ce que la forme communique
https://www.interaction-design.org/encyclopedia/affordances.html
![Page 33: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/33.jpg)
Un rectangle
![Page 34: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/34.jpg)
Un rectangle arrondi
![Page 35: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/35.jpg)
Un bouton!
![Page 36: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/36.jpg)
![Page 37: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/37.jpg)
![Page 38: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/38.jpg)
Saute sur mon dos! Pas touche!
![Page 40: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/40.jpg)
https://www.youtube.com/watch?v=D36JUfE1oYk
![Page 41: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/41.jpg)
https://www.youtube.com/watch?v=D36JUfE1oYk
![Page 42: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/42.jpg)
Comme dirait ma mère:PAS TOUCHE
![Page 43: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/43.jpg)
Comme dirait ma mère:PAS TOUCHE
![Page 44: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/44.jpg)
Est-ce que vous dormiriez sur Pixelle?
?
![Page 45: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/45.jpg)
![Page 46: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/46.jpg)
On appelle ça L’hostilité
![Page 47: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/47.jpg)
On appelle ça L’hostilité
![Page 48: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/48.jpg)
“Si ces objets de contrôle peuvent parfois rebuter les citoyens qui s’offusquent du manque d’empathie envers les plus démunis, ils renvoient néanmoins à une réalité de la pratique du design qui est celle de répondre à une commande”
Le designerest un intermédiaire
http://www.contact.ulaval.ca/article_blogue/paradoxe-du-design-hostile/
![Page 49: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/49.jpg)
Laid
CruelMortel
DouteuxHostile
![Page 50: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/50.jpg)
Laid
CruelMortel
DouteuxHostile
![Page 51: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/51.jpg)
CHAPITRE 4Le design cruel
![Page 52: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/52.jpg)
![Page 53: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/53.jpg)
![Page 54: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/54.jpg)
A picture of my daughter, who is dead. Who died this year. Yes, my year looked like that. True
enough. My year looked like the now-absent face of my little girl. It was still unkind to remind me so
forcefully.
http://meyerweb.com/eric/thoughts/2014/12/24/inadvertent-algorithmic-cruelty/
“
![Page 55: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/55.jpg)
Le bouton awesome
![Page 56: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/56.jpg)
Le bouton awesome
![Page 57: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/57.jpg)
Le bouton awesome
LIKE
![Page 58: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/58.jpg)
Le bouton awesome
LIKE
![Page 59: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/59.jpg)
![Page 60: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/60.jpg)
![Page 61: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/61.jpg)
Et si on disait « personne »au lieu « d’utilisateur »
?
![Page 62: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/62.jpg)
Le designer en entreprise a la responsabilité de représenter ses utilisateurs. Bien qu’on pense souvent pour le 80% il est important, essentiel même, de considérer les cas limites.
Le designera une responsabilité
![Page 63: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/63.jpg)
![Page 64: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/64.jpg)
![Page 65: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/65.jpg)
N’essayons pas de faire passer un changement d’état comme étant une
action motivée par une émotion.
![Page 66: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/66.jpg)
LaidMortel
CruelDouteuxHostile
![Page 67: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/67.jpg)
LaidMortel
CruelDouteuxHostile
![Page 68: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/68.jpg)
CHAPITRE 5Le design qui tue
![Page 69: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/69.jpg)
![Page 70: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/70.jpg)
https://www.youtube.com/watch?v=Gf3na0iShIA
![Page 71: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/71.jpg)
https://www.youtube.com/watch?v=Gf3na0iShIA
![Page 72: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/72.jpg)
L’interface qui a tué Jenny
https://medium.com/@designuxui/how-bad-ux-killed-jenny-ef915419879e
![Page 73: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/73.jpg)
![Page 74: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/74.jpg)
![Page 75: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/75.jpg)
![Page 76: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/76.jpg)
![Page 77: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/77.jpg)
Les ingénieurs ont une bagueNous devons trouver la notre
![Page 78: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/78.jpg)
LA FIN
![Page 79: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/79.jpg)
M and IQ : “Interacting with women can impair men’s cognitive functioning” from Journal of Experimental Social Psychology, Volume 45, Issue 4, July 2009, Pages 1041-1044
Réduire la lisibilité augmente la rétention : “Fortune favors the bold (and the italicized): Effects of disfluency on educational outcomes” http://web.princeton.edu/sites/opplab/papers/Diemand-Yauman_Oppenheimer_2010.pdf
Fraude Nigérienne : “Why do Nigerian Scammers Say They are from Nigeria?” http://research.microsoft.com/pubs/167719/WhyFromNigeria.pdf
Affordance: “Affordance (2014)” Soegaard Mads, Interaction-Design.org https://www.interaction-design.org/encyclopedia/affordances.html
Image Architecture Hostile : http://urbanful.org/wp-content/uploads/2014/07/homeless-spikes.-not-featured.jpg
Design Hostile: “Le paradoxe du design hostile”, Caroline Gagnon http://www.contact.ulaval.ca/article_blogue/paradoxe-du-design-hostile/
Cruel Algorithm on Facebook : http://meyerweb.com/eric/thoughts/2014/12/24/inadvertent-algorithmic-cruelty/
![Page 80: Le Design hostile - La responsabilité du designer](https://reader036.fdocument.pub/reader036/viewer/2022062419/55a972a51a28abd22a8b45e6/html5/thumbnails/80.jpg)
Like button was Awesome : “Why Do You Like Bad News? Mat Honan, Gizmodo http://gizmodo.com/5832381/why-do-you-like-bad-news
Interface that killed Jenny How Bad UX Killed Jenny Kai Schreiber, Medium https://medium.com/@designuxui/how-bad-ux-killed-jenny-ef915419879e
Medical usability (2015) Jacob Nielsen http://www.nngroup.com/articles/medical-usability/