Träff #6 • Inkluderande design • tis 19 sep • UX Writing ht 23 • Nackademin

Transcript

1. Jonas Söderström • 2023 Inkluderande design 
 som skapar tillgänglighet Trä ff #6 • Tisdag 19 september Jonas Söderström • Ht 23 • UX Writing • Nackademin
2. Jonas Söderström • 2023 Idag • Lite repetition • Story! • Inkluderande design • WCAG …
3. Jonas Söderström • 2022 Lite repetition
4. Jonas Söderström • 2023 Informationsdesign är strängt taget två saker: Utforma så 
 det viktiga framhävs, och helheten blir tydlig och lättolkad. 2 ”Chunka” , ordna, märka 1 Empatisera, tänka. Rensa bort trivialt 
 och överflödigt. Förstå vad som 
 är viktigt för mottagaren.
5. Jonas Söderström • 2023 att dela upp informationen 
 i lagom stora och meningsfulla bitar, ”Chunka” informationen med vettiga etiketter (rubriker) eller utmärkande drag (bilder, färg, symboler), 
 så vi förstår vad de betyder för oss Märka dem i en vettig följd, 
 med en tydlig hierarki Ordna
6. Jonas Söderström • 2023 Innehållet 
 är viktigare än etiketterna!
7. Jonas Söderström • 2023 Ikoner ska alltid ha text. (så gott som)
8. Jonas Söderström • 2023
9. Jonas Söderström • 2023 ”Signifiers” ”Constraints”
10. Jonas Söderström • 2023 ”Constraints”
11. Jonas Söderström • 2023 6. Varningar och tillrättavisningar • Försök designa så att det inte går att göra fel.
12. Jonas Söderström • 2023 Inkluderande design
13. Jonas Söderström • 2023 Tryck på skärmen! ’’ ’’
14. Jonas Söderström • 2023
15. Jonas Söderström • 2023
16. Jonas Söderström • 2023 Tryck på skärmen! 🤷
17. Jonas Söderström • 2023 🤷 👵
18. Jonas Söderström • 2023 Röd signalfärg Synliga lappar Gul signalfärg Sträcker sig mot användaren ”Ta mig!”
19. Jonas Söderström • 2023 ”Signifiers” (”A ff ordances”) Håll här Lägg något här
20. Jonas Söderström • 2023 ”Signifiers??” ??? Huh? Va?
21. Jonas Söderström • 2023 Inga visuella ledtrådar till att det fi nns lappar Inget ”ta mig!” Ingen text ”tryck här 
 för nummerlapp” … Ingen bild… Tryck på den blåa randen!
22. Jonas Söderström • 2023 Inga visuella ledtrådar till att det fi nns lappar Inget ”ta mig!” Ingen text ”tryck här för nummerlapp” … ingen bild… Ärrvävnad!
23. Jonas Söderström • 2023 Apotek
24. Jonas Söderström • 2023 Optiker
25. Jonas Söderström • 2023 Postkontoret
26. Jonas Söderström • 2023 ”Men så svårt är det väl inte…”
27. Jonas Söderström • 2023 • … den som inte kan svenska perfekt • … den som har immiga glasögon på grund av regn ute • … den som är stressad • … den som är på vårdcentralen för första gången • … den som har torr hud 🤷 👵 De mest sårbara – svårt med språket, svårt att gå – 
 var de som drabbades!
