80
La responsabilité du designer @CynthiaSavard UX designer chez Shopify

Le Design hostile - La responsabilité du designer

Embed Size (px)

Citation preview

Page 1: Le Design hostile - La responsabilité du designer

La responsabilité du designer@CynthiaSavard UX designer chez Shopify

Page 2: Le Design hostile - La responsabilité du designer

Le design hostileLa responsabilité du designer@CynthiaSavard UX designer chez Shopify

Page 3: Le Design hostile - La responsabilité du designer

J’ai poignardé mon ami à 11 reprises.

Page 4: Le Design hostile - La responsabilité du designer

J’ai poignardé mon ami à 11 reprises.Pour le garder en vie

Page 5: Le Design hostile - La responsabilité du designer

Si j’avais voulu sauver des vies je serais devenue

+

Page 6: Le Design hostile - La responsabilité du designer

Si j’avais voulu sauver des vies je serais devenue

+policière…

Page 7: Le Design hostile - La responsabilité du designer

PAS DESIGNER

Page 8: Le Design hostile - La responsabilité du designer

Le mauvais design tue+

Page 9: Le Design hostile - La responsabilité du designer

Le mauvais design tue+

Page 10: Le Design hostile - La responsabilité du designer

Figurativement et littéralement

Page 11: Le Design hostile - La responsabilité du designer

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

CHAPITRE 1L’échelle du design

Page 13: Le Design hostile - La responsabilité du designer

DouteuxMerveilleux

BeauÉternel

Page 14: Le Design hostile - La responsabilité du designer

DouteuxMerveilleux

BeauÉternel

Comic

Page 15: Le Design hostile - La responsabilité du designer

Laid

Cruel

Mortel Hostile Douteux

Page 16: Le Design hostile - La responsabilité du designer

Laid

Cruel

Mortel Hostile Douteux

Page 17: Le Design hostile - La responsabilité du designer

Laid

Cruel

Mortel Hostile Douteux

Page 18: Le Design hostile - La responsabilité du designer

CHAPITRE 2Le laid, c’est pas si mauvais

Page 19: Le Design hostile - La responsabilité du designer

« ”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

BYXI85915 BYXI85915

Page 21: Le Design hostile - La responsabilité du designer
Page 22: Le Design hostile - La responsabilité du designer

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

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

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

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

‘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
Page 28: Le Design hostile - La responsabilité du designer

Utilisons toujours COMIC!

Page 29: Le Design hostile - La responsabilité du designer

Laid

Cruel

MortelDouteuxHostile

Page 30: Le Design hostile - La responsabilité du designer

Laid

Cruel

MortelDouteuxHostile

Page 31: Le Design hostile - La responsabilité du designer

CHAPITRE 3Le design hostile

Page 32: Le Design hostile - La responsabilité du designer

“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

Un rectangle

Page 34: Le Design hostile - La responsabilité du designer

Un rectangle arrondi

Page 35: Le Design hostile - La responsabilité du designer

Un bouton!

Page 36: Le Design hostile - La responsabilité du designer
Page 37: Le Design hostile - La responsabilité du designer
Page 38: Le Design hostile - La responsabilité du designer

Saute sur mon dos! Pas touche!

Page 39: Le Design hostile - La responsabilité du designer

Voici Pixellele hérisson

Vidéo cute >

Page 40: Le Design hostile - La responsabilité du designer

https://www.youtube.com/watch?v=D36JUfE1oYk

Page 41: Le Design hostile - La responsabilité du designer

https://www.youtube.com/watch?v=D36JUfE1oYk

Page 42: Le Design hostile - La responsabilité du designer

Comme dirait ma mère:PAS TOUCHE

Page 43: Le Design hostile - La responsabilité du designer

Comme dirait ma mère:PAS TOUCHE

Page 44: Le Design hostile - La responsabilité du designer

Est-ce que vous dormiriez sur Pixelle?

?

Page 45: Le Design hostile - La responsabilité du designer
Page 46: Le Design hostile - La responsabilité du designer

On appelle ça L’hostilité

Page 47: Le Design hostile - La responsabilité du designer

On appelle ça L’hostilité

Page 48: Le Design hostile - La responsabilité du designer

“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

Laid

CruelMortel

DouteuxHostile

Page 50: Le Design hostile - La responsabilité du designer

Laid

CruelMortel

DouteuxHostile

Page 51: Le Design hostile - La responsabilité du designer

CHAPITRE 4Le design cruel

Page 52: Le Design hostile - La responsabilité du designer
Page 53: Le Design hostile - La responsabilité du designer
Page 54: Le Design hostile - La responsabilité du designer

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

Le bouton awesome

Page 56: Le Design hostile - La responsabilité du designer

Le bouton awesome

Page 57: Le Design hostile - La responsabilité du designer

Le bouton awesome

LIKE

Page 58: Le Design hostile - La responsabilité du designer

Le bouton awesome

LIKE

Page 59: Le Design hostile - La responsabilité du designer
Page 60: Le Design hostile - La responsabilité du designer
Page 61: Le Design hostile - La responsabilité du designer

Et si on disait « personne »au lieu « d’utilisateur »

?

Page 62: Le Design hostile - La responsabilité du designer

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
Page 64: Le Design hostile - La responsabilité du designer
Page 65: Le Design hostile - La responsabilité du designer

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

LaidMortel

CruelDouteuxHostile

Page 67: Le Design hostile - La responsabilité du designer

LaidMortel

CruelDouteuxHostile

Page 68: Le Design hostile - La responsabilité du designer

CHAPITRE 5Le design qui tue

Page 69: Le Design hostile - La responsabilité du designer
Page 70: Le Design hostile - La responsabilité du designer

https://www.youtube.com/watch?v=Gf3na0iShIA

Page 71: Le Design hostile - La responsabilité du designer

https://www.youtube.com/watch?v=Gf3na0iShIA

Page 72: Le Design hostile - La responsabilité du designer

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
Page 74: Le Design hostile - La responsabilité du designer
Page 75: Le Design hostile - La responsabilité du designer
Page 76: Le Design hostile - La responsabilité du designer
Page 77: Le Design hostile - La responsabilité du designer

Les ingénieurs ont une bagueNous devons trouver la notre

Page 78: Le Design hostile - La responsabilité du designer

LA FIN

Page 79: Le Design hostile - La responsabilité du designer

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

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/