Le terme « architecture hostile » fait les manchettes dernièrement avec les bancs de parc, qui empêchent les gens de s’y coucher, ou encore les espaces couverts de pics de métal. Il existe une multitude d’astuces de design pour contraindre l’utilisation de certains objets et espace publics. Malheureusement, ce phénomène ne se limite pas au design urbain, on le retrouve aussi sur le web. Le designer est encouragé à comprendre les faiblesses du cerveau humain pour améliorer l’expérience des utilisateurs. Il sait quels types de boutons fonctionnent le mieux, quels mots doivent être utilisés pour déclencher certains comportements, etc. Cette connaissance vient avec une responsabilité importante : il ne faut pas l’exploiter pour tromper les utilisateurs, mais plutôt pour les aider. Sinon, il devient lui-même un designer hostile.

1. Laresponsabilitédudesigner
@CynthiaSavard
UXdesignerchezShopify

2. Ledesignhostile
Laresponsabilitédudesigner
@CynthiaSavard
UXdesignerchezShopify

3. J’aipoignardémonamià11reprises.

4. J’aipoignardémonamià11reprises.
Pourlegarderenvie

5. Sij’avaisvoulusauverdesvies
jeseraisdevenue
+

6. Sij’avaisvoulusauverdesvies
jeseraisdevenue
+
policière…

7. PAS
DESIGNER

8. Lemauvaisdesigntue
+

9. Lemauvaisdesigntue
+

10. Figurativementetlittéralement

11. Lemauvaisdesigntue
Pourtant,lesdesignersetleurclients,ne
sontpastoujoursconscient del’impactde
leurdécision.

12. CHAPITRE1
L’échelledudesign

13. Douteux
Merveilleux
Beau
Éternel

14. Douteux
Merveilleux
Beau
Éternel
Comic

15. Laid
Cruel
Mortel
Hostile

16. Laid
Cruel
Mortel
Hostile

17. Laid
Cruel
Mortel
Hostile

18. CHAPITRE2
Lelaid,c’estpassimauvais

19. «”Morecognitiveengagementleadstodeeperprocessing,whichfacilitates
encodingandsubsequentlybetterretrieval,"theresearcherssummarized
intheirpaper,whichwaspublishedintheJanuaryissueoftheCognition
scientificjournal.»
Réduirelalisibilité
aideàl’apprentissage
http://web.princeton.edu/sites/opplab/papers/Diemand-Yauman_Oppenheimer_2010.pdf

20. BYXI85915 BYXI85915

22. un autre >
encore >
Celui-là >
un bouton >
un autre >
un autre >
un autre >
encore >
celui-ci >

23. un autre >
encore >
Celui-là >
un bouton >
un autre >
un autre >
un autre >
encore >
celui-ci >
<blink>

24. un autre >
encore >
Celui-là >
un bouton >
un autre >
un autre >
un autre >
encore >
celui-ci >

25. un autre >
encore >
Celui-là >
un bouton >
un autre >
un autre >
un autre >
encore >
celui-ci >

26. ‘Askatoadwhatisbeauty…Hewillanswerthatitisafemalewithtwogreat
roundeyescomingoutofherlittlehead,alargeflatmouth,ayellowbelly
andabrownback.’
-Voltaire,PhilosophicalDictionary,1794
Letop50dessites
estvraimenttrèslaid!

28. Utilisons toujours COMIC!

29. Laid
Cruel
Mortel
Hostile

30. Laid
Cruel
Mortel
Hostile

31. CHAPITRE3
Ledesignhostile

32. “AccordingtoNorman(1988)anaffordanceisthedesignaspectofan
objectwhichsuggesthowtheobjectshouldbeused;avisualcluetoits
functionanduse.“
L’affordance:
cequelaformecommunique
https://www.interaction-design.org/encyclopedia/affordances.html

33. Unrectangle

34. Unrectanglearrondi

35. Unbouton!

38. Sautesurmondos! Pastouche!

