Slide 1

Slide 1 text

Jonas Söderström • 2024 Ux-texters form och innehåll: några principer Trä ff #3 • Tisdag 9 april Jonas Söderström • Vt 24 • UX Writing • Nackademin

Slide 2

Slide 2 text

Jonas Söderström • 2024 Lite repetition

Slide 3

Slide 3 text

Jonas Söderström 2024 Många olika genrer av ux-texter Felmeddelande Bekräftelse Varning Starthjälp Påminnelse Tillrättavisning Tillrättavisning Feedback-fråga Generella för många tjänster

Slide 4

Slide 4 text

Jonas Söderström • 2024 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!

Slide 5

Slide 5 text

Jonas Söderström • 2024 Noah Levin, Director of Design på Figma https://twitter.com/nlevin/status/ 1479173708715479043 6 januari 2022

Slide 6

Slide 6 text

Jonas Söderström • 2024 🙄

Slide 7

Slide 7 text

Jonas Söderström • 2024 César Navarrete

Slide 8

Slide 8 text

Jonas Söderström • 2024 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

Slide 9

Slide 9 text

Jonas Söderström • 2024 Sätta ton, underlätta interaktion Generella för många tjänster En e-tjänst är en digital medarbetare. Ux-text är hur den medarbetaren pratar med våra användare. Se till att ux-texten är tillgänglig: inkluderande, stöttande och motiverar användaren att behålla intresset. Åsa Holmberg, strateg inom tillgänglighet och inkluderande design ’’ ’’

Slide 10

Slide 10 text

Jonas Söderström • 2022 ”Signifiers” (”A ff ordances”) (”A ff ordances”) Håll här Lägg något här

Slide 11

Slide 11 text

Jonas Söderström • 2022 ”Signifiers” (”A ff ordances”) Huh? ???

Slide 12

Slide 12 text

Jonas Söderström • 2024 ”Bibeln” Don Norman: The design of everyday things Revised and expanded edition, 2014

Slide 13

Slide 13 text

Jonas Söderström • 2024 Ärrvävnad!

Slide 14

Slide 14 text

Jonas Söderström • 2024 Ux-texters form och innehåll: några principer

Slide 15

Slide 15 text

Jonas Söderström • 2024 UX-text ska vara MJÖLig

Slide 16

Slide 16 text

Jonas Söderström • 2024 MJÖLig: • Mänsklig • hJälpsam • Ödmjuk • Lättsam

Slide 17

Slide 17 text

Jonas Söderström • 2024 Engelska: • 4 H: • Human • Helpful • Humble • Humorous

Slide 18

Slide 18 text

Jonas Söderström • 2024 Mänsklig • Vi, vår, oss; du, din, dina: Personliga pronomina • Verb i aktiv form • Nyttan för människan!

Slide 19

Slide 19 text

Jonas Söderström • 2024 • Teknisk beskrivning av status • Verb i passiv form • Substantiv i obestämd form • Tomma utförande-verb (”Åtgärden har utförts”)

Slide 20

Slide 20 text

Jonas Söderström • 2024 Men framför allt: Systemets perspektiv!

Slide 21

Slide 21 text

Jonas Söderström • 2024 Inte mänskliga: Borg-testet

Slide 22

Slide 22 text

Jonas Söderström • 2024 Borg-testet 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.

Slide 23

Slide 23 text

Jonas Söderström • 2024 Borg-testet 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.

Slide 24

Slide 24 text

Jonas Söderström • 2024

Slide 25

Slide 25 text

Jonas Söderström • 2024 Mänskligt • Beskriv ur användarens perspektiv, inte systemets! • Nyttor eller konsekvenser för användaren • Använd gärna personliga pronomina (vi, du, oss, dig) • Använd aktiva verb • Använd substantiv i bestämd form

Slide 26

Slide 26 text

Jonas Söderström • 2024 hJälpsam

Slide 27

Slide 27 text

Jonas Söderström • 2024 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"

Slide 28

Slide 28 text

Jonas Söderström • 2024 Ödmjuk

Slide 29

Slide 29 text

Jonas Söderström • 2024 Inte helt ödmjuk

Slide 30

Slide 30 text

Jonas Söderström • 2024 Ö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.

Slide 31

Slide 31 text

Jonas Söderström • 2024 Lättsam

Slide 32

Slide 32 text

Jonas Söderström • 2024 Vad är nyttan med ”lättsamhet”? (1) Människor minns lättsamma eller roliga inslag bättre än icke-humoristiska Det kan bero på antingen • den ökade kognitiva bearbetningstiden för att förstå humorn, eller • den affekt – glädje, förnöjsamhet – som humorn orsakar.

Slide 33

Slide 33 text

Jonas Söderström • 2024 Vad är nyttan med ”lättsamhet”? (2) Humor minskar stress. Stress, i sin tur, skapar så kallat tunnelseende vilket gör det svårare för människor att lösa problem eller uppgifter.

Slide 34

Slide 34 text

Jonas Söderström • 2024 Paws and re fl ect a moment This is getting un-bear-able

Slide 35

Slide 35 text

Jonas Söderström • 2024 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.

Slide 36

Slide 36 text

Jonas Söderström • 2024 OK

Slide 37

Slide 37 text

Jonas Söderström • 2024

Slide 38

Slide 38 text

Jonas Söderström • 2024 Personan ”förtroende- ingivande farmacept”? Knappast!

Slide 39

Slide 39 text

Jonas Söderström • 2024 Paus till 16.05!

Slide 40

Slide 40 text

Jonas Söderström • 2024 Kort Enkel Nära • Form: }”KEN”

Slide 41

Slide 41 text

