9789188419354 by Smakprov Media AB

All kopiering ur denna bok är enligt upphovsrättslagen förbjuden utan skriftligt tillstånd från förlaget. Detta förbud gäller även för undervisningsbruk.

Första upplagan, första tryckningen

Redaktör: Maria Sjödin

Omslag: Nathalie Torpenberg

ISBN 978-91-88419-35-4

Tryckt hos Scandbook, Falun

www.morfem.se

Karin Guldbrand &

Helena Englund Hjalmarsson

SKRIVA UX-TEXTER

En komplett guide i att skriva texter för användarflöden

Morfem

Innehåll

1. Den här boken 9 Vad är en ux-skribent? 9 Vad är mikrotexter? 10 Var möter man mikrotexter? 12 Hur du kan använda boken 13 2. Rösten och tonläget 14 Bra mikrotexter förbättrar din digitala produkt 14 Hitta varumärkets röst 15 Vad är en språklig profil? 17 Fyra skäl att ta fram en språklig profil 17 Använd din röst och slå an en ton 20 Pratcopy (conversational writing) 21 Så tar du fram en språklig profil 24 3. Att arbeta som ux-skribent 29 Copywriter eller ux-skribent? 29 Ux-skribenten är en expert 30 Kognitiv psykologi är kärnan i ux-skribentens kompetens 32 Kännedom om varumärket och den språkliga profilen 34 Kännedom om användarna 35 Kännedom om helheten 35 Hantera samarbetsverktyg 36 Kunskaper i testmetodik 37 Olika arbetssätt och processer 38 4. Texter som hjälper användaren i mål 41 Motivera till handling 41 Fösa, mana och vakta din flock 43 Bekräfta och berömma användarnas handlingar 44 Små, men värdefulla signaler 45 Det lilla extra som visar din välvilja 46 5. Användbarhet och tillgänglighet 47 Vad är användbarhet? 47 Vad är tillgänglighet? 48 Funkar användbarhet och tillgänglighet tillsammans? 48 De främsta argumenten för tillgänglighet 49 Lär dig lite om funktionsnedsättningar och funktionsvariationer 49

6. Skapa användbara formulär och funktioner 50 Anpassa efter målgrupp och syfte 50 Ge funktionen ett namn ur användarnas synvinkel 51 Ordna innehållet på ett logiskt sätt 51 Skriv begripligt 54 Skriv korrekt 56

inkluderande 56

konsekvent 57 Beskriv ljud, filmer, bilder, knappar och färger 58 Hjälp användarna att göra rätt 60 Testa och utvärdera 61 Checklista för användbara och tillgängliga formulär 62 7. Rubriker och sidtitlar 63 Skriva bra rubriker och sidtitlar 64 Huvudrubriken berättar vad användaren kan se eller göra 65 Använd ett enkelt, konkret och begripligt språk 66 Använd ett aktivt språk, gärna verb 66 Gör inte rubrikerna för långa, men inte heller för korta 67 Börja med det viktigaste 68 Lägg avsändarens namn sist i sidtiteln 69 Checklista för rubriker och sidtitlar 73 8. Länkar och navigeringsfunktioner 74 Menytexter 75 Länkarnas utseende 77 Länkarnas träffyta och placering 79 Länkar i eller utanför brödtexten? 79 Formulera tydliga länkar 80 Länkar till samma sida och länkar till olika sidor 83 Länkar till dokument och andra filer 84 E-postlänkar 85 Länkar till andra 87 Länkar som öppnar sidor i nya fönster eller flikar 87 Länktitlar 88 Checklista för länkar och navigeringsfunktioner 90 9. Fältetiketter 91 Pratcopy – konverserande fältetiketter 92 Behåll en konsekvent röst 96 Använd ett aktivt språk 97 Undvik nakna substantiv 99

Skriv

