Jonas Söderström • 2024
Slajds:
Del 2: Vad är UX?
Trä
ff
#1 • Tisdag 2 april
Jonas Söderström • vt 24 • UX Writing • Nackademin
Slide 2
Slide 2 text
Jonas Söderström • 2024
Vad är ”UX writing”?
🤔
UX copy, ux-text, microcopy …
Slide 3
Slide 3 text
Jonas Söderström • 2024
Vad är ”UX”?
🤔
Slide 4
Slide 4 text
Jonas Söderström • 2024
Vi ska bygga …
. . . en webbsajt
Slide 5
Slide 5 text
Jonas Söderström 2024
Slide 6
Slide 6 text
Jonas Söderström 2024
Slide 7
Slide 7 text
Jonas Söderström 2024
Slide 8
Slide 8 text
Jonas Söderström 2024
Färg, form, linje, skuggor …
Slide 9
Slide 9 text
Jonas Söderström 2024
… typsnitt
Information
Men vad innehåller flikarna?
Vad heter avdelningarna?
Slide 10
Slide 10 text
Jonas Söderström 2024
Vad placeras under respektive rubrik?
Hur många avdelningar?
I villken ordning kommer de?
Information Service Tjänster Om Process
Slide 11
Slide 11 text
Jonas Söderström 2024
Och vad kan man göra?
Information Service Tjänster Om Process
• Vad kan man göra med menyn?
• Hur reagerar den vid mouseover?
• Om man klickar på den?
Tjänster
• Går man till en annan sida?
• Fälls det ut en undermeny?
•Fälls den ihop eller stannar?
• Om man klickar på en annan tab?
Slide 12
Slide 12 text
Jonas Söderström 2024
Visuell
design
Infor-
mations-
design
Inter-
aktions-
design
Se,
uppleva,
känna
Hitta,
tolka,
förstå
Agera,
handla, göra
User interface –
gränssnitt
Slide 13
Slide 13 text
Jonas Söderström • 2024
Vi byter
perspektiv
Slide 14
Slide 14 text
Jonas Söderström • 2024
Vad ”innehåller” en digital produkt / tjänst?
• Fyra ”delar”
Slide 15
Slide 15 text
Jonas Söderström • 2024
Fyra aspekter på en digital produkt / tjänst
• Gör tjänsten
något
värdefullt?
• Fyller den
ett behov?
Syfte,
innehåll
Slide 16
Slide 16 text
Jonas Söderström • 2024
Slide 17
Slide 17 text
Jonas Söderström • 2024
Fyra aspekter på en digital produkt / tjänst
• Är den tekniskt
stabil, tillförlitlig,
kompatibel…?
Teknik,
kod,
hårdvara
Slide 18
Slide 18 text
Jonas Söderström • 2024
Slide 19
Slide 19 text
Jonas Söderström • 2024
Fyra aspekter på en digital produkt / tjänst
• Läcker inte
persondata
• Svår att hacka
• Mina pengar
oåtkomliga
Säkerhet,
integritet
Slide 20
Slide 20 text
Jonas Söderström • 2024
• Vi har normalt
inte så mycket
in
fl
ytande över
dessa delar …
Säkerhet,
integritet
Teknik,
kod,
hårdvara
Syfte,
innehåll
Slide 21
Slide 21 text
Jonas Söderström • 2024
Fyra aspekter på en digital produkt / tjänst
• Behaglig,
enkel att använda,
Design
Slide 22
Slide 22 text
Jonas Söderström • 2024
Slide 23
Slide 23 text
Jonas Söderström • 2024
Låt oss
zooma in på
design …
och ta
användarens
perspektiv! Design
Syfte,
innehåll
Teknik,
kod,
hårdvara
Säkerhet,
integritet
Slide 24
Slide 24 text
Jonas Söderström 2024
Vad lätt att hitta!
Vad lätt att förstå!
Vad snyggt!
Vad häftigt!
Vad enkelt!
Så lätt att göra!
Slide 25
Slide 25 text
Jonas Söderström 2024
Vad enkelt att
anmäl sig!
Toppen!
Hittar
sajten
Det här ser snyggt,
coolt, seriöst
ut!
Ah, här finns
kvällskursen
om vikingatiden!
UX – vad människor
upplever när de
använder din
app, sajt, tjänst
😀
Slide 26
Slide 26 text
Jonas Söderström 2024
Men WTF …
varför kan jag inte
hitta?
Fula färger…
tråkiga bilder….
&%£#! 11 klick för
att komma vidare!?!
Slide 27
Slide 27 text
Jonas Söderström 2024
Nu vill jag göra …
Börjar
använda Hur ser
det här ut?
Var finns det
jag söker?
Det går
inte!
🤬
Kan inte hitta
– sticker
😠
Fult, konstigt –
sticker
🙁
När dålig
ui-design ger
användarna en
dålig upplevelse
Jonas Söderström 2024
HASTIGHET
DESIGN
11 186
m/s
bränsle
form
motor
Slide 32
Slide 32 text
Jonas Söderström 2024
Visuell
design
Infor-
mations-
design
Inter-
aktions-
design
Se,
uppleva,
känna
Hitta,
tolka,
förstå
Agera,
handla,
köpa
UX text
Slide 33
Slide 33 text
Jonas Söderström • 2024
Talsvarssystem?
Slide 34
Slide 34 text
Jonas Söderström 2024
Visceral
design
Infor-
mations-
design
Inter-
aktions-
design
Röstkvalitet,
dialekt,
talhastighet,
etc
Träd-
struktur,
antal
menyval
Tid för att trycka
på knappar,
”press ahead”
User interface –
röstgränssnitt/
Talsvar
Slide 35
Slide 35 text
Jonas Söderström • 2024
UX är (strängt taget)
ett kvalitetsmått
på slutresultatet – men …
Slide 36
Slide 36 text
Jonas Söderström • 2024
UX har blivit
ett paraply-begrepp
(egentligen mest yrket designer)
(egentligen mest interaktionsdesign)
(egentligen user research)
(egentligen designprocess)
… ja, vadå?
UX-are
UX-design
UX-research
UX-process
UX-writing
Slide 37
Slide 37 text
Jonas Söderström • 2024
Frågor?
Slide 38
Slide 38 text
Jonas Söderström • 2024
Sammanfattning
• UX är användarens kvalitetsmått på helheten …
• … men begreppet används på många sätt.
• Ett gränssnitt har element av
• visuell design
• informationsdesign
• interaktionsdesign
• Ux-text är en viktig del av informations-
och interaktionsdesign
Slide 39
Slide 39 text
Jonas Söderström • 2024
Uppgift:
•Kolla på tjänster och sajter
och se om du kan känna igen
”tre slags design”.
Slide 40
Slide 40 text
Jonas Söderström • 2024
Lästips: UX för nybörjare
Tid
Steve Krug:
Don’t make me think
(Revisited)
2014
Slide 41
Slide 41 text
Jonas Söderström • 2024
Tisdag
April
9
= ni får inlämningsuppgift
Torsdag
April
4 Torsdag
April
11 Tisdag
April
16
Vad är
ux writing?
Text &
organisation.
Grunder
i ux-texter.
Genrer
av ux-text 1.
Informations-
design
Genrer
av ux-text 2.
Vecka 14 Vecka 16
Vecka 15