Jonas Söderström • 2024 Kort Ingen kommer till en tjänst för att läsa UX-texter.

Slide 42

Slide 42 text

Jonas Söderström • 2024 Kort Skriv kortare och din text kan läggas närmare det som den berör. Men undvik förkortningar.

Slide 43

Slide 43 text

Jonas Söderström • 2024 Enkel Minska kognitiv belastning! Raka meningar. Enkla ord.

Slide 44

Slide 44 text

Jonas Söderström • 2024 Enkel Duplicera inte information i onödan:

Slide 45

Slide 45 text

Jonas Söderström • 2024 Behöver dialogrutor rubriker?

Slide 46

Slide 46 text

Jonas Söderström • 2024 Behöver dialogrutor rubriker? Är du säker på att du vill stänga rutan?

Slide 47

Slide 47 text

Jonas Söderström • 2024 Rubriker eller förklaringar?

Slide 48

Slide 48 text

Jonas Söderström • 2024 Förklaringar är bra i dialogrutor ..när följderna av en åtgärd eller ett val inte är helt uppenbara eller synliga för användaren.

Slide 49

Slide 49 text

Jonas Söderström • 2024 Rubriker är bra i dialoger … … när vi vill sätta en lättsammare eller ödmjukare ton

Slide 50

Slide 50 text

Jonas Söderström • 2024 Nära Till betalning Du kan ändra din order även i nästa steg. Namn

Slide 51

Slide 51 text

Jonas Söderström • 2024 Nära Till betalning Du kan ändra din order även i nästa steg. Namn Du måste fylla i namn

Slide 52

Slide 52 text

Jonas Söderström • 2024 Exkluderande design Namn Du måste fylla i namn Adress Postnr

Slide 53

Slide 53 text

Jonas Söderström • 2024 Kort Enkel Nära

Slide 54

Slide 54 text

Jonas Söderström • 2024 + MJÖL KEN

Slide 55

Slide 55 text

Jonas Söderström • 2024

Slide 56

Slide 56 text

Jonas Söderström • 2024 Genrer av ux-text

Slide 57

Slide 57 text

Jonas Söderström • 2024 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 + Bedräglig design 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

Slide 58

Slide 58 text

Jonas Söderström • 2024 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

Slide 59

Slide 59 text

Jonas Söderström • 2024 1. Statusmeddelanden … är viktiga när statusen (läget, tillståndet) inte är uppenbar eller välkänd för användaren! Normalt därför att hen inte själv bestämt eller orsakat den! Tydliga statusmeddelanden skapar trygghet och förebygger missförstånd!

Slide 60

Slide 60 text

Jonas Söderström • 2024 1. Statusmeddelanden Användarens status Tjänsten/ systemets status Andra användares status

Slide 61

Slide 61 text

Jonas Söderström • 2024 1. Användarens status

Slide 62

Slide 62 text

Jonas Söderström • 2024 1. Systemets status

Slide 63

Slide 63 text

Jonas Söderström • 2024 1. Andra användares status ”Omar X följer dig nu” (Linked In)

Slide 64

Slide 64 text

Jonas Söderström • 2024 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!

Slide 65

Slide 65 text

Jonas Söderström • 2024 2. Processmeddelanden

Slide 66

Slide 66 text

Jonas Söderström • 2024 2. Processmeddelanden

Slide 67

Slide 67 text

Jonas Söderström • 2024 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 (”progress bar”)!

Slide 68

Slide 68 text

Jonas Söderström • 2024 3. Bekräftelser och kvittenser

Slide 69

Slide 69 text

Jonas Söderström • 2024

Slide 70

Slide 70 text

Jonas Söderström • 2024 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!

Slide 71

Slide 71 text

Jonas Söderström • 2024 4. Felmeddelanden

Slide 72

Slide 72 text

Jonas Söderström • 2024 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”

Slide 73

Slide 73 text

Jonas Söderström • 2024 4. Felmeddelanden bör inte… … lyfta fram tekniska detaljer som är omöjliga att tolka för användaren, till exempel • interna begrepp

Slide 74

Slide 74 text

Jonas Söderström • 2024 4. Felmeddelanden: 404-sidor

Slide 75

Slide 75 text

Jonas Söderström • 2024

Slide 76

Slide 76 text

Jonas Söderström • 2024 Per Axbom, axbom.com (Coach och UX-expert)

Slide 77

Slide 77 text

Jonas Söderström • 2024

Slide 78

Slide 78 text

Jonas Söderström • 2024 Sammanfattning • Mänsklig, hJälpsam, Ödmjuk, Lättsam • (I fallande viktighetsordning) • Håll ux-texter korta, enkla, nära (”KEN”) • Statusmeddelanden är viktiga… • … och det är bekräftelser också! • Felmeddelanden är något att börja jobba med!

Slide 79

Slide 79 text

Jonas Söderström • 2024 Uppföljaren Don Norman: Emotional design Why we love (or hate) everyday things 2004

Slide 80

Slide 80 text

Jonas Söderström • 2024 Uppgift till nästa gång: • Provocera fram några 404-sidor. • Skriv www.[webbadress].se/kjfgopiojwfelkjcfqj • Ta skärmdumpar • Spara i din mapp – gör en undermapp för ”Felmeddelanden” • Jämför! Bra eller dåliga? något nonsens

Slide 81

Slide 81 text

Jonas Söderström • 2024 Frågor?

Slide 82

Slide 82 text

Jonas Söderström • 2024 Tisdag April 23 = ni får inlämningsuppgift Torsdag April 18 Torsdag April 11 Tisdag April 16 Inkluderande design. Klarspråk och krångligt språk 1. Informations- design. Genrer av ux-text 2. Vecka 17 Vecka 16 Vecka 15