Träff #4 • Genrer av ux-text • ons 6 sep • UX Writing • ht 23 Nackademin

Transcript

1. Jonas Söderström • 2023 Genrer av ux-text Trä ff #4 • Onsdag 6 september Jonas Söderström • Ht 23 • UX Writing • Nackademin
2. Jonas Söderström • 2023 Idag onsdag 6 sep Lite repetition: MJÖL-KEN, Signi fi ers • Hittade ni några intressanta 404or? Tretton genrer av ux-texter: 
 från status-meddelanden till tonsättare
3. Jonas Söderström • 2023 Lite repetition
4. Jonas Söderström • 2023 MJÖLig: •Mänsklig •hJälpsam •Ödmjuk •Lättsam
5. Jonas Söderström • 2023 Kort Enkel Nära
6. Jonas Söderström • 2023 + MJÖL KEN
7. Jonas Söderström • 2023
8. Jonas Söderström • 2023 ”Signifiers” (”A ff ordances”) (”A ff ordances”) Håll här Lägg något här
9. Jonas Söderström • 2023 ”Signifiers” (”A ff ordances”) Huh? ???
10. Jonas Söderström • 2023 The design of everyday things Don Norman
11. Jonas Söderström • 2023 ”Signifiers” är ofta svaga 
 i den digitala världen – därför kan ux-text behövas för att förtydliga dem.
12. Jonas Söderström • 2023 Genrer av ux-text
13. Jonas Söderström • 2023 Tretton slag av ux-text 1. Statusmeddelanden 2. Processmeddelanden 3. Bekräftelser och kvittenser 4. Felmeddelanden 5. Negativa responser 6. Tillrättavisningar 
 och varningar 7. Uppmaningar, erbjudanden, triggers och aviseringar + ”Dark patterns” 8. Användarens val: Knappar, dialoger och andra 
 interaktionskommandon 9. Ledtexter 10. Rundturer, starthjälp 
 och nya funktioner 11. Frågor: feedback 
 och erbjudanden 12. Förtroendeskapare 13. ”Tonsättare”: 
 Förmedla en känsla
14. Jonas Söderström • 2023 Använd som en checklista … • För att inventera en be fi ntlig tjänst: • Har vi statusmeddelanden, bekräftelser, etc 
 som vi inte tänkt på? • Under utveckling, för att kolla skisser: • Behöver den här wireframen ett felmeddelande? 
 En varning? • Som grund för att sätta en policy 
 eller komplettera ett designsystem: • Så formulerar vi felmeddelanden • Så skriver vi en ledtext
15. Jonas Söderström • 2023 1. Statusmeddelanden Användarens status Tjänsten/ systemets status Andra användares status
16. Jonas Söderström • 2023 1. Användarens status
17. Jonas Söderström • 2023 1. Systemets status
18. Jonas Söderström • 2023 1. Andra användares status
19. Jonas Söderström • 2023 1. Statusmeddelanden bör… • …normalt kunna stängas manuellt (x) 
 eller med knapp (”OK”, ”Jag fattar”). • Kan behöva länk till mer förklaring. • Om användaren kan ändra statusen, ge en funktion för det. • Använd inte ”Avvisa” för att bara stänga meddelandet!
20. Jonas Söderström • 2023 2. Processmeddelanden
21. Jonas Söderström • 2023 2. Processmeddelanden
22. Jonas Söderström • 2023 2. Processmeddelanden • Stängs normalt av sig själva. • Kan innehålla uppmaningar som 
 ”stäng inte detta fönster”. • Kan behöva instruktion eller funktion 
 för vad användaren ska göra 
 om processen hakat upp sig. • Har ofta något gra fi skt element 
 av typen snurrande cirkel. • Använd inte en liggande stapel, så kallad ”progress bar”!
23. Jonas Söderström • 2023 3. Bekräftelser och kvittenser
24. Jonas Söderström • 2023
25. Jonas Söderström • 2023 3. Bekräftelser bör … • Bekräfta det som är viktigt för användaren • Inte allt rakt från databasen! • Det viktigaste för mottagaren först – 
 inte det som är viktigt för oss eller i vårt system!
