Träff #3• Grunder i ux-texter, Genrer 1 • tis 16 jan • vt24 • UX-writing Nackademin

Transcript

1. Jonas Söderström • 2023 Ux-texters form och innehåll: några principer Trä ff #3 • Tisdag 16 januari Jonas Söderström • Vt 24 • UX Writing • Nackademin
2. Jonas Söderström • 2023 Lite repetition
3. 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 Kod Designer Kravanalytiker Ux-skribent Researcher Användare Hej!
4. Jonas Söderström • 2022 Noah Levin, Director of Design på Figma https://twitter.com/nlevin/status/ 1479173708715479043 6 januari 2022
5. Jonas Söderström • 2023 🙄
6. 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
7. Jonas Söderström • 2023 Ux-texters form och innehåll: några principer
8. 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 + ”Deceptive 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
9. Jonas Söderström • 2023 UX-text ska vara MJÖLig
10. Jonas Söderström • 2023 MJÖLig: •Mänsklig •hJälpsam •Ödmjuk •Lättsam
11. Jonas Söderström • 2023 Mänsklig • Vi, vår, oss; du, din, dina: Personliga pronomina • Verb i aktiv form
12. 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”)
13. Jonas Söderström • 2023 Men framför allt: • Systemets perspektiv!
14. Jonas Söderström • 2023 Inte mänskliga: Borg-testet
15. 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.
16. 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.
17. Jonas Söderström • 2023
18. 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
19. Jonas Söderström • 2023 hJälpsam
20. 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"
21. Jonas Söderström • 2023 Ödmjuk
22. 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.
23. Jonas Söderström • 2023 Lättsam
24. Jonas Söderström • 2023 Paws and re fl ect a moment This is getting un-bear-able
25. 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.
26. Jonas Söderström • 2023 OK
27. Jonas Söderström • 2023
28. Jonas Söderström • 2023 Personan ”förtroende- ingivande farmacept”? Knappast!
29. Jonas Söderström • 2023 Kort Enkel Nära • Form: }”KEN”
30. Jonas Söderström • 2023 Kort Skriv kortare och din text kan läggas närmare det som den berör. Men undvik förkortningar.
31. Jonas Söderström • 2023 Enkel Minska kognitiv belastning! Raka meningar. Enkla ord.
32. Jonas Söderström • 2023 Enkel Duplicera inte information i onödan:
33. Jonas Söderström • 2023 Behöver dialogrutor rubriker?
34. Jonas Söderström • 2023 Behöver dialogrutor rubriker? Är du säker på att du vill stänga rutan?
35. Jonas Söderström • 2023 Förklaringar är bra i dialogrutor … ..när konsekvenserna av en åtgärd/ett val inte är helt uppenbara eller synliga för användaren.
36. Jonas Söderström • 2023 Rubriker är bra i dialoger … ..när vi vill sätta en lättsammare eller ödmjukare ton
37. Jonas Söderström • 2023 Nära Till betalning Du kan ändra din order även i nästa steg. Namn
38. Jonas Söderström • 2023 Nära Till betalning Du kan ändra din order även i nästa steg. Namn Du måste fylla i namn
39. Jonas Söderström • 2023 Exkluderande design Namn Du måste fylla i namn Adress Postnr
40. Jonas Söderström • 2023 Kort Enkel Nära
41. Jonas Söderström • 2023 + MJÖL KEN
42. Jonas Söderström • 2023
43. Jonas Söderström • 2023 Genrer av ux-text
44. 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
45. 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
46. Jonas Söderström • 2023 1. Statusmeddelanden Användarens status Tjänsten/ systemets status Andra användares status
47. Jonas Söderström • 2023 1. Användarens status
48. Jonas Söderström • 2023 1. Systemets status
49. Jonas Söderström • 2023 1. Andra användares status
50. 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!
51. Jonas Söderström • 2023 2. Processmeddelanden
52. Jonas Söderström • 2023 2. Processmeddelanden
53. 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”!
54. Jonas Söderström • 2023 3. Bekräftelser och kvittenser
55. Jonas Söderström • 2023
56. 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!
57. Jonas Söderström • 2023 4. Felmeddelanden
58. 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”
59. 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
60. Jonas Söderström • 2023 4. Felmeddelanden: 404-sidor
61. Jonas Söderström • 2023
62. Jonas Söderström • 2023 Per Axbom, axbom.com (Coach och UX-expert)
63. Jonas Söderström • 2023
64. Jonas Söderström • 2024 Tisdag Januari 30 Inkluderande design. Klarspråk och krångligt språk = ni får inlämningsuppgift Informations- design. Genrer av ux-text (forts). Flöden. Torsdag Januari 25 Torsdag Januari 18 Tisdag Januari 23 Vecka 5 Vecka 3 Vecka 4