Slide 1

Slide 1 text

Jonas Söderström • 2023 Kort, enkel, nära 
 Genrer av ux-text (2) Fler design-begrepp Trä ff #4 • Onsdag 27 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ÖLig Hittade ni några intressanta 404or? Tretton genrer av ux-texter: 
 från aviseringar till tonsättare

Slide 3

Slide 3 text

Jonas Söderström • 2023 Mycket kort 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 Form: }”KEN”

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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.

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

Jonas Söderström • 2023 Gestalt- psykologi

Slide 15

Slide 15 text

Jonas Söderström • 2023 Närhetens lag

Slide 16

Slide 16 text

Jonas Söderström • 2023

Slide 17

Slide 17 text

Jonas Söderström • 2023 Meny som visar status på ett antal ärenden Siffran … … hör till etiketten till vänster!

Slide 18

Slide 18 text

Jonas Söderström • 2023

Slide 19

Slide 19 text

Jonas Söderström • 2023 Bara 2 av 20 
 såg direkt; ytterligare en upptäckte senare

Slide 20

Slide 20 text

Jonas Söderström • 2023

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

Jonas Söderström • 2023

Slide 28

Slide 28 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 + ”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 29

Slide 29 text

Jonas Söderström • 2022 7. Aviseringar Dyker upp 
 i andra sammanhang

Slide 30

Slide 30 text

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 31

Slide 31 text

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 32

Slide 32 text

Jonas Söderström • 2023

Slide 33

Slide 33 text

Jonas Söderström • 2023

Slide 34

Slide 34 text

Jonas Söderström • 2023

Slide 35

Slide 35 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 + ”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 36

Slide 36 text

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

Slide 37

Slide 37 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 38

Slide 38 text

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

Slide 39

Slide 39 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 👎 ÅÅMMDD 👎

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 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 43

Slide 43 text

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

Slide 44

Slide 44 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 45

Slide 45 text

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

Slide 46

Slide 46 text

Jonas Söderström • 2023 12. 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 47

Slide 47 text

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

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

Jonas Söderström • 2022 UX- orientering: 
 Ännu fler design-ord! 😳

Slide 50

Slide 50 text

Jonas Söderström • 2021 Visuell design Infor- 
 mations- 
 design Inter- 
 aktions- 
 design Se, uppleva, känna Hitta, tolka, förstå Agera, handla, beställa Användarens fokus

Slide 51

Slide 51 text

Jonas Söderström • 2021 UX UI Interaktionsdesign Business design Service design User research Hur hänger allt ihop? Design thinking

Slide 52

Slide 52 text

Jonas Söderström • 2023 Vi ska bygga … . . . en webbsajt

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

Jonas Söderström • 2023 Visuell design Infor- 
 mations- 
 design Inter- 
 aktions- 
 design DESIGN (”UI”) UX 🙁 😀 🙂

Slide 55

Slide 55 text

Men vänta lite …

Slide 56

Slide 56 text

Jonas Söderström • 2023 Visuell design Infor- 
 mations- 
 design Inter- 
 aktions- 
 design Vi ska bygga en sajt UX-design/UI design ? Men hallå, är det verkligen en sajt vi ska ha? 😀 Bra ux

Slide 57

Slide 57 text

Jonas Söderström • 2023 Visuell design Infor- 
 mations- 
 design Inter- 
 aktions- 
 design UI design ? Men hallå, är det verkligen en sajt vi ska ha? En app Callcenter Broschyr Tävling Nytt kontor Tjänstedesign En supermolpangdylometer User research Verksamhetens behov 😀 Bra ux Innovation!

Slide 58

Slide 58 text

Jonas Söderström • 2023 Visuell design Infor- 
 mations- 
 design Inter- 
 aktions- 
 design UI design ? Men hallå, är det verkligen en sajt vi ska ha? En app Callcenter! Broschyr Tävling Nytt kontor Tjänstedesign En supermolpangdylometer User research Verksamhetens behov 😀 Bra ux

Slide 59

Slide 59 text

Jonas Söderström • 2023 Visuell design Infor- 
 mations- 
 design Inter- 
 aktions- 
 design UI design ? Men hallå, är det verkligen en sajt vi ska ha? En app Callcenter! Broschyr Tävling Nytt kontor Tjänstedesign En supermolpangdylometer User research Verksamhetens behov 😀 Bra ux Tjänstedesign, även kallat service design, innebär att planera och organisera både människor, infrastruktur, kommunikation och andra komponenter kring en tjänst för att förhöja kundens upplevelse av tjänsten. Wikipedia