26. Jonas Söderström • 2023 4. Felmeddelanden
27. Jonas Söderström • 2023 4. Felmeddelanden bör … • Säga vad som hände • Ta på sig skulden (Ödmjukhet!) • Försäkra om möjligt användaren om att konsekvenserna är små eller ofarliga – till exempel ”Alla dina fi ler är sparade” • Ge en kort förklaring, på så enkel nivå som möjligt • Ge användaren • ett sätt att lösa problemet, eller • en annan utväg – till exempel ”Gå till förstasidan”
28. Jonas Söderström • 2023 4. Felmeddelanden bör inte… … lyfta fram tekniska detaljer som är 
 omöjliga att tolka för användaren, till exempel • interna begrepp • kod
29. Jonas Söderström • 2023
30. Jonas Söderström • 2023 5. Negativa responser
31. Jonas Söderström • 2023 5. Negativa responser 😾 Se upp med maskin- 
 översätt- 
 ringar!
32. Jonas Söderström • 2023 5. Negativa responser • Var hövlig! • Ge en kort förklaring, på så enkel nivå som möjligt • Ge användaren • ett sätt att lösa problemet, eller • en annan utväg – till exempel ”Gå till förstasidan”
33. Jonas Söderström • 2023 6. Varningar och tillrättavisningar
34. Jonas Söderström • 2023 6. Varningar och tillrättavisningar • Försök designa så att det inte går att göra fel. • Lägg inte skulden på användaren. • Är det verkligen ett fel? (”Ö” är en bokstav!) • Ge användaren klara instruktioner om hur hen gör rätt.
35. Jonas Söderström • 2023 Paus till 16.15!
36. Jonas Söderström • 2023 7. Uppmaningar och triggers
37. Jonas Söderström • 2023 7. Bedräglig design * Slumpmässig siffra mellan 25 och 47 ”Confirm- shaming” * tidigare ”dark patterns”
38. Jonas Söderström • 2023 Amazon: 
 ”bedräglig design” + confirm shaming Ett extra steg i kassan där du måste hitta och klicka på en halvt dold länk för att fortsätta med din beställning utan att acceptera erbjudandet om en Prime- testperiod. Via: James Royal-Lawson
39. Jonas Söderström • 2023 www.deceptive.design
40. Jonas Söderström • 2022 Nudging
41. Jonas Söderström • 2022 ”Nudging” • ”Knu ff a” – att påverka i riktning till ett önskat beteende. • Mindre att undervisa/förklara. 
 En de fi nition är att nudging 
 inte tillför ny information, 
 bara påminner. • Designval som framhäver ett alternativ, och gör andra mindre omedelbara.
42. Jonas Söderström • 2022 Trappor eller hiss? Mindre tallrikar
43. Jonas Söderström • 2022 Nudging = 
 design och ux-text Ja, skicka mig nyhetsbrev Nej tack, inga utskick
44. Jonas Söderström • 2022 Handdukar och restskatt • Att inte byta handdukar 
 varje dag är bra för miljön. • Åtta av tio gäster 
 på det här hotellet 
 behåller handdukarna 
 under vistelsen. • Åtta av tio gäster 
 i det här rummet 
 behåller handdukarna 
 under vistelsen. • Betala din restskatt i tid! • Åtta av tio i detta postnummerområde 
 betalar restskatten i tid. • Åtta av tio på den här gatan betalar restskatten i tid. 🤔 Men det kanske bara är en initial effekt som går över?
45. Jonas Söderström • 2022 ”Sludge” • Design som avser att hindra oss från att göra vissa saker • Lätt att prenumerera, 
 svårt att säga upp • ”Dark patterns”
46. Jonas Söderström • 2023 Trumps kampanjmejl • More than 530,000 refunds worth $64.3 million to online donors Räntefritt lån över valet!
47. Jonas Söderström • 2023 7. Aviseringar Dyker upp i andra sammanhang. 
 Ofta störande!
