Träff #6 • Inkluderande design tor 25 jan okt • UX Writing vt 24 • Nackademin

Transcript

1. Jonas Söderström • 2023 Inkluderande design som skapar tillgänglighet Trä ff #6 • Torsdag 25 januari 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 i försalong Ändrade etiketter men ganska svårläst text (typsnitt och utformning)!
8. Jonas Söderström • 2023 Ikoner ska alltid ha text. (så gott som)
9. Jonas Söderström • 2023
10. Jonas Söderström • 2023 ”Signifiers” ”Constraints”
11. Jonas Söderström • 2023 ”Constraints”
12. Jonas Söderström • 2023 6. Varningar och tillrättavisningar • Försök designa så att det inte går att göra fel.
13. Jonas Söderström • 2023 Inkluderande design
14. Jonas Söderström • 2023 Tryck på skärmen! ’’ ’’
15. Jonas Söderström • 2023
16. Jonas Söderström • 2023
17. Jonas Söderström • 2023 Tryck på skärmen! 🤷
18. Jonas Söderström • 2023 🤷 👵
19. Jonas Söderström • 2023 Röd signalfärg Synliga lappar Gul signalfärg Sträcker sig mot användaren ”Ta mig!”
20. Jonas Söderström • 2023 ”Signifiers” (”A ff ordances”) Håll här Lägg något här
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…
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… Tryck på den blåa randen!
23. 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!
24. Jonas Söderström • 2023 Apotek
25. Jonas Söderström • 2023 Optiker
26. Jonas Söderström • 2023 Postkontoret
27. Jonas Söderström • 2023 ”Men så svårt är det väl inte…”
28. 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 🤷 👵 De mest sårbara – svårt med språket, svårt att gå – var de som drabbades! • … den som har torr hud
29. 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"
30. 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
31. Jonas Söderström • 2023 Funktionsvariation Jonas Söderström • 2023
32. Jonas Söderström • 2023 Funktionshinder Individens förmågor Omvärldens krav { Funktions- hinder Jonas Söderström • 2023
33. 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
34. 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
35. Jonas Söderström 2023 UX är (strängt taget) ett kvalitetsmått på slutresultatet
36. Jonas Söderström 2023 Visuell design Infor- mations- design Inter- aktions- design DESIGN (”UI”) UX 🙁 😀 🙂
37. 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
38. 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 🙁 😀 🙂
39. 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
40. 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
41. 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/
42. Jonas Söderström • 2023 USeIt.se
43. Jonas Söderström • 2023 Dagens Samhälle
44. Jonas Söderström • 2023 Tillgänglighet ett lagkrav även i privat sektor från 28 juni 2025
45. 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.”
46. Jonas Söderström • 2023 Det vet du inte, grabben
47. Jonas Söderström • 2022 ” ’My speech is slow, and I slur some words’, said Dagmar Munn, a retired wellness instructor who has ALS. ’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 Interaktions- design!
48. 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 NY Times 22 sep 2021
49. Jonas Söderström • 2023 Paus till 20.00!
50. Jonas Söderström • 2023
51. Jonas Söderström • 2023
52. Jonas Söderström • 2023
53. Jonas Söderström • 2023
54. 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)
55. Jonas Söderström • 2023 “Visst, men vår målgrupp är genomsnittsanvändarna.”
56. Jonas Söderström • 2023
57. Jonas Söderström • 2023
58. Jonas Söderström • 2022 Källa: Per Axbom
59. Jonas Söderström • 2022 Källa: Per Axbom
60. Jonas Söderström • 2023 Exkludering på fl er sätt
61. Jonas Söderström • 2023 Inkludering är mer än anpassning till funktionsvariationer … … det kan också gälla innehåll.
62. Jonas Söderström • 2023 Förutsätt inte att alla vill fi ra Mors dag
63. Jonas Söderström • 2022 Förutsätt inte att alla vill fi ra Fars dag … … ge möjlighet att avstå (opt-out)
64. Jonas Söderström • 2023 Användbarhet ”Tillgänglighet”
65. Jonas Söderström • 2023 Användbarhet ”Tillgänglighet” Användbarhet ”Användbarhet” är illusionen av att det fi nns en bred normalitet.
66. Jonas Söderström • 2023 …inte bara unga vita män Design för alla Användbarhet
67. Jonas Söderström • 2023 …inte bara unga vita män Inkluderande design Användbarhet
68. Jonas Söderström • 2023 Rekommenderad läsning: Katrine Marçal: Att upp fi nna världen
69. Jonas Söderström • 2023 Inkludering för text
70. Jonas Söderström • 2023 Att tolka och förstå:
71. Jonas Söderström • 2023 Minska kognitiv belastning Läsning är ingen naturlig aktivitet!
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). 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)
73. 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
74. 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 )
75. 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.
76. Jonas Söderström • 2023 Riktlinjer för tillgänglighet: WCAG 2.1 (2.2, 3.0) (”vee-kagg”) A AA AAA
77. Jonas Söderström • 2023 • https://www.w3.org/WAI/standards-guidelines/wcag/
78. Jonas Söderström • 2023
79. Jonas Söderström • 2023 ”Gör så här” Sex posters från gov.uk
80. Jonas Söderström • 2023 Men länkar Det regnar småspik Regnet känns som kalla spikar
81. Jonas Söderström • 2023
82. Jonas Söderström • 2023
83. 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
84. 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.
85. Jonas Söderström • 2023 contrastchecker.online accessible-colors.com contrastchecker.com Dålig kontrast, svårläst text
86. 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.
87. Jonas Söderström • 2023
88. Jonas Söderström • 2023
89. Jonas Söderström • 2023 Alt-texter för bilder
90. Jonas Söderström • 2023
91. Jonas Söderström • 2023
92. Jonas Söderström • 2023 Var försiktig med text i bild eller på rörig bakgrund Sjöstaden
93. Jonas Söderström • 2023
94. Jonas Söderström • 2023 Bilden mörktonad under texten
95. Jonas Söderström • 2023
96. Jonas Söderström • 2023
97. Jonas Söderström • 2023
98. Jonas Söderström • 2023
99. Jonas Söderström • 2023 Sammanfattning • Funktionsnedsättning kan vara permanent, tillfällig eller situationsberoende • Kognitiva nedsättningar vanligare än till exempel syn • Inkluderande design skapar tillgänglighet • Inkludering är mer än funktionsnedsättning
100. 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
101. Jonas Söderström • 2023 Nyplings gårdsbutik, Lokrume
102. 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
103. 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
104. Jonas Söderström • 2023
105. Jonas Söderström • 2024 Tisdag Januari 30 Klarspråk och krångligt språk Genomgång uppgift 1 Rubriker Torsdag Februari 1 Tisdag Februari 6 Vecka 5 Vecka 6 Inifr å n- perspektiv. Inleda text – ingresser. Torsdag Februari 8