39. VoiciPixelle
lehérisson
Vidéocute>

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

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

42. Commediraitmamère:
PASTOUCHE

43. Commediraitmamère:
PASTOUCHE

44. Est-cequevousdormiriezsur
Pixelle?
?

46. Onappelleça
L’hostilité

47. Onappelleça
L’hostilité

48. “Sicesobjetsdecontrôlepeuventparfoisrebuterlescitoyensqui
s’offusquentdumanqued’empathieenverslesplusdémunis,ilsrenvoient
néanmoinsàuneréalitédelapratiquedudesignquiestcellederépondre
àunecommande”
Ledesigner
estunintermédiaire
http://www.contact.ulaval.ca/article_blogue/paradoxe-du-design-hostile/

49. Laid
Cruel
Mortel
Hostile

50. Laid
Cruel
Mortel
Hostile

51. CHAPITRE4
Ledesigncruel

54. Apictureofmydaughter,whoisdead.Whodied
thisyear.Yes,myyearlookedlikethat.True
enough.Myyearlookedlikethenow-absentface
ofmylittlegirl.Itwasstillunkindtoremindmeso
forcefully.
http://meyerweb.com/eric/thoughts/2014/12/24/inadvertent-algorithmic-cruelty/
“

55. Leboutonawesome

56. Leboutonawesome

57. Leboutonawesome
LIKE

58. Leboutonawesome
LIKE

61. Etsiondisait«personne»
aulieu«d’utilisateur»
?

62. Ledesignerenentreprisealaresponsabilitédereprésentersesutilisateurs.
Bienqu’onpensesouventpourle80%ilestimportant,essentielmême,de
considérerlescaslimites.
Ledesigner
auneresponsabilité

65. N’essayonspasdefairepasserun
changementd’étatcommeétantune
actionmotivéeparuneémotion.

66. LaidMortel
Cruel
Hostile

67. LaidMortel
Cruel
Hostile

68. CHAPITRE5
Ledesignquitue

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

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

72. L’interfacequiatué
Jenny
https://medium.com/@designuxui/how-bad-ux-killed-jenny-ef915419879e

77. Lesingénieursontunebague
Nousdevonstrouverlanotre

78. LAFIN

79. MandIQ:“Interactingwithwomencanimpairmen’scognitivefunctioning”fromJournalofExperimentalSocialPsychology,Volume
45,Issue4,July2009,Pages1041-1044
Réduirelalisibilitéaugmentelarétention:“Fortunefavorsthebold(andtheitalicized):Effectsofdisfluencyoneducationaloutcomes”
http://web.princeton.edu/sites/opplab/papers/Diemand-Yauman_Oppenheimer_2010.pdf
FraudeNigérienne:“WhydoNigerianScammersSayTheyarefromNigeria?”
http://research.microsoft.com/pubs/167719/WhyFromNigeria.pdf
Affordance:“Affordance(2014)” SoegaardMads,Interaction-Design.org
https://www.interaction-design.org/encyclopedia/affordances.html
ImageArchitectureHostile: http://urbanful.org/wp-content/uploads/2014/07/homeless-spikes.-not-featured.jpg
DesignHostile: “Leparadoxedudesignhostile”,CarolineGagnon
http://www.contact.ulaval.ca/article_blogue/paradoxe-du-design-hostile/
CruelAlgorithmonFacebook:http://meyerweb.com/eric/thoughts/2014/12/24/inadvertent-algorithmic-cruelty/

80. LikebuttonwasAwesome:“WhyDoYouLikeBadNews?MatHonan, Gizmodo
http://gizmodo.com/5832381/why-do-you-like-bad-news
InterfacethatkilledJenny HowBadUXKilledJennyKaiSchreiber,Medium
https://medium.com/@designuxui/how-bad-ux-killed-jenny-ef915419879e
Medicalusability (2015)JacobNielsen
http://www.nngroup.com/articles/medical-usability/