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

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

View Slide

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

View Slide

Mycket kort
repetition

View Slide

MJÖLig:
•Mänsklig

•hJälpsam

•Ödmjuk

•Lättsam

View Slide

Kort

Enkel

Nära
Form:
}”KEN”

View Slide

Kort
Ingen kommer till en tjänst
för att läsa UX-texter.

View Slide

Enkel
Minska kognitiv belastning!

Raka meningar. Enkla ord.

View Slide

Enkel
Duplicera inte information
 
i onödan:

View Slide

Behöver dialogrutor rubriker?

View Slide

Behöver dialogrutor rubriker?
Är du säker på att du vill stänga rutan?

View Slide

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.

View Slide

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

View Slide

Nära
Till betalning
Du kan ändra din order
även i nästa steg.
Namn

View Slide

Gestalt-

psykologi

View Slide

Närhetens lag

View Slide


View Slide

Meny som visar status på ett antal ärenden
Siffran …
… hör till etiketten
till vänster!

View Slide


View Slide

Bara 2 av 20
 
såg direkt;
ytterligare en
upptäckte
senare

View Slide


View Slide

Nära
Till betalning
Du kan ändra din order
även i nästa steg.
Namn
Du måste fylla i namn

View Slide

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

View Slide

Exkluderande design
Namn Du måste fylla i namn
Adress
Postnr

View Slide

Inte ”nära!
 
 
Hur komma ihåg dessa
instruktioner på nästa sida?

View Slide

Kort

Enkel

Nära

View Slide

+
MJÖL KEN

View Slide


View Slide

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

View Slide

7. Aviseringar
Dyker upp
 
i andra
sammanhang

View Slide

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

View Slide

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

View Slide


View Slide

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
 

9. Ledtexter

 
och nya funktioner

11. Frågor: feedback
 
och erbjudanden


13. ”Tonsättare”:
 
Förmedla en känsla

View Slide

8. Användarens val:
interaktionskommandon Knappar,
dialogrutor,
formulär

View Slide

8. Användarens val:
• Vi kommer att prata mer om de här
senare, när vi pratar om
fl
öden!
Knappar,
dialogrutor,
formulär

View Slide

9. Ledtexter och guider

View Slide

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
👎

View Slide

 
och nya funktioner

View Slide

10: ”Onboarding”

View Slide

 
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.

View Slide

11. Frågor, feedback , erbjudanden

View Slide

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?

View Slide


View Slide

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

View Slide

13. ”Tonsättare”

View Slide

UX- orientering:
 
Ännu fler design-ord!
😳

View Slide

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

View Slide

UX UI
Interaktionsdesign
Business design
Service design User research
Hur hänger allt ihop?
Design thinking

View Slide

Vi ska bygga …
. . . en webbsajt

View Slide

View Slide

Visuell
design
Infor-
 
mations-
 
design
Inter-
 
aktions-
 
design
DESIGN (”UI”) UX
🙁 😀
🙂

View Slide

Men vänta lite …

View Slide

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

View Slide

Visuell
design
Infor-
 
mations-
 
design
Inter-
 
aktions-
 
design
UI design
?
Men hallå, är det
ska ha?
En app
Callcenter
Broschyr
Tävling
Nytt kontor
Tjänstedesign
En supermolpangdylometer
User research
Verksamhetens behov
😀
Bra ux
Innovation!

View Slide

Visuell
design
Infor-
 
mations-
 
design
Inter-
 
aktions-
 
design
UI design
?
Men hallå, är det
ska ha?
En app
Callcenter!
Broschyr
Tävling
Nytt kontor
Tjänstedesign
User research
Verksamhetens behov
😀
Bra ux

View Slide

Visuell
design
Infor-
 
mations-
 
design
Inter-
 
aktions-
 
design
UI design
?
Men hallå, är det
ska ha?
En app
Callcenter!
Broschyr
Tävling
Nytt kontor
Tjänstedesign
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

View Slide

?
Men hallå, är det
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

View Slide

?
Men hallå, är det
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
UX
Design

View Slide

?
Men hallå, är det
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
UX
Design thinking

View Slide

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

View Slide

Sex steg
Stanford

View Slide

Sex steg
SKR Innovationsguiden
Börja
här

View Slide

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

View Slide

Börja inte med lösningen!

View Slide


View Slide

En portal
Bestående
förändring
Lösning
?

View Slide

En portal
Bestående
förändring
Lösning
? Mindre tidsåtgång
för ansökan om
forskningsstöd

View Slide

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

View Slide

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%

View Slide

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

View Slide

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

View Slide

Att ändra
 
”business design”

View Slide

Stewart Butter
fi
eld
Game Neverending

(online rollspel)

View Slide

Game Neverending

(online rollspel)
Flickr

(fotosajt)

View Slide

Game Neverending

(online rollspel)
Flickr

(fotosajt)
Slack

(kommunikation)
Glitch

(online rollspel)

View Slide

Stewart Butter
fi
eld
In December 2020,
Salesforce
con
fi
rmed plans to
buy Slack for US$
27.7 billion.

View Slide

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

View Slide

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

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

Jonas Söderström
PRO

More Decks by Jonas Söderström

Other Decks in Design

Featured

Transcript

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

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

Jonas Söderström PRO

More Decks by Jonas Söderström

Other Decks in Design

Featured

Transcript

Jonas Söderström
PRO