Förutbestämda svarsalternativ underlättar 99 Formulera fältetiketter och svarsalternativ 101 Kryssrutor 102 Ettvalsknappar 104 Rullgardinslistor och listrutor 106 Växlingsknappar 110 Stegare 112 Skjutreglage 113 Checklista för fältetiketter 115 10. Texter på funktionsknappar 116 Standardknappar 116 Konverteringsknappar 119 Knappar i avbryt-flöden och dialogrutor 122 Textalternativ 123 Checklista för texter på funktionsknappar 124 Checklista för avbrytdialoger 124 11. Hjälpande texter 125 Tre egenskaper för bra hjälpfunktioner 125 Olika sätt att visa och anpassa hjälpande texter 126 Ta reda på var hjälpande texter behövs 135 Vilka frågor kan hjälpande texter svara på? 137 Skriva hjälpande texter för hjälpsamlingar 142 Checklista för hjälpande texter 148 12. Förklara varför det är tomt 149 Hjälp användaren när det saknas innehåll 149 När tjänsten eller funktionen är ny 150 När varukorgen är tom 151 Checklista för tomma ytor 154 13. Felmeddelanden 155 Felmeddelandets syfte 156 Skriv tydliga och hjälpsamma felmeddelanden 156 Kan man ha frågor i felmeddelanden? 161 Humor i felmeddelanden 161 Lista de vanligaste felen och felmeddelandena 163 404-sidor, sidan kan inte hittas 165 Checklista för felmeddelanden 168 Checklista för 404-sidor 168

14. Återkoppla och bekräfta 169 Byta och återställa lösenord 169 Vänta medan vi processar 172 Varna för problem 175 Sökningen gav inte något resultat 178 Bekräfta att uppgiften är klar 182 Formulera bra bekräftelser 183 Exempel på bekräftelser 185 Checklista för återkoppling och bekräftelser 188 15. Bli kund och logga in 189 Registrera sig som kund 191 Skapa konto via sociala medier 193 Logga in 194 När kunderna kommer tillbaka 195 Logga ut 196 Checklista för registreringsformulär 197 16. Anmälningsformulär för nyhetsbrev 198 Användarna tvekar 198 Övertyga användarna med ditt bästa argument 200 Så här skriver du bra mikrotexter i registreringsformuläret 201 Checklista för anmälan till nyhetsbrev 205 17. Kontakta oss och boka tid 206 Kontakta oss 208 Kontakta supporten 208 Kategorisera förfrågningar efter ämne eller prioritet 209 Boka tid 210 Nej! Kontakta oss inte! 211 Checklista för kontakta oss-sidor 212 Referenser 213 Böcker 213 Webbartiklar 213 Webbriktlinjer.se 215 Register 217

1. Den här boken

Ux-skribent! Äntligen! Allt föll på plats. Det är ju ux-skribenter vi har varit hela tiden! Det var under en språkkonferens för några år sedan som vi hörde talas om det nya yrket som vi så länge hade haft själva. På 1990-talet kallades vårt yrke för webbredaktör. Sedan blev det webbcopywriter, och vi kände oss inte alls bekväma med titeln. Copywriter? Vi som skrivit förklarande, hjälpsamma och användbara texter i hela vårt yrkesverksamma liv gjorde ju inte alls samma jobb som en reklamskribent.

Vi har alltid hävdat att texten är ett av gränssnittets element och att det kräver en speciell kompetens att skriva de här texterna – en ux-skribent måste förstå användaren, förstå helheten och vara en smart pedagog. Och visst händer det att mikrotexter är lite insäljande, i synnerhet innan användarna har blivit kunder, exempelvis där de kan köpa dina varor, skaffa ett konto eller prenumerera på nyhetsbrev. Men när de sedan är kunder gäller det att lotsa dem rätt med användarvänliga och användbara texter.

Det var därför vi bestämde oss för att skriva den här boken, för att samla både ny och gammal kunskap för alla nuvarande och blivande ux-skribenter.

Vad är en ux-skribent?

Förkortningen ux står för user experience, användarupplevelse, och ux-skribenter arbetar tillsammans med ux-designer för att användarna ska få en bra upplevelse. Ibland byts user ut mot customer, och då pratar man istället cx-skribent och cx-designer. Fler varianter på titeln är ux-copy, webbcopy och gränssnittsskribent. I den här boken kallar vi det ux-skribent.

Vad är mikrotexter?

Mikrotexter är alla de små textelement som förekommer i ett gränssnitt men som inte direkt kvalificerar för det som vanligtvis menas med text. Det kan vara länktexten, knapptexten, värden i en rullgardinslista eller ledtexten i ett formulär. Begreppet mikrocopy föddes enligt den israeliska skribenten Kinnereth Yifrah när gränssnittsdesignern Joshua Porter publicerade blogginlägget Writing microcopy 2009. Redan 1998 pratade visserligen den danska användbarhetsexperten Jakob Nielsen om mikroinnehåll i artikeln Microcontent: How to write headlines, page titles and subject lines. Där definierar han mikroinnehåll som en typ av ux-copywriting i form av korta textfragment eller fraser och som ofta presenteras utan mer kontextuellt stöd. Men han avgränsar då mikroinnehåll till texter som kan stå för sig själva som exempelvis sidrubriker, sidtitlar, små sammanfattningar och rubriker i e-postmeddelanden. I den här boken kallar vi dem för mikrotexter. Här är ett axplock av element som utgör mikrotexter:

• Knappar

• Textlänkar (länktexter)

• Alt-texter

• Hjälprutor

• Sidtitlar

• Rubriker

• Värden i rullgardinslistor

• Fältetiketter eller ledtexter

• Onboarding-texter

• Instruktionstexter

• Växlingsknappar (toggles)

• Menyer

• Dialogrutor

• Ettvalsknappar (radioknappar, alternativknappar)

• Kryssrutor

• Stegare

• Skjutreglage

10 kapitel 1

Metabeskrivningar

Dialoger

Mikrotexter

UX-texter

SEO-texter Meddelanden

Det finns ingen knivskarp gräns mellan begreppen ux-texter och mikrotexter, men de flesta verkar vara överens om att ux-texter är ett överordnat begrepp.

Ux-texter är ett bredare begrepp. Det kan vara andra texter som visas i olika sammanhang men som ändå inte kan räknas som innehåll, eller content. Det vill säga också instruktioner, hjälpande förklaringar etc. Det är alltså inte alltid nödvändigt att göra skillnad mellan uxtexter och mikrotexter. Exempel på andra ux-texter som vi tar upp i den här boken:

• 404-sidestexter

• Felmeddelanden

• Push-notiser och aviseringar

• Bekräftelsemeddelanden

• Sms och mejl

Men jobbet som en ux-skribent ägnar sig åt är inte begränsat till att leverera texter. Ux-skrivandet innebär också att ta reda på vilken röst

den här boken 11

och ton som ska användas, delta i processen att ta fram den tjänst som ska lösa användarens problem genom att leta fakta, exempelvis titta på klickstatistik, intervjua användarna, iterera fram prototyper, testa texterna och analysera testresultat. För att kunna göra sitt jobb behöver ux-skribenten dessutom ha och känna till den övergripande innehållsstrategin för den tjänst eller produkt där mikrotexterna ska publiceras.

Även ett litet företag har vanligen en uppsjö av olika bekräftelser och andra introducerande texter. De har en viktig funktion för att användaren ska känna sig trygg, men de är också ett gyllene tillfälle för ux-skribenten att stärka relationen till användarna.

Var möter man mikrotexter?

Korta texter har egentligen skrivits i årtusenden; i grottor, på murar, väggar, stenar, skyltar, anslag, blanketter. Och de har funnits i olika datorprogram sedan datorns begynnelse, i program som Word, mejlprogram och personalredovisningssystem. Men mikrotexter förekommer förstås också på kaffeautomater, hissar och biljettautomater. I den här boken fokuserar vi på de texter som ux-skribenter formulerar

12 kapitel 1

och som oftast visas i appar, programvaror, dialogrobotar (chattbottar), webbformulär, mikrosajter eller rätt och slätt användargränssnitt, på engelska user interface (ui). Här är några exempel på tjänster som har mikrotexter:

• Appar

• Applikationer

• Dialogrobotar (chattbottar)

• Mikrosajter

• Redovisningssystem, personalsystem etc.

• Röstassistenter

• Webbformulär

• Webbsidor

Hur du kan använda boken

Boken består av tre huvudsakliga delar:

Den första delen består av teorikapitel som handlar om hur du kan tänka och arbeta. Vi tar också upp grundläggande begrepp samt argument för ett engagerat förhållningssätt och språk. Läs den här delen för inspiration och för att få en teoretisk bas.

Den andra delen handlar om att skriva mikrotexter för olika komponenter. Fokus är på användbarhet och pedagogik. Kapitlen är fristående och kan användas som uppslagsdel.

Den sista delen handlar om att skriva texter för några olika specifika texttyper. De är i allmänhet inte så ”mikro” men brukar ändå falla på ux-skribentens ansvar. Även de här kapitlen kan du läsa separat och slå upp när du behöver läsa om en specifik komponent.

Boken kan med fördel användas som kurslitteratur till skrivkurser eller självstudier. På relevanta ställen finns exempel och tips.

Vi hoppas att du som läsare nu är redo att bekanta dig med mikrotextproduktionens alla delar, oavsett om du är nybörjare eller van skribent, designer eller utvecklare.

den här boken 13