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 • Onsdag 14 februari Jonas Söderström • Vt 24 • UX Writing • Nackademin
2. Jonas Söderström • 2023 Idag • Fråga! • Lite repetition • Story! • Inkluderande design • WCAG …
3. Jonas Söderström • 2023 Fråga: Vad är ”lättsamhet” bra för?
4. Jonas Söderström • 2023 Don Norman: The design of everyday things (1990 / 2013)
5. Jonas Söderström • 2023 Boktips: Don Norman: Emotional design Why we love (or hate) everyday things (2004)
6. Jonas Söderström • 2023 Lättsamhet / humor är nyttigt … Reducerar stress – > kan vara bra i stressade situationer Testpersoner presterar bättre … … och minns efteråt knappt att de hade problem.
7. Jonas Söderström • 2023 Lättsamhet / humor är nyttigt … ”Humorous items are more easily remembered than non-humorous ones, which might be explained by the increased cognitive processing time to understand the humor or the emotional arousal caused by the humor.”
8. Jonas Söderström • 2023 När man är glad … … har man lättare att lösa problem.
9. Jonas Söderström • 2023 Fråga: Vore inte ”transparens” en bra princip?
10. Jonas Söderström • 2022 Lite repetition
11. 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.
12. 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
13. Jonas Söderström • 2023 Innehållet är viktigare än etiketterna!
14. Jonas Söderström • 2023 Ikoner ska alltid ha text. (så gott som)
15. Jonas Söderström • 2023
16. Jonas Söderström • 2023 ”Signifiers” ”Constraints”
17. Jonas Söderström • 2023 ”Constraints”
18. Jonas Söderström • 2023 6. Varningar och tillrättavisningar • Försök designa så att det inte går att göra fel.
19. Jonas Söderström • 2023 Inkluderande design
20. Jonas Söderström • 2023 Tryck på skärmen! ’’ ’’
21. Jonas Söderström • 2023
22. Jonas Söderström • 2023
23. Jonas Söderström • 2023 Tryck på skärmen! 🤷
24. Jonas Söderström • 2023 🤷 👵
25. Jonas Söderström • 2023 Röd signalfärg Synliga lappar Gul signalfärg Sträcker sig mot användaren ”Ta mig!”
26. Jonas Söderström • 2023 ”Signifiers” (”A ff ordances”) Håll här Lägg något här
27. 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…
28. 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!
29. 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!
30. Jonas Söderström • 2023 Apotek
31. Jonas Söderström • 2023 Optiker
32. Jonas Söderström • 2023 Postkontoret
33. Jonas Söderström • 2023 ”Men så svårt är det väl inte…” Jo, det kan vara ett onödigt hinder för alla som…
34. Jonas Söderström • 2023 • … inte kan svenska perfekt • … har immiga glasögon på grund av regn ute • … som är stressade • … ä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! • … som har torr hud
35. 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"
36. 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
37. Jonas Söderström • 2023 Funktionsvariation Jonas Söderström • 2023
38. Jonas Söderström • 2023 Funktionshinder Individens förmågor Omvärldens krav { Funktions- hinder Jonas Söderström • 2023
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 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
41. Jonas Söderström 2023 UX är (strängt taget) ett kvalitetsmått på slutresultatet
42. Jonas Söderström 2023 Visuell design Infor- mations- design Inter- aktions- design DESIGN (”UI”) UX 🙁 😀 🙂
43. 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
44. 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 🙁 😀 🙂
45. 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
46. 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
47. 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/
48. Jonas Söderström • 2023 USeIt.se
49. Jonas Söderström • 2023 Dagens Samhälle
50. Jonas Söderström • 2023 Tillgänglighet ett lagkrav även i privat sektor från 28 juni 2025
51. Jonas Söderström • 2023 Paus till 16.05!
52. 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.”
53. Jonas Söderström • 2023 Det vet du inte, grabben
54. 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!
55. 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
56. Jonas Söderström • 2023
57. Jonas Söderström • 2023
58. Jonas Söderström • 2023
59. Jonas Söderström • 2023
60. 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)
61. Jonas Söderström • 2023 “Visst, men vår målgrupp är genomsnittsanvändarna.”
62. Jonas Söderström • 2023
63. Jonas Söderström • 2023
64. Jonas Söderström • 2022 Källa: Per Axbom
65. Jonas Söderström • 2022 Källa: Per Axbom
66. Jonas Söderström • 2023 Exkludering på fl er sätt
67. Jonas Söderström • 2023 Inkludering är mer än anpassning till funktionsvariationer … … det kan också gälla innehåll.
68. Jonas Söderström • 2023 Förutsätt inte att alla vill fi ra Mors dag
69. Jonas Söderström • 2022 Förutsätt inte att alla vill fi ra Fars dag … … ge möjlighet att avstå (opt-out)
70. Jonas Söderström • 2023 Användbarhet ”Tillgänglighet”
71. Jonas Söderström • 2023 Användbarhet ”Tillgänglighet” Användbarhet ”Användbarhet” är illusionen av att det fi nns en bred normalitet.
72. Jonas Söderström • 2023 …inte bara unga vita män Design för alla Användbarhet
73. Jonas Söderström • 2023 …inte bara unga vita män Inkluderande design Användbarhet
74. Jonas Söderström • 2023 Rekommenderad läsning: Katrine Marçal: Att upp fi nna världen
75. Jonas Söderström • 2023 Inkludering för text
76. Jonas Söderström • 2023 Att tolka och förstå:
77. Jonas Söderström • 2023 Minska kognitiv belastning Läsning är ingen naturlig aktivitet!
78. 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)
79. 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
80. 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 )
81. 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.
82. Jonas Söderström • 2023 Riktlinjer för tillgänglighet: WCAG 2.1 (2.2, 3.0) (”vee-kagg”) A AA AAA
83. Jonas Söderström • 2023 • https://www.w3.org/WAI/standards-guidelines/wcag/
84. Jonas Söderström • 2023
85. Jonas Söderström • 2023 Lästips: digitill.se av Per Axbom
86. Jonas Söderström • 2023 ”Gör så här” Sex posters från gov.uk
87. Jonas Söderström • 2023 Men länkar Det regnar småspik Regnet känns som kalla spikar
88. Jonas Söderström • 2023
89. Jonas Söderström • 2023
90. 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
91. 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.
92. Jonas Söderström • 2023 contrastchecker.online accessible-colors.com contrastchecker.com Dålig kontrast, svårläst text
93. 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.
94. Jonas Söderström • 2023
95. Jonas Söderström • 2023 Alt-texter för bilder
96. Jonas Söderström • 2023
97. Jonas Söderström • 2023
98. Jonas Söderström • 2023 Var försiktig med text i bild eller på rörig bakgrund Sjöstaden
99. Jonas Söderström • 2023
100. Jonas Söderström • 2023 Bilden mörktonad under texten
101. 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
102. Jonas Söderström • 2023 Nyplings gårdsbutik, Lokrume
103. 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
104. 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
105. Jonas Söderström • 2023
106. Jonas Söderström • 2024 Onsdag Februari 28 Onsdag Mars 6 Genomg å ng av uppgift 1 Klarspråk (forts), Rubriker Onsdag Februari 21 Klarspråk och krångligt språk Onsdag Mars 13 Inifr å n- perspektiv. Inleda text – ingresser.