Jonas Söderström • 2024
Praktiskt om kursen
Vad är UX?
Trä
ff
#1 • 10 januari 2024
Jonas Söderström • vt 24 • UX Writing • Nackademin
Slide 2
Slide 2 text
Jonas Söderström • 2024
Idag
• Praktiskt
• Vilka är vi? En liten enkät med Menti.
• Virtuella
fi
kabord!
• Vad är ux?
• Tre slags design.
Slide 3
Slide 3 text
Jonas Söderström • 2024
Schema
• Onsdagar 15–17.
• Undantag v 18: mån 29 april istället för 1 maj
• Några datum /klockslag kan komma att ändras.
Jag varskor i god tid.
• 24 veckor – avslutning 19 juni.
Slide 4
Slide 4 text
Jonas Söderström • 2024
Onsdag
Januari
24
Onsdag
Januari
17 Onsdag
Januari
31 Onsdag
Februari
7
Vad är ux
writing?
Text &
organisation
Grunder i
ux-texter.
Genrer av
ux-text 1.
Informations-
design
Genrer av
ux-text 2.
Flöden.
Slide 5
Slide 5 text
Jonas Söderström • 2024
Dagsschema
• Ungefär 45 minuter möte, 10–15 minuter rast.
• Fråga när som helst.
• Ha helst kameran på.
• Det är okej om ett husdjur gör ett gästspel,
men man måste säga vad djuret heter!
Slide 6
Slide 6 text
Jonas Söderström • 2024
Så går det till:
• Alla trä
ff
ar spelas in.
• Man kan titta på dem när man vill.
• Länken till inspelningen är klar nästa dag.
• Det är inte samma som till trä
ff
en live!
• Ingen obligatorisk närvaro.
Slide 7
Slide 7 text
Jonas Söderström • 2024
Betyg
• Närvaro är inte i sig betygsgrundande
(eftersom man kan titta i efterhand) …
• Ni kommer att få några inlämningsuppgifter
som jag tar som grund för betygssättningen.
• Betygen är Icke godkänt, Godkänt, Väl godkänt
• … men …
Slide 8
Slide 8 text
Jonas Söderström • 2024
Jag
• UX-strateg
• Webb sedan
1994
• Digitala
lösningar sedan
1980
• Lingvist,
journalist,
redaktör, AD
• Författare,
konsult
• Regeringen
• ICA
• Polisen
• KF
• Försäkringskassan
• Axfood
• Prevent
• Sunt Arbetsliv
• Lärarförbundet
• SIF
• CAB
• SL
• Unionen
• IFSW
Slide 9
Slide 9 text
Jonas Söderström • 2024
”En av de mest kompletta böcker
jag har läst om att skriva digitalt
– eller att skriva över
huvud taget.” (Språkbruk)
”Det
fi
nns massor av böcker som
försöker lära dig att skriva bra,
det här är en av de få som jag
tror fungerar." (Bibliotekstjänst)
Slide 10
Slide 10 text
Jonas Söderström • 2024
”Hur en usel digital
arbetsmiljö stressar oss
på jobbet – och hur
vi kan ta tillbaka
kontrollen.”
Jonas Söderström • 2024
Ni kommer att
vara kursen
Nike
* Nikanor var namnsdag
10 januari fram till 1902
*
Nike från
Samothrake
(Louvren)
Gipskopia
på Konstakademin
i Stockholm
Slide 15
Slide 15 text
Jonas Söderström • 2024
Slide 16
Slide 16 text
Jonas Söderström • 2024
Slack
Mejla mig på
[email protected]
så lägger jag till er.
Slide 17
Slide 17 text
Jonas Söderström • 2024
Vilka är ni?
menti.com
1370 9455
Resultat
Slide 18
Slide 18 text
Jonas Söderström • 2024
Resultat från
frågorna på
Menti:
Slide 19
Slide 19 text
Jonas Söderström 2024
Vad är din titel idag?
Slide 20
Slide 20 text
Jonas Söderström 2024
Vad är din bakgrund? Vad har du pluggat (mest)?
Slide 21
Slide 21 text
Jonas Söderström 2024
Var
fi
nns du idag?
Slide 22
Slide 22 text
Jonas Söderström • 2024
Paus till 15.55!
Slide 23
Slide 23 text
Jonas Söderström • 2024
Virtuella fikabord!
Slide 24
Slide 24 text
Jonas Söderström • 2024
Vad är ”UX writing”?
🤔
UX copy, ux-text, microcopy …
Slide 25
Slide 25 text
Jonas Söderström • 2024
Vad är ”UX”?
🤔
Slide 26
Slide 26 text
Jonas Söderström • 2024
Vi ska bygga …
. . . en webbsajt
Slide 27
Slide 27 text
Jonas Söderström 2024
Slide 28
Slide 28 text
Jonas Söderström 2024
Slide 29
Slide 29 text
Jonas Söderström 2024
Slide 30
Slide 30 text
Jonas Söderström 2024
Färg, form, linje, skuggor …
Slide 31
Slide 31 text
Jonas Söderström 2024
… typsnitt
Information
Men vad innehåller flikarna?
Vad heter avdelningarna?
Slide 32
Slide 32 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 33
Slide 33 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 34
Slide 34 text
Jonas Söderström 2024
Visuell
design
Infor-
mations-
design
Inter-
aktions-
design
Se,
uppleva,
känna
Hitta,
tolka,
förstå
Agera,
handla,
beställa
User interface –
gränssnitt
Slide 35
Slide 35 text
Jonas Söderström • 2021
Slide 36
Slide 36 text
Jonas Söderström • 2024
Vi byter
perspektiv
Slide 37
Slide 37 text
Jonas Söderström • 2024
Vad ”innehåller” en digital produkt / tjänst?
• Fyra ”delar”
Slide 38
Slide 38 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 39
Slide 39 text
Jonas Söderström • 2024
Slide 40
Slide 40 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 41
Slide 41 text
Jonas Söderström • 2024
Slide 42
Slide 42 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 43
Slide 43 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 44
Slide 44 text
Jonas Söderström • 2024
Fyra aspekter på en digital produkt / tjänst
• Behaglig,
enkel att använda
Design
Slide 45
Slide 45 text
Jonas Söderström • 2024
Slide 46
Slide 46 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 47
Slide 47 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 48
Slide 48 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 49
Slide 49 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 50
Slide 50 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 55
Slide 55 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 56
Slide 56 text
Jonas Söderström • 2024
Talsvarssystem?
Slide 57
Slide 57 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 58
Slide 58 text
Jonas Söderström 2024
UX är (strängt taget)
ett kvalitetsmått
på slutresultatet … men …
Slide 59
Slide 59 text
Jonas Söderström 2024
UX har blivit
en paraplyterm
(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 60
Slide 60 text
Jonas Söderström • 2024
Frågor?
Slide 61
Slide 61 text
Jonas Söderström • 2024
Sammanfatting
• 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 62
Slide 62 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 63
Slide 63 text
Jonas Söderström • 2024
Praktisk uppgift:
•Skapa en mapp på din dator
för ”ux-texter”, där du kan
spara ner exempel (skärmdumpar,
andra bilder, eller texter).
Slide 64
Slide 64 text
Jonas Söderström • 2024
Slack
Mejla mig på
[email protected]
så lägger jag till er.
Slide 65
Slide 65 text
Jonas Söderström • 2024
Lästips: UX för nybörjare
Tid
Steve Krug:
Don’t make me think
(Revisited)
2014
Slide 66
Slide 66 text
Jonas Söderström • 2024
Onsdag
Januari
24
Onsdag
Januari
17 Onsdag
Januari
31 Onsdag
Februari
7
Vad är ux
writing?
Text &
organisation
Grunder i
ux-texter.
Genrer av
ux-text 1.
Informations-
design
Genrer av
ux-text 2.
Flöden.
Slide 67
Slide 67 text
Jonas Söderström • 2024
Tack
för idag!
Ses onsdag
17 januari!