Träff #1 • Vad är UX, UX-writing • vt 23 • UX writing Alva • Nackademin

Jonas Söderström 2023
Hej och välkomna
till kursen

i UX Writing!
Vi börjar 19.15!

Husse är snart här!
:)
Nellie
Måndag 18 september

View Slide

Vad är UX?
 
Vad är UX-writing?
UX writing • Trä
ff
#1 • Måndag 18 september
Jonas Söderström • HT 23 • Nackademin

View Slide

Jonas Söderström • 2023
Schema
• Måndagar och onsdagar 19–21

• Några onsdagar kommer att ändras till torsdag.
Jag varskor i god tid.

• 12 veckor – fram till 7 december

• Alla trä
ff
ar spelas in och man kan titta på dem när
man vill. Länken till inspelningen är klar efter någon
timme. Det är inte samma som till trä
ff
en live!

View Slide

Upplägg för veckorna
• Måndagar:

• Föreläsning med fokus på skrivande / text

• Eventuell genomgång av enkel uppgift

• Onsdagar:

• 19–20: Fortsättning om skrivande

• Eventuellt mindre uppgift

• 20–21: Mer orientering kring UX

View Slide

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!

View Slide

Betyg
• Ni kommer att få några inlämningsuppgifter
som jag tar som grund för betygssättningen.

• Närvaro är inte i sig betygsgrundande
(eftersom man kan titta i efterhand).

• Icke godkänt, Godkänt, Väl godkänt

• … men …

View Slide

Litteratur
• Vi återkommer till det!

View Slide

Idag
• Lite praktiskt

• Vilka är vi – en liten enkät med Menti.

• Snabbpresentation i smågrupper

• Vad är ux?

• Vad är ux-writing?

• Enkel uppgift

View Slide

Jag
• Regeringen

• ICA

• Polisen

• KF

• Försäkringskassan

• Axfood

• Prevent

• Sunt Arbetsliv

• Lärarförbundet

• SIF

• CAB

• SL

• Unionen

• IFSW

• UX-strateg

• Webb sedan 1994

• Digitala lösningar
sedan 1980

• Lingvist,
journalist,
redaktör, AD

• Författare,
konsult

View Slide

• ”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)

View Slide


View Slide

Kontakta mig på
[email protected]
Inte

[email protected]

0760 – 47 58 47

View Slide

Studentportalen

View Slide

Min meny

View Slide

Ni kommer
att vara
 
kurs Alva
 
Thomas
Alva Edison

View Slide

Slack
Skicka mejladress i mejl eller lägg som DM i chatten så lägger jag till dig.

(Och hoppas det funkar, Slack har konstrat till det lite.)

View Slide

Vilka är ni?

menti.com

2700 7024
Resultat

View Slide

Resultat från
frågorna på Menti:

View Slide


View Slide

Mini-presentation: Breakout rooms!

View Slide

Paus
till
20.15!

View Slide

Vad är ”UX-writing”?
🤔
UX-copy, microcopy …

View Slide

Vad är ”UX”?
🤔

View Slide

Vi ska bygga …
. . . en webbsajt

View Slide


View Slide

Färg, form, linje, skuggor …

View Slide

… typsnitt
Information
Men vad innehåller flikarna?
 
Vad heter avdelningarna?

View Slide

Vad placeras under respektive rubrik?

Hur många avdelningar?
 
I villken ordning kommer de?
Information Service Tjänster Om Process

View Slide

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?

View Slide

Visuell
 
design
Infor-
 
mations-
 
design
Inter-
 
aktions-
 
design
Se,
uppleva,
känna
Hitta,
tolka,
förstå
Agera,
handla,
beställa
User interface –
gränssnitt

View Slide

Vi byter
perspektiv

View Slide

Vad ”innehåller” en digital produkt / tjänst?
• Fyra
perspektiv

View Slide

Fyra perspektiv på en digital produkt / tjänst
• Gör tjänsten
något
värdefullt?

• Fyller den ett
behov?
Syfte,
innehåll