28. Jonas Söderström • 2023 "….jag personligen hade inte tänkt att det faktiskt kan vara fysiskt omöjligt att använda en pekskärm på grund av till exempel torra fi ngertoppar"
29. Jonas Söderström • 2023 Funktionsnedsättning https://termbank.socialstyrelsen.se/?TermId=812&SrcLang=sv nedsättning av fysisk, psykisk eller intellektuell funktionsförmåga” ” Jonas Söderström • 2023
30. Jonas Söderström • 2023 Funktionsvariation Jonas Söderström • 2023
31. Jonas Söderström • 2023 Funktionshinder Individens förmågor Omvärldens krav { Funktions- hinder Jonas Söderström • 2023
32. Jonas Söderström • 2023 Inkluderande design – 
 att minska trösklar 
 i omvärlden Individens förmågor Omvärldens krav Jonas Söderström • 2023
33. Jonas Söderström • 2023 Tillgänglighet är ett 
 mått på slutresultatet: 
 bättre eller sämre Individens förmågor Omvärldens krav Jonas Söderström • 2023
34. Jonas Söderström 2023 UX är (strängt taget) 
 ett kvalitetsmått 
 på slutresultatet
35. Jonas Söderström 2023 Visuell design Infor- 
 mations- 
 design Inter- 
 aktions- 
 design DESIGN (”UI”) UX 🙁 😀 🙂
36. Jonas Söderström 2023 Visuell 
 design Infor- 
 mations- 
 design Inter- 
 aktions- 
 design Tydliga kontraster, hänsynsfull färgskala, lättlästa typsnitt, 
 alt-texter Enkelt språk, tydliga struktur, förklarande bild Stora och åtskilda klickytor, kunna använda utan mus (tangentbords- styrning) Inkluderande design
37. Jonas Söderström 2023 Visuell 
 design 
 Tydliga kontraster etc Informations- 
 design Enkelt 
 språk 
 etc Interaktions- 
 design Stora klickytor etc Inkluderande design Tillgänglighet 🙁 😀 🙂
38. Jonas Söderström • 2023 Inkluderande design – 
 att minska trösklar 
 i omvärlden Individens förmågor Omvärldens krav Jonas Söderström • 2023
39. Jonas Söderström • 2023 Programvara och system skall vara lämpligt utformade med hänsyn till arbetsuppgiftens krav och användarens förutsättningar och behov. Arbete vid bildskärm (AFS 1998:5), § 10 Jonas Söderström • 2023
40. Jonas Söderström • 2023 • Webbdirektivet – 
 den europeiska standarden EN 301 549. • Lagen om tillgänglighet till digital o ff entlig service Jonas Söderström • 2023 https://webbriktlinjer.se/lagkrav/webbdirektivet/
41. Jonas Söderström • 2023 USeIt.se
42. Jonas Söderström • 2023 Dagens Samhälle
43. Jonas Söderström • 2023 Tillgänglighet 
 ett lagkrav även 
 i privat sektor 
 från 28 juni 2025
44. Jonas Söderström • 2023 “Visst, men vi behöver inte tänka på tillgänglighet. Vår målgrupp för den här appen har inga handikapp.”
45. Jonas Söderström • 2023 Det vet du inte, grabben
46. Jonas Söderström • 2022 ” ’My speech is slow, and I slur some words’, 
 said Dagmar Munn, a retired wellness instructor who has amyotrophic lateral sclerosis. ’Although I am careful to enunciate 
 and carefully pronounce a command, 
 the device stops listening by my second word. 
 I just can’t speak fast enough to satisfy 
 the preset listening time,’ Ms. Munn said.” NY Times 22 sep 2021
47. Jonas Söderström • 2023 Companies have usually engineered voice technology to cater to uninterrupted speech from “the average North American English voice,” said Frank Rudzicz, associate professor at the University of Toronto who studies speech, language and arti fi cial intelligence. As a result, diverse speech patterns sometimes sound foreign to voice-enabled devices. In other words, companies have rarely prioritized those of us whose speech doesn’t match what engineers assume to be the norm. https://www.nytimes.com/2021/09/22/opinion/voice-assistants-accessibility-disability.html
48. Jonas Söderström • 2023
49. Jonas Söderström • 2023
50. Jonas Söderström • 2023
51. Jonas Söderström • 2023
52. Jonas Söderström • 2023 Kognitiva funktionsvariationer Permanent • Autism / ADHD-spektrum • Dyslexi • Utvecklingsstörning • Hjärntrötthet (permanent?) Tillfällig • ”Pollenhjärna” Situation • Utvakad på grund av kolikbarn • Kognitiv överbelastning (stress)
53. Jonas Söderström • 2023 “Visst, men vår målgrupp är genomsnittsanvändarna.”
54. Jonas Söderström • 2023
55. Jonas Söderström • 2023
56. Jonas Söderström • 2022 Källa: Per Axbom
57. Jonas Söderström • 2022 Källa: Per Axbom
58. Jonas Söderström • 2023 Exkludering på fl er sätt
59. Jonas Söderström • 2023 Inkludering är mer än anpassning till funktionsvariationer … … det kan också gälla innehåll.
60. Jonas Söderström • 2023 Förutsätt inte att alla vill fi ra Mors dag
61. Jonas Söderström • 2022 Förutsätt inte att alla vill fi ra Fars dag … 
 … ge möjlighet 
 att avstå 
 (opt-out)
62. Jonas Söderström • 2023 Användbarhet ”Tillgänglighet”
63. Jonas Söderström • 2023 Användbarhet ”Tillgänglighet” Användbarhet ”Användbarhet” 
 är illusionen 
 av att det fi nns 
 en bred normalitet.
64. Jonas Söderström • 2023 …inte bara unga vita män Design för alla Användbarhet
65. Jonas Söderström • 2023 …inte bara unga vita män Inkluderande design Användbarhet
66. Jonas Söderström • 2023 Rekommenderad läsning: Katrine Marçal: 
 Att upp fi nna världen
67. Jonas Söderström • 2023 Paus till 16.15!
68. Jonas Söderström • 2023 Inkludering för text
69. Jonas Söderström • 2023 Att tolka och förstå:
70. Jonas Söderström • 2023 Minska kognitiv belastning Läsning är ingen naturlig aktivitet!
71. Jonas Söderström • 2023 25 % har svårt att läsa • På en vecka ökar befolkningen ökar med 1 340 personer. Största delen av ökningen – 1 000 personer – beror på invandring (minus utvandring). 42 % av vuxna svenskar når 
 inte upp till nivån ”goda läsare” De fi nition: Klara av att söka efter information i en lång, komplex text, tolka innehållet och dra slutsatser (nivå 3 av 5). Källa: PIAAC-studien, 2013, SCB (stort antal OECD-länder)
72. Jonas Söderström • 2023 25 % har svårt att läsa • På en vecka ökar befolkningen ökar med 1 340 personer. Största delen av ökningen – 1 000 personer – beror på invandring (minus utvandring). 100 % har ont om tid
73. Jonas Söderström • 2023 Verktyg , riktlinjer, resurser Utformning: Riktlinjer i Web Content Accessibility Guidelines (WCAG) Innehåll: ISO 24495-1:2023 Plain language — Part 1: Governing principles and guidelines 
 Språkrådet ( isof.se ) Begriplig text ( begripligtext.se )
74. Jonas Söderström • 2023 Riktlinjer för tillgänglighet: WCAG 2.1 (2.2, 3.0) (”vee-kagg”) A AA AAA
75. Jonas Söderström • 2023 • https://www.w3.org/WAI/standards-guidelines/wcag/
76. Jonas Söderström • 2023
77. Jonas Söderström • 2023 ”Gör så här” Sex posters från gov.uk
78. Jonas Söderström • 2023 Men länkar Det regnar småspik Regnet känns 
 som kalla spikar
79. Jonas Söderström • 2023
80. Jonas Söderström • 2023
81. Jonas Söderström • 2023 WCAG om textstorlek • Minst 16 punkter för huvudsaklig text (brödtext) • 16 punkter ≈ 21 pixlar • Ingen de fi nitiv riktlinje, 
 men en genomgående rekommendation
82. Jonas Söderström • 2023 WCAG om övriga textattribut • Radavstånd minst 1,5 gånger textens storlek (grad). • Avstånd mellan stycken minst 2 gånger 
 textens storlek. • Bokstavsmellanrum minst 0,12 gånger 
 textens storlek. • Ordmellanrum minst 0,16 gånger textens storlek.
83. Jonas Söderström • 2023 contrastchecker.online accessible-colors.com contrastchecker.com Dålig kontrast, svårläst text
84. Jonas Söderström • 2023 WCAG om kontrast • Textens kontrast mot bakgrund 
 ska vara minst 4,5:1. • Stor stil, • större än 18 p, eller • fetstil större än 14 p ska ha en kontrast på minimum 3:1.
85. Jonas Söderström • 2023
86. Jonas Söderström • 2023
87. Jonas Söderström • 2023 Var försiktig med text i bild eller på rörig bakgrund unionen.se
88. Jonas Söderström • 2023
89. Jonas Söderström • 2023 Bilden mörktonad under texten
90. Jonas Söderström • 2023 Nyplings gårdsbutik, Lokrume
91. Jonas Söderström • 2023 Det som är bra för personer med funktions- nedsättningar 
 är oftast också bra för alla. Nyplings gårdsbutik, Lokrume
92. Jonas Söderström • 2023 Fyra nödvändiga pusselbitar för ”tillgänglighet” Rätt inklusion Rätt innehåll Rätt design Rätt kod
93. Jonas Söderström • 2023
94. Jonas Söderström • 2023
95. Jonas Söderström • 2023
96. Jonas Söderström • 2023
97. Jonas Söderström • 2023 Klarspråksstandard ISO • Relevant: läsarna ska få den information de behöver. • Läsaridentifiering, kontext • Lätt att hitta i: Läsarna ska lätt kunna hitta informationen de behöver. • Textstruktur, rubriker, grafiska element • Begriplig: Läsarna ska lätt kunna förstå informationen. • Ordval, klara meningar, respektfull ton, inkluderande språk. • Användbar: Läsarna ska lätt kunna använda informationen.
98. Jonas Söderström • 2023 Sammanfattning • Funktionsnedsättning kan vara permanent, tillfällig eller situationsberoende • Kognitiva nedsättningar vanligare än till exempel syn • Inkluderanede design skapar tillgänglighet • Inkludering är mer än funktionsnedsättning
99. Jonas Söderström • 2023 Titta till nästa gång: Patricia Moore: Design for all – 
 The Lifespan Design Challenge (YouTube) 25 min https://www.youtube.com/watch?v=AzjEfozVWj0
100. Jonas Söderström • 2023
101. Jonas Söderström • 2023 Ingresser Rubriker (Senaste inlämning 
 av uppgift) = ni får inlämningsuppgift Tisdag Oktober 3 Genomgång av era uppgifter Tisdag September 26 Tisdag Oktober 10 Krångligt språk och klarspråk Tisdag Oktober 17