Jonas Söderström • 2024
Praktiskt om kursen
Vad är UX?
Trä
ff
#1 • 9 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
• Tisdagar och torsdagar 19–21.
• Undantag: nästa tisdag 16 jan: 19.15
• Undantag v 12: måndag 19-21 + onsdag 15-17.
• Några datum /klockslag kan komma att ändras.
Jag varskor i god tid.
• 12 veckor – avslutning 28 mars (skärtorsdag!).
Slide 4
Slide 4 text
Jonas Söderström • 2024
Tisdag
Januari
16
Vad är ux
writing?
Text &
organisation
Grunder i
ux-texter.
Genrer av
ux-text 1.
Informations-
design
Genrer av
ux-text 2.
Flöden.
Torsdag
Januari
11 Torsdag
Januari
18 Tisdag
Januari
23
Vecka 2 Vecka 3 Vecka 4
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) …
• … och inte heller obligatoriskt.
• 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
Julia
Sandra Newman:
Julia.
A retelling of
George Orwell’s 1984
(2023)
* Julianus var namnsdag 9 januari fram till 1902
*
Slide 15
Slide 15 text
Jonas Söderström • 2024
Slack
Mejla mig på
[email protected]
så lägger jag till er.
Slide 16
Slide 16 text
Jonas Söderström • 2024
Vilka är ni?
menti.com
1370 9455
Resultat
Slide 17
Slide 17 text
Jonas Söderström • 2024
Resultat från
frågorna på Menti:
Slide 18
Slide 18 text
Jonas Söderström 2024
Vad är din titel idag?
Slide 19
Slide 19 text
Jonas Söderström 2024
Vad är din bakgrund? Vad har du pluggat (mest)?
Slide 20
Slide 20 text
Jonas Söderström 2024
Var
fi
nns du idag?
Slide 21
Slide 21 text
Jonas Söderström • 2024
Paus till 19.55!
Slide 22
Slide 22 text
Jonas Söderström 2023
Vad är ”UX writing”?
🤔
UX copy, ux-text, microcopy …
Slide 23
Slide 23 text
Jonas Söderström 2023
Vad är ”UX”?
🤔
Slide 24
Slide 24 text
Jonas Söderström 2023
Vi ska bygga …
. . . en webbsajt
Slide 25
Slide 25 text
Jonas Söderström 2024
Slide 26
Slide 26 text
Jonas Söderström 2024
Slide 27
Slide 27 text
Jonas Söderström 2024
Slide 28
Slide 28 text
Jonas Söderström 2023
Färg, form, linje, skuggor …
Slide 29
Slide 29 text
Jonas Söderström 2023
… typsnitt
Information
Men vad innehåller flikarna?
Vad heter avdelningarna?
Slide 30
Slide 30 text
Jonas Söderström 2023
Vad placeras under respektive rubrik?
Hur många avdelningar?
I villken ordning kommer de?
Information Service Tjänster Om Process
Slide 31
Slide 31 text
Jonas Söderström 2023
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 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,
beställa
User interface –
gränssnitt
Slide 33
Slide 33 text
Jonas Söderström 2024
Vi byter
perspektiv
Slide 34
Slide 34 text
Jonas Söderström • 2023
Vad ”innehåller” en digital produkt / tjänst?
• Fyra
perspektiv
Slide 35
Slide 35 text
Jonas Söderström • 2023
Fyra perspektiv på en digital produkt / tjänst
• Gör tjänsten
något
värdefullt?
• Fyller den ett
behov?
Syfte,
innehåll
Slide 36
Slide 36 text
Jonas Söderström • 2023
Fyra perspektiv på en digital produkt / tjänst
• Är den tekniskt
stabil,
tillförlitlig,
kompatibel…?
Teknik,
kod,
hårdvara
Slide 37
Slide 37 text
Jonas Söderström • 2023
Fyra perspektiv på en digital produkt / tjänst
• Läcker inte
persondata
• Svår att hacka
• Mina pengar
oåtkomliga
Säkerhet,
integritet
Slide 38
Slide 38 text
Jonas Söderström • 2023
Fyra perspektiv på en digital produkt / tjänst
• Behaglig,
enkel att
använda
Design
Slide 39
Slide 39 text
Jonas Söderström • 2023
Vad ”innehåller” en digital produkt / tjänst?
Låt oss zooma in
på design!
Design
Syfte,
innehåll
Teknik,
kod,
hårdvara
Säkerhet,
integritet
Slide 40
Slide 40 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 41
Slide 41 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 42
Slide 42 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 43
Slide 43 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 48
Slide 48 text
Jonas Söderström 2023
Visuell
design
Infor-
mations-
design
Inter-
aktions-
design
Se,
uppleva,
känna
Hitta,
tolka,
förstå
Agera,
handla,
köpa
UX text
Slide 49
Slide 49 text
Jonas Söderström 2023
Talsvarssystem?
Slide 50
Slide 50 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 51
Slide 51 text
Jonas Söderström 2023
UX är (strängt taget)
ett kvalitetsmått
på slutresultatet … men …
Slide 52
Slide 52 text
Jonas Söderström 2023
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 53
Slide 53 text
Jonas Söderström 2024
Frågor?
Slide 54
Slide 54 text
Jonas Söderström • 2023
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 55
Slide 55 text
Jonas Söderström • 2023
Uppgift:
•Kolla på tjänster och sajter
och se om du kan känna igen
”tre slags design”.
Slide 56
Slide 56 text
Jonas Söderström • 2023
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 57
Slide 57 text
Jonas Söderström • 2024
Slack
Mejla mig på
[email protected]
så lägger jag till er.
Slide 58
Slide 58 text
Jonas Söderström • 2024
Lästips: UX för nybörjare
Steve Krug:
Don’t make me think
(Revisited)
2014
Slide 59
Slide 59 text
Jonas Söderström • 2024
Tisdag
Januari
16
Vad är ux
writing?
Text &
organisation
Grunder i ux-
texter. Genrer
av ux-text 1.
Informations-
design
Genrer av ux-
text 2.
Flöden.
Torsdag
Januari
11 Torsdag
Januari
18 Tisdag
Januari
23
Vecka 2 Vecka 3 Vecka 4
Slide 60
Slide 60 text
Jonas Söderström • 2023
Tack
för idag!
Ses på torsdag
klockan 19.00!