Träff #3• Grunder i ux-texter, Genrer 1 • mån 25 sep • ht23 • UX-writing

Transcript

1. Jonas Söderström • 2023 Ux-texters form och innehåll: några principer Trä ff #3 • Måndag 25 september Jonas Söderström • Ht 23 • UX Writing • Nackademin
2. Jonas Söderström • 2023 Idag måndag 25 september Kort repetition Ux-texter ska vara MJÖL-iga Genrer av ux-texter Uppgift
3. Jonas Söderström • 2023 Lite repetition
4. Jonas Söderström • 2023 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui o f f i
5. Jonas Söderström • 2022 Noah Levin, Director of Design på Figma https://twitter.com/nlevin/status/ 1479173708715479043 6 januari 2022
6. Jonas Söderström • 2023 🙄
7. Jonas Söderström • 2023 Cykelbanor •Gratis karta •Pumpa cykeln •Rapportera hinder
8. Jonas Söderström • 2023 Vill du komma igång att cykla? Vi hjälper dig! • Ska ff a vår app med cykelkartor! • Där fi nns alla o ff entliga cykelpumpar utmärkta. • Den visar lätt cykelvägen till jobbet! • Stöter du på problem eller vill fråga något, 
 hör av dig till cykelsamordnaren Anna Persson 
 på 070–123 45 67. Ett av Byköping kommuns mål är att 
 fl er ska välja cykel i stället för bil. Läs mer om hur vi bygger ut cykelbanorna!
9. Jonas Söderström • 2023 Få fler att välja cykel 
 i stället för bil Vill ha säker väg Vill hitta cykelväg Vill kunna pumpa cykeln Jag ser många 
 små hinder Gör det lätt att hitta pumparna Cykel- vägs-app EFFEKT efter ANVÄNDNINGSMÅL eller DRIVKRAFT eller BEHOV eller MÅL eller 
 SYFTE KONKRET 
 LÖSNING eller ÅTGÄRD ANVÄNDARE eller MÅLGRUPP eller EFFEKTAGENT EFFEKTKEDJA och KARTLÄGGNING AV ANVÄNDNINGSMÅL Skapa karthjälp UTMANING 
 FÖR OSS Ge möjlighet att rapportera hinder
10. Jonas Söderström • 2023 Få fler att välja cykel 
 i stället för bil Vill ha säker väg Vill hitta cykelväg Vill kunna pumpa cykeln Jag ser många 
 små hinder Gör det lätt att hitta pumparna Cykel- vägs-app EFFEKT efter ANVÄNDNINGSMÅL KONKRET 
 LÖSNING ANVÄNDARE EFFEKTKEDJA och KARTLÄGGNING AV ANVÄNDNINGSMÅL Skapa karthjälp UTMANING 
 FÖR OSS Ge möjlighet att rapportera hinder Bestående Ändras över tid!
11. Jonas Söderström • 2023 Guld för Malmös nya intranät 
 i den internationella tävlingen Intranet & Digital Workplace Awards Att använda e ff ekt-tänk 
 är en framgångsrik strategi:
12. Jonas Söderström • 2023
13. Jonas Söderström • 2023
14. Jonas Söderström • 2023 • https://youtu.be/nO8tySHeHo8
15. Jonas Söderström • 2023 Viktigt! • Man är oftast bara del av 
 EN demografisk grupp … • … men man kan vara del av 
 FLERA användarsegment, 
 beroende på tillfället! • Inom UX ser vi mer till HUR 
 och VARFÖR man GÖR saker 
 än till ”VEM” man är!
16. Jonas Söderström • 2023 Frågor?
17. Jonas Söderström • 2023 Ux-texters form och innehåll: några principer
18. Jonas Söderström • 2023 Struktur ux-texter Innehåll Knappar, fel- meddelanden, bekräftelser, etc Själva innehållet: 
 som recept, nyheter, varor …. Ux- skribent Reklam ”Copy”, marknads- föring, sälj Sökoptimering (SEO) Vad kallar vi avdelningar, tjänster, funktioner… Metadata
19. Jonas Söderström • 2023 Struktur ux-texter Innehåll Knappar, fel- meddelanden, bekräftelser, etc Själva innehållet: 

20. Jonas Söderström • 2023 UX-text ska vara MJÖLig
21. Jonas Söderström • 2023 MJÖLig: •Mänsklig •hJälpsam •Ödmjuk •Lättsam
22. Jonas Söderström • 2023 Mänsklig • Vi, vår, oss; du, din, dina: 
 Personliga pronomina • Verb i aktiv form
23. Jonas Söderström • 2023 • Teknisk beskrivning av status • Verb i passiv form • Substantiv i obestämd form • Tomma utförande-verb (”Åtgärden har utförts”)
24. Jonas Söderström • 2023 Men framför allt: • Systemets perspektiv!
25. Jonas Söderström • 2023 Inte mänskliga: Borg-testet
26. Jonas Söderström • 2023 Om du kan sätta ”Prepare to be assimilated” 
 efter ditt systems meddelande, 
 och det låter vettigt, bör du skriva om det… • Ditt konto kunde inte skapas. • Ogiltig epostadress. • Din sökning genrerade för många resultat. • Systemet arbetar.
