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

Slide 1

Slide 1 text

Jonas Söderström • 2023 Genrer av ux-text Trä ff #4 • Onsdag 6 september Jonas Söderström • Ht 23 • UX Writing • Nackademin

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

Jonas Söderström • 2023 Lite repetition

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

Jonas Söderström • 2023

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

Jonas Söderström • 2023 The design of everyday things Don Norman

Slide 11

Slide 11 text

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.

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

Jonas Söderström • 2023 1. Andra användares status

Slide 19

Slide 19 text

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!

Slide 20

Slide 20 text

Jonas Söderström • 2023 2. Processmeddelanden

Slide 21

Slide 21 text

Jonas Söderström • 2023 2. Processmeddelanden

Slide 22

Slide 22 text

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”!

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

Jonas Söderström • 2023

Slide 25

Slide 25 text

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!

Slide 26

Slide 26 text

Jonas Söderström • 2023 4. Felmeddelanden

Slide 27

Slide 27 text

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”

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

Jonas Söderström • 2023

Slide 30

Slide 30 text

Jonas Söderström • 2023 5. Negativa responser

Slide 31

Slide 31 text

Jonas Söderström • 2023 5. Negativa responser 😾 Se upp med maskin-   översätt-   ringar!

Slide 32

Slide 32 text

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”

Slide 33

Slide 33 text

Jonas Söderström • 2023 6. Varningar och tillrättavisningar

Slide 34

Slide 34 text

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.

Slide 35

Slide 35 text

Jonas Söderström • 2023 Paus till 16.15!

Slide 36

Slide 36 text

Jonas Söderström • 2023 7. Uppmaningar och triggers

Slide 37

Slide 37 text

Jonas Söderström • 2023 7. Bedräglig design * Slumpmässig siffra mellan 25 och 47 ”Confirm- shaming” * tidigare ”dark patterns”

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

Jonas Söderström • 2023 www.deceptive.design

Slide 40

Slide 40 text

Jonas Söderström • 2022 Nudging

Slide 41

Slide 41 text

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.

Slide 42

Slide 42 text

Jonas Söderström • 2022 Trappor eller hiss? Mindre tallrikar

Slide 43

Slide 43 text

Jonas Söderström • 2022 Nudging =   design och ux-text Ja, skicka mig nyhetsbrev Nej tack, inga utskick

Slide 44

Slide 44 text

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?

Slide 45

Slide 45 text

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”

Slide 46

Slide 46 text

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!

Slide 47

Slide 47 text

Jonas Söderström • 2023 7. Aviseringar Dyker upp i andra sammanhang.   Ofta störande!

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

Jonas Söderström • 2023

Slide 51

Slide 51 text

Jonas Söderström • 2023

Slide 52

Slide 52 text

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.

Slide 53

Slide 53 text

Jonas Söderström • 2023 8. Användarens val: interaktionskommandon Knappar, dialogrutor, formulär

Slide 54

Slide 54 text

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

Slide 55

Slide 55 text

Jonas Söderström • 2023 9. Ledtexter och guider

Slide 56

Slide 56 text

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

Slide 57

Slide 57 text

Jonas Söderström • 2023 Inte ”nära!     Hur komma ihåg dessa instruktioner på nästa sida?

Slide 58

Slide 58 text

Jonas Söderström • 2023 10. Rundturer, starthjälp   och nya funktioner

Slide 59

Slide 59 text

Jonas Söderström • 2023 10: ”Onboarding”

Slide 60

Slide 60 text

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.

Slide 61

Slide 61 text

Jonas Söderström • 2023 11. Frågor, feedback , erbjudanden

Slide 62

Slide 62 text

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?

Slide 63

Slide 63 text

Jonas Söderström • 2023 12. Förtroendeskapare

Slide 64

Slide 64 text

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).

Slide 65

Slide 65 text

Jonas Söderström • 2023 13. ”Tonsättare”

Slide 66

Slide 66 text

Jonas Söderström • 2023 13. ”Tonsättare”

Slide 67

Slide 67 text

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

Slide 68

Slide 68 text

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