View Slide

• Är den tekniskt
stabil,
tillförlitlig,
kompatibel…?
Teknik,

kod,

hårdvara

View Slide

• Läcker inte
persondata

• Svår att hacka

• Mina pengar
oåtkomliga
Säkerhet,
integritet

View Slide

• Behaglig,
 
enkel att
använda
Design

View Slide


View Slide

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

View Slide

Vad lätt att hitta!

Vad lätt att förstå!
Vad snyggt!

Vad häftigt!
Vad enkelt!

Så lätt att göra!

View Slide

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
😀

View Slide

Men WTF …
varför kan jag inte
hitta?
Fula färger…
tråkiga bilder….
&%£#! 11 klick för
att komma vidare!?!

View Slide

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
 

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 är (strängt taget)
 
ett kvalitetsmått
 
på slutresultatet

View Slide

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

View Slide

HASTIGHET
DESIGN
11 186
m/s
bränsle
form
motor

View Slide

Visuell
design
Infor-
 
mations-
 
design
Inter-
 
aktions-
 
design
Se,
uppleva,
känna
Hitta,
tolka,
förstå
Agera,
handla,
köpa
UX text

View Slide

UX är (strängt taget)
 
ett kvalitetsmått
 
på slutresultatet … men …

View Slide

UX har blivit
 
en paraplyterm
(egentligen yrket designer)

(egentligen mest interaktionsdesign)

(egentligen user research)

(egentligen designprocess)

… ja, vadå?
UX-are

UX-design

UX-research

UX-process

UX-writing

View Slide

Vadå ”UX-writing”?
🤔

View Slide

▸ ”Nu söker vi en vass UX-skribent som brinner för att göra tjänster
 
för webb och digitala kanaler så användarvänliga och användbara
 
som möjligt …”
▸ ”Your goal is to make sure our users understand each part of
our platform from the smallest UI copy to our extensive public
help-center. You will be working closely with designers …”
▸ ”Som UX Writer på X-bolaget skriver du text som
förhöjer använda
r
upplevelsen i våra digitala kanaler …”
▸ ”As a user experience Writer, you will be shaping the
product experience by creating useful, meaningful text
that helps users complete the task at hand …”

View Slide

Språkrådet säger:

ux-skribent

och ux-texter
https://frageladan.isof.se/visasvar.py?
sok=ux%20writer&svar=79898&log_id=891741
”ux” med små
bokstäver

View Slide

Webbredaktör
Klarspråks-
ansvarig
Content
designer
Copywriter
Kommunikatör
Informatör
Ux-
skribent

View Slide

▸ ”Nu söker vi en vass UX-skribent som brinner för att göra tjänster
 
för webb och digitala kanaler så användarvänliga och användbara
 
som möjligt …”
▸ ”Your goal is to make sure our users understand each part of
our platform from the smallest UI copy to our extensive public
help-center. You will be working closely with designers …”
▸ ”Som UX Writer på X-bolaget skriver du text som
förhöjer använda
r
upplevelsen i våra digitala kanaler …”
▸ ”As a user experience Writer, you will be shaping the
product experience by creating useful, meaningful text
that helps users complete the task at hand …”

View Slide

UX copy
Jag skriver
inte om våra
produkter – jag skriver
 
i våra produkter
Så du är copy…
då kan du skriva våra
reklamtexter?

View Slide

Text som är ”innehåll”
Unikt för varje
sajt, tjänst …

View Slide

Ux-text: det som inte är ”innehåll”
Generella
för många
tjänster

View Slide

Sätta ton, underlätta interaktion
Generella
för många
tjänster

View Slide

Sätta ton, underlätta interaktion
Generella
för många
tjänster
En e-tjänst är en digital medarbetare.
 
UX-text är hur den medarbetaren
 
pratar med våra användare.

Se till att UX-texten är tillgänglig:
inkluderande, stöttande och motiverar
användaren att behålla intresset.
Åsa Holmberg,

strateg inom tillgänglighet
 
och inkluderande design

’’
’’