48. Jonas Söderström • 2023 66 sängar med hjärtmonitor: 187 larm per säng och dag Totalt ≈15000 larm per dag 381 560 larm per månad från ett system Intensivvårdsavdelning på University of California, San Francisco Medical Center
49. Jonas Söderström • 2023 Totalt, inklusive larm 
 per sms och med ljus: 2 507 822 unika larm per månad. Den överväldigande delen falska. Drew, B et al: Insights into the Problem of Alarm Fatigue with Physiologic Monitor Devices. (Oct 2014) Intensivvårdsavdelning på University of California, San Francisco Medical Center
50. Jonas Söderström • 2023
51. Jonas Söderström • 2023
52. Jonas Söderström • 2023 7. Aviseringar • Använd med försiktighet! Tänk efter: • Behöver verkligen användaren veta? • Behöver vi verkligen störa användaren 
 i den aktivitet hen gör nu? • Kan vara befogade om konsekvenserna 
 av att inte göra något är besvärliga eller obehagliga.
53. Jonas Söderström • 2023 8. Användarens val: interaktionskommandon Knappar, dialogrutor, formulär
54. Jonas Söderström • 2023 8. Användarens val: interaktionskommandon • Vi kommer att prata mer om de här senare, när vi pratar om fl öden. Knappar, dialogrutor, formulär
55. Jonas Söderström • 2023 9. Ledtexter och guider
56. Jonas Söderström • 2023 9. Ledtexter och guider • Håll ledtexter korta och nära! • Lägg inte text i själva fälten 
 där man ska skriva. • Ge tydliga exempel, som ”ÅÅÅÅ-MM-DD” • Kan funktioner designas så att ledtexter inte behövs? Som att välja år från meny snarare än att låta användaren skriva? • Förklara inte det triviala Förnamn T ex Jonas
57. Jonas Söderström • 2023 Inte ”nära! 
 
 Hur komma ihåg dessa instruktioner på nästa sida?
58. Jonas Söderström • 2023 10. Rundturer, starthjälp 
 och nya funktioner
59. Jonas Söderström • 2023 10: ”Onboarding”
60. Jonas Söderström • 2023 10. Rundturer, starthjälp 
 och nya funktioner • Gör dem inte för omfattande. • Fokusera på användarens mest sannolika, tidiga arbets fl öde – det som hen kan tänkas sätta igång med först. • Tvinga inte på dem på användarna – 
 gör dem inte obligatoriska. • Erbjud fl exibilitet, så att användaren kan 
 gå vidare, gå tillbaka, avbryta, återuppta.
61. Jonas Söderström • 2023 11. Frågor, feedback , erbjudanden
62. Jonas Söderström • 2023 11. Frågor, feedback , erbjudanden • Håll feedbackfrågor till ett minimum. 
 Ge få, tydliga alternativ. • Avbryt inte användarens aktiviteter 
 med erbjudanden. Ge erbjudanden 
 när användaren har gjort klart något, 
 kommit till en (tillfällig) slutpunkt. • Om ni efterfrågar feedback – har ni en plan för hur ni tar emot den, besvarar den, använder data? Resurser att agera på den?
63. Jonas Söderström • 2023 12. Förtroendeskapare
64. Jonas Söderström • 2023 11. Förtroendeskapare Var behövs de? • När användarna kan misstänka dåliga följder, utifrån tidigare erfarenheter. • Data från loggar kan ge ledtrådar 
 om var kunder ger opp (till exempel: 
 överger en varukorg).
65. Jonas Söderström • 2023 13. ”Tonsättare”
66. Jonas Söderström • 2023 13. ”Tonsättare”
67. Jonas Söderström • 2023 Att göra: • Komplettera er mapp för exempel på ux-text 
 med undermappar för olika genrer/typer • Använd statusmeddelanden, processmeddelanden, etc, 
 eller gör egna kategorier • Kolla i sajten www.deceptive.design
68. Jonas Söderström • 2023 Inkluderande design Rubriker, Senaste inlämning 
 av uppgift = ni får inlämningsuppgift Informations- design Tisdag September 12 Tisdag Oktober 3 Tisdag September 19 Genomgång av era uppgifter Tisdag September 26