Slide 60

Slide 60 text

Jonas Söderström • 2023 ? Men hallå, är det verkligen en sajt vi ska ha? En app Callcenter Broschyr Tävling Tjänstedesign User research Verksamhetens behov ? Men hallå, är det verkligen huppmobiler 
 vi ska sälja? Business design? Visuell design Infor- 
 mations- 
 design Inter- 
 aktions- 
 design UI design 😀 Bra ux Nytt kontor En supermolpangdylometer

Slide 61

Slide 61 text

Jonas Söderström • 2023 ? Men hallå, är det verkligen en sajt vi ska ha? En app Callcenter Broschyr Tävling Tjänstedesign User research Verksamhetens behov ? Men hallå, är det verkligen huppmobiler 
 vi ska sälja? Business design? Visuell design Infor- 
 mations- 
 design Inter- 
 aktions- 
 design UI design 😀 Bra ux Nytt kontor En supermolpangdylometer UX Design

Slide 62

Slide 62 text

Jonas Söderström • 2023 ? Men hallå, är det verkligen en sajt vi ska ha? En app Callcenter Broschyr Tävling Tjänstedesign User research Verksamhetens behov ? Men hallå, är det verkligen huppmobiler 
 vi ska sälja? Business design? Visuell design Infor- 
 mations- 
 design Inter- 
 aktions- 
 design UI design 😀 Bra ux Nytt kontor En supermolpangdylometer UX Design thinking

Slide 63

Slide 63 text

En oändlig loop (”design thinking”) Börja här

Slide 64

Slide 64 text

Sex steg Stanford

Slide 65

Slide 65 text

Sex steg SKR Innovationsguiden Börja här

Slide 66

Slide 66 text

… men egentligen kokar det mesta ner till det här:

Slide 67

Slide 67 text

Jonas Söderström • 2023 Börja inte med lösningen!

Slide 68

Slide 68 text

Jonas Söderström • 2023

Slide 69

Slide 69 text

Jonas Söderström • 2023 En portal Bestående förändring Lösning ?

Slide 70

Slide 70 text

Jonas Söderström • 2023 En portal Bestående förändring Lösning ? Mindre tidsåtgång för ansökan om forskningsstöd

Slide 71

Slide 71 text

Jonas Söderström • 2023 En portal Bestående förändring Lösning Mindre tidsåtgång för ansökan om forskningsstöd Inte missa något enda forskningsstöd

Slide 72

Slide 72 text

Jonas Söderström • 2023 En portal Bestående förändring Lösning Mindre tidsåtgång för ansökan om forskningsstöd Inte missa något enda forskningsstöd Effektmål Mätpunkt 25%

Slide 73

Slide 73 text

Jonas Söderström • 2023 Portal Lösning Utbildning Mer stöd Byta arbetsform? Incitament? AI? Whiteboard? Mindre tidsåtgång för ansökan om forskningsstöd Inte missa något enda forskningsstöd Effektmål Mätpunkt 25% Bestående förändring

Slide 74

Slide 74 text

Jonas Söderström • 2023 Hur känner man igen en lösning? Något man köper, betalar för, behöver driva, organisera Bestående förändring Lösning En förändrad (mätbar) kvalitet hos organisationen eller hos människor

Slide 75

Slide 75 text

Jonas Söderström • 2023 Att ändra 
 ”business design”

Slide 76

Slide 76 text

Jonas Söderström • 2023 Stewart Butter fi eld Game Neverending (online rollspel)

Slide 77

Slide 77 text

Jonas Söderström • 2023 Game Neverending (online rollspel) Flickr (fotosajt)

Slide 78

Slide 78 text

Jonas Söderström • 2023 Game Neverending (online rollspel) Flickr (fotosajt) Slack (kommunikation) Glitch (online rollspel)

Slide 79

Slide 79 text

Jonas Söderström • 2023 Stewart Butter fi eld In December 2020, Salesforce con fi rmed plans to buy Slack for US$ 27.7 billion.

Slide 80

Slide 80 text

Jonas Söderström • 2023 Informations- design Inkluderande design = ni får inlämningsuppgift Rubriker, Lämna in uppgift (senast) Måndag Oktober 2 Vecka 40 Onsdag Oktober 4 Krångligt språk, klarspråk Måndag Oktober 9 Vecka 41 Onsdag Oktober 11