27. Jonas Söderström • 2023 Om du kan sätta ”Prepare to be assimilated” 
 efter ditt systems meddelande, 
 och det låter vettigt, bör du skriva om det… • Ditt konto kunde inte skapas. 
 Prepare to be assimilated. • Ogiltig epostadress. 
 Prepare to be assimilated. • Din sökning genrerade för många resultat. Prepare to be assimilated. • Systemet arbetar. Prepare to be assimilated.
28. Jonas Söderström • 2023
29. Jonas Söderström • 2023 Mänskligt • Beskriv ur användarens perspektiv, 
 inte systemets! • Använd gärna personliga pronomina 
 (vi, du, oss, dig) • Använd aktiva verb • Använd substantiv i bestämd form
30. Jonas Söderström • 2023 hJälpsam
31. Jonas Söderström • 2023 hJälpsam • Ge användaren så mycket information att hen förstår situationen • ”Stanna kvar – du kopplas automatiskt till bokningen” • Ge om möjligt användaren verktyg 
 att hantera situationen • ”Klicka här om inget händer"
32. Jonas Söderström • 2023 Ödmjuk
33. Jonas Söderström • 2023 Ödmjuk • Lägg inte ansvaret på användaren • Ta på er ansvaret, även om ni inte vet om det verkligen är ert ansvar eller fel.
34. Jonas Söderström • 2023 Lättsam
35. Jonas Söderström • 2023 Paws and re fl ect 
 a moment This is getting 
 un-bear-able
36. Jonas Söderström • 2023 Per Axbom, axbom.com 
 (Coach och 
 UX-expert)
37. Jonas Söderström • 2023 Lättsam • Var noggrann med att kolla sammanhanget – alla tänkbara sammanhang! • En del områden lämpar sig dåligt 
 för lustigheter. • Humor förutsätter ofta 
 bred kulturell förtrogenhet.
38. Jonas Söderström • 2023 OK
39. Jonas Söderström • 2023
40. Jonas Söderström • 2023 Personan ”förtroende- ingivande farmacept”? 
 Knappast!
41. Jonas Söderström • 2023 Paus till 20.05!
42. Jonas Söderström • 2023 Genrer av ux-text
43. 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
44. 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
45. Jonas Söderström • 2023 1. Statusmeddelanden Användarens status Tjänsten/ systemets status Andra användares status
46. Jonas Söderström • 2023 1. Användarens status
47. Jonas Söderström • 2023 1. Systemets status
48. Jonas Söderström • 2023 1. Andra användares status
49. 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!
50. Jonas Söderström • 2023 2. Processmeddelanden
51. Jonas Söderström • 2023 2. Processmeddelanden
52. 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”!
53. Jonas Söderström • 2023 3. Bekräftelser och kvittenser
54. Jonas Söderström • 2023
55. 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!
56. Jonas Söderström • 2023 4. Felmeddelanden
57. 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”
58. 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
59. Jonas Söderström • 2023 Intern jargon
60. Jonas Söderström • 2023
61. Jonas Söderström • 2023 4. Felmeddelanden: 404-sidor
62. Jonas Söderström • 2023
63. Jonas Söderström • 2023
64. Jonas Söderström • 2023 5. Negativa responser
65. Jonas Söderström • 2023 5. Negativa responser 😾 Se upp med maskin- 
 översätt- 
 ringar!
66. 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”
67. Jonas Söderström • 2023 6. Varningar och tillrättavisningar
68. 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.
69. Jonas Söderström • 2023 7. Uppmaningar och triggers
70. Jonas Söderström • 2023 7. Bedräglig design * Slumpmässig siffra mellan 25 och 47 ”Confirm- shaming” * tidigare ”dark patterns”
71. 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
72. Jonas Söderström • 2023 The original lawsuit, fi led in June, claimed that Amazon had tricked millions 
 into unwittingly subscribing to Prime through buttons 
 that were presented prominently during checkout. ’’
73. Jonas Söderström • 2023 www.deceptive.design
74. Jonas Söderström • 2022 Nudging
75. 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.
76. Jonas Söderström • 2022 Trappor eller hiss? Mindre tallrikar
77. Jonas Söderström • 2022 Nudging = 
 design och ux-text Ja, skicka mig nyhetsbrev Nej tack, inga utskick
78. 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?
79. 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”
80. 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!
81. Jonas Söderström • 2023 Uppgift (1) • Provocera fram några 404-sidor. • Skriv www.[webbadress].se/kjfgopiojwfelkjcfqj • Spara i din mapp – gör en undermapp för ”Felmeddelanden • Jämför! Är de • Mänskliga? • Hjälpsamma? • Ödmjuka? • Lättsamma • Ta skärmdumpar på bra eller dåliga exempel något nonsens
82. Jonas Söderström • 2023 Uppgift (2) • Gå in på www.deceptive.design och titta runt.
83. Jonas Söderström 2023 Frågor?
84. Jonas Söderström • 2023 Informations- design Inkluderande design = ni får inlämningsuppgift Genrer 
 av ux-text 2; Fler design- ord Måndag Oktober 2 Onsdag September 27 Vecka 39 Vecka 40 Onsdag Oktober 4 Krångligt språk, klarspråk Måndag Oktober 9 Vecka 41
85. Jonas Söderström • 2023 Tack 
 för idag! Ses nästa vecka!