View Slide

Många olika genrer av ux-texter

View Slide

Många olika genrer av ux-texter
Felmeddelande
Bekräftelse
Varning
Starthjälp
Påminnelse
Tillrättavisning
Tillrättavisning
Feedback-fråga
Generella
för många
tjänster

View Slide

Tretton slag av ux-text
1. Statusmeddelanden

2. Processmeddelanden

3. Bekräftelser och kvittenser

4. Felmeddelanden

5. Negativa responser
 
och varningar

6. Tillrättavisningar

7. Uppmaningar, erbjudanden,
triggers och aviseringar
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

Struktur
ux-texter
Knappar, fel-
meddelanden,
bekräftelser,
etc
Vad kallar vi
avdelningar,
tjänster,
funktioner…
Ux-
skribent

View Slide

Jag bokade en vaccination för min
katt Limpan idag. Tidigare i online-
bokningen poppade AVLIVNING upp
överst. Det kanske verkar som en liten
 
sak men jag har alltid fått ett
 
hugg i hjärtat av det.
Så mycket
fi
nare nu när någon
 
sympatiserat med den känslan
och ersatt copytexten Avlivning med
Farväl / Avlivning som inte bara låter
värdigare utan som också hamnar en
bit ned i en lista som går i
bokstavsordning.

Tack för det. <3

Maria Idebro

View Slide

Struktur
ux-texter
Innehåll
Knappar, fel-
meddelanden,
bekräftelser,
etc
Själva
innehållet:
 
som recept,
nyheter,
varor ….
Vad kallar vi
avdelningar,
tjänster,
funktioner…
Ux-
skribent
Reklam
”Copy”,
marknads-
föring, sälj
Sökoptimering
(SEO)
Metadata

View Slide

Struktur
UX-texter
Innehåll
UX
writer
Reklam
Sökoptimering (SEO)
➳
➳
➳
➳
➳
➳
➳
➳
➳
➳
➳

View Slide

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

View Slide

Sammanfatting
• Ux-text kan förstås som

• Texter som inte är innehållet

• Texter för ton och interaktion

• … men ux-skribenter (ux writers) får nog jobba
 
med
fl
era delar av det språkliga uttrycket.

View Slide

Uppgift:
•Kolla på tjänster och sajter
 
och se om du kan känna igen
 
”tre slags design”.

•Skapa en mapp på din dator
 
för ”ux-texter”, där du kan
 
spara ner exempel (skärmdumpar,
andra bilder, eller texter).

View Slide

Lästips: UX för nybörjare
•Torbjörn Ryber:
 
Modern UX

View Slide

• Organisations-perspektiv
 
på UX writing
 
(ux-skribentens plats
 
och roll)

• Att skriva för e
ff
ekt

• Målgrupper inom ux
Nästa gång – onsdag 20 september:

View Slide

Informations-
design
Organisation;
Effekt, ux-
målgrupper
= ni får inlämningsuppgift
Genrer
 
av ux-text 2;

Fler design-
ord
Grunder
 
i ux-text,
genrer
 
av ux-text 1
Måndag

Oktober
2
Onsdag

September
27
Måndag

September
25
Onsdag

September
20
Vecka 38 Vecka 39 Vecka 40

View Slide

Frågor?

View Slide

Tack
 
för idag!

Ses på onsdag

klockan 19.00!

View Slide

Träff #1 • Vad är UX, UX-writing • vt 23 • UX writing Alva • Nackademin

Träff #1 • Vad är UX, UX-writing • vt 23 • UX writing Alva • Nackademin

Jonas Söderström
PRO

More Decks by Jonas Söderström

Other Decks in Design

Featured

Transcript

Träff #1 • Vad är UX, UX-writing • vt 23 • UX writing Alva • Nackademin

Träff #1 • Vad är UX, UX-writing • vt 23 • UX writing Alva • Nackademin

Jonas Söderström PRO

More Decks by Jonas Söderström

Other Decks in Design

Featured

Transcript

Jonas Söderström
PRO