Innehåll
Den här boken 11
Bokens inriktning 11 Hur du kan använda boken
Webbtexter i olika kanaler?
15
Skriva texter för webben
23
Skillnader mellan design för tryck och webbdesign 15 Internet och intranät 17 Sammanfattning 21 Att strukturera innehållet 23 Analysera syfte, mottagare och sammanhang 30 Ta reda på hur sidorna ska struktureras 34 Så läser vi på skärm 36 Skriva för att bli läst 42 Sammanfattning 46
Redigera och anpassa texter för webb
47
Vems ansvar är texten? 47 Att ge och ta textkritik 48 Arbetsgång för att redigera webbtexter Rubriker 57 Länkar 65 Hänvisningar på webben 74 Sammanfattning 78
Språket på webben
12
79
Språket är framtiden Du blir vad du skriver Stil och ton 84 Sammanfattning 96
80 81
49
Orientering och navigering
97
Orientering på webbplatsen 97 Orientering på mobiltelefoner och surfplattor 103 Webbsidans utseende 103 Navigeringshjälp 104 Namn, adress och e-post på varje sida 115 Sammanfattning 117 Text och form 119 Stilmallar 120 Pdf-dokument 130 Text i bildformat 132 Markera nyckelord för att underlätta skumläsning Grafiska markörer på webben 135 Använd punktlistor och uppställningar 138 Vänsterställd, högerställd och centrerad text 148 Färger 150 Bilder 153 Ljud 156 Textalternativ 157 Sammanfattning 161
133
Testa och utvärdera 163 Testa med riktiga användare 163 Testa formgivningen 166 Testa sidorna i olika miljöer 167 Testa sidorna lokalt på din dator 174 Automatiska tester 180 Utvärdera testerna 181 Kontrollera text och funktioner 182 Sammanfattning 183 Underhålla webbplatsen 185 Hur länge måste en webbsida finnas kvar? 185 Vilken nytta har besökarna av gammalt innehåll? 186 Så här underhåller du webbplatsen 187 Sammanfattning 192
Skrivregler
193
Stavning 194 Avstavning 202 Stor eller liten bokstav? 204 Siffror eller bokstäver? 208 Förkortningar 209 Skiljetecken och skrivtecken Symboler som representerar ord Accenter och liknande tecken Datumformat 232 Mellanrum 234 Publiceringsriktlinjer 237 Sammanfattning 239
Olika texttyper på nätet
Företagspresentationer Platsannonser 243 Protokoll 246 Rapporter 249 Nyhetsbrev och e-brev Bloggar 256 Instruktioner 258 Sidor för frågor och svar Formulär 262 Hjälptexter 265 Felmeddelanden 268
Standarder och auktoriteter
241
241
251 260
273
Konventioner 273 Internationella standarder 275 W3C och WAI 276 E-delegationens vägledning för webbutveckling Jakob Nielsen – tongivande användbarhetsexpert
Checklistor
217 230 232
281
Webbplatsen 281 Webbsidornas texter 282 Webbsidornas form och funktion
284
278 278
Html-koder för olika tecken 287 Lösningsförslag till Prova själv 297
Prova själv i Skriva texter för webben 298 Prova själv i Redigera och anpassa texter för webb Prova själv i Språket på webben 304 Prova själv i Text och form 308 Prova själv i Skrivregler 312
Läs mer
319
Litteratur
323
På webben I böcker 322
319
Böcker 323 Tidskriftsartiklar 323
Opublicerad källa Webbartiklar 324 Sökord 327
324
300
Förord Idén till den här boken väcktes när vi på vår dåvarande arbetsplats skulle lägga in all tryckt information på intranät. Eftersom det inte fanns någon bra litteratur om att skriva texter för webben be¬slutade vi oss för att skriva en egen bok. Det är roligt att se att så många uppskattar boken, att den kunnat leva vidare i så många år och att vi nu kan ge ut den för femte gången. Tack alla ni som under årens lopp bidragit med synpunkter, kunskaper, kommen¬tarer och goda råd till alla upplagor av den här boken. I synnerhet vill vi nämna Lina Falkner, Peter Fristedt, Peter Häggström, Anki Mattson, Therese Järnankar, Mea Bryntesson och Veronica Wiman Nilsson. Ett stort tack går också till våra nära och kära: Peter, Ronja och Robin respektive Sofia, Daniel och Mats, som både hjälpt till med synpunkter och dessutom fått stå ut med många tråkiga dagar och kvällar. Stockholm, september 2012 Helena Englund Hjalmarsson info@klarsprakpanatet.se
Karin Guldbrand
Orientering och navigering Datorer är en underbar uppfinning – de låter oss göra saker snabbt och snyggt med en effektivitet som skulle vara omöjlig utan tekniken. Men datorer för också med sig nackdelar, som att våra hjärnor hela tiden måste hantera saker som vi inte har i blickfånget längre. Det som förr låg framme på skrivbordet ligger nu gömt i någon mapp långt ner i filhanterarens struktur. Att kompensera för bristande överblick och tillhandahålla vettiga verktyg för navigering blir alltså en av de viktigaste uppgifterna när du väl strukturerat din webbplats. I det här kapitlet får du en genomgång av de vanligaste verktygen tillsammans med praktiska tips om hur du kan gå till väga.
Orientering på webbplatsen En av nätmediets stora svagheter är just den bristande över¬blicken. Det framkommer i de flesta undersökningar som görs om nätan-vändning, och även vår egen undersökning av intranätsidor på SEB visade att det är ett av de stora problemen för an¬vändarna. Tryckta sidor kan man snabbt bläddra igenom och därmed få en tydlig bild av innehållet. Man kan bläddra fram och tillbaka och skumma innehållsförteckning och sakregister. Detta kan man inte göra på webben och de flesta användare upplever det som en stor brist.
När allting ligger framme inom synhåll är det lättare att veta vad man har och var man kan hitta informationen. Sådant som inte syns glömmer man lätt bort.
Datoranvändningen ställer höga krav på abstrakt tänkande. Nu måste vi använda och plocka fram sådant som inte syns. På samma sätt saknar vi överblick på webb¬platser – allt ligger dolt.
För att kompensera bristen har du olika möjligheter till ditt för-fogande. Omfattningen och svårighetsgraden på din webbplats får avgöra hur många olika hjälpfunktioner du ska tillhandahålla till dina användare. Ett grepp ska du dock alltid använda, nämligen att utnyttja förstasidan på din webbplats. Den måste tydligt visa vilket innehåll som finns och hur det är indelat. Låt den så långt det går vara en anslagstavla och innehållsförteckning där allt finns inom räckhåll. Utformningen måste också anpassas till att besökarna inte alltid kommer in via förstasidan. Lika ofta kommer de via en länk eller en sökmotor till en sida mitt i en webbplats. Varje sida bör därför vara märkt med företagets namn väl synligt och med länkar så att man kan komma vidare i strukturen. Låt aldrig besökaren hamna i en återvändsgränd. Webböversikt Utöver en god struktur och förstasida är också någon sorts navigeringsöversikt ett måste för en användarvänlig webbplats. Det kan till exempel vara en navigeringslist eller en sidförteckning där den aktuella sidan är markerad med en avvikande färg. För större webb-platser kan det vara klokt med en översikt över var man befinner sig inom webbplatsen, en webböversikt. Den bästa webböversikten är den som tar upp alla sidor som finns på webbplatsen och har dem klickbara. Det ställer dock stora krav på ständig uppdatering, och om man har många sidor förlorar man den önskvärda överblicken. Därför väljer många att bara redo-visa de översta nivåerna. Webböversikten får bäst överskådlighet om den ryms på en skärm¬sida. Gör därför inte långa smala listor utan arbeta på bred¬den och utnyttja hela skärmytan.
En enkel och överskådlig webböversikt ryms på en skärmsida. Gammal dump. www.samer.se
Flera moderna publiceringsverktyg erbjuder en automatisk funk¬tion för att göra webböversikter. Verktyget lägger till nya och tar bort gamla länkar automatiskt, allteftersom du uppdaterar webb¬platsen. Det gör att webböversikten alltid är aktuell. A–Ö-indexförteckning Som komplement till webböversikten kan du göra en alfabetisk förteckning över webbplatsens sidor. Precis som för webböversikt¬en gäller att den måste hållas aktuell, och helst ska den genereras automatiskt via publiceringsverktyget så att du slipper uppdatera manuellt.
Indexförteckningen bör ha hela alfabetet representerat överst på sidan, men länka bara de bokstäver som verkligen har sidor under sig. Om du tillfälligt inte har några sidor som börjar på till exempel U ska du alltså låta bokstaven vara olänkad. Ovanliga bokstäver som X och Q kan du utelämna om du inte har information som inleds med dessa bokstäver.
Indexförteckningen blir överskådlig om den får ett klickbart alfabet överst på sidan. Kom ihåg att göra bokstäver utan underdokument olänkade så att användaren inte behöver klicka i onödan. www.skatteverket.se
Brödsmulor På varje sida måste besökaren kunna få svar på tre frågor: • Var är jag? • Var har jag varit? • Vart kan jag ta vägen? Ett ganska enkelt sätt att ge svar är att infoga en synlig sökväg, så kallade brödsmulor eller spårmärkning. Naturligtvis finns
det mer avancerade och designade varianter, men de enkla metoderna är minst lika funktionella. Brödsmulor är en bra navigeringshjälp för användaren som läm-par sig väl när webbplatsen har en hierarkisk struktur. Det blir allt vanligare och i användarundersökningar är det ett vanligt önske¬mål. Det finns olika typer av brödsmulor, men den mest använd¬bara tekniken innebär att varje sida förses med en snitslad bana över hur sidan ligger i strukturen och hur man enklast tar sig dit nästa gång. Det kan vara till stor hjälp för den som kommit dit via till exempel en sökmotor. Brödsmulor som visar sidans plats i strukturen kallas struktu¬rella, till skillnad från historiska brödsmulor som bara visar vilken väg besökaren just har tagit. De historiska fyller inte så mycket funktion eftersom användaren lika gärna kan använda webbläs¬arens tillbakaknapp. Så här kan strukturella brödsmulor se ut när du befinner dig på en sida som ligger på femte nivån i strukturen:
Malmö kommun använder brödsmulor på sina sidor. Här kommer man till infor¬mation om Sallerupsdammarna via sökvägen Smalmo.se > Idrott & fritid > Idrottsanläggningar >Hälsans stig. www.malmo.se
De olika nivåerna kan avskiljas med hjälp av tecknet som betyder större än. Det fungerar bra eftersom det ger associa¬tioner
till en pil och ger en känsla av riktning, och det är också det vanligaste tecknet för at avskilja brödsmulor. Men det kan vara bra att ha i åtanke att en talsyntes förstås läser ut tecknet som större än. En liten pil eller snedstreck kan vara ett alternativ. Hem > Våra produkter > Programvaror > Ordbehandling
eller Hem / Våra produkter / Programvaror / Ordbehandling
Naturligtvis ska varje del i märkningen vara länkad så att man kan klicka och komma uppåt eller neråt i strukturen. Den sida man befinner sig på ska dock inte vara länkad. Brödsmulor kompenserar ganska bra för den bristande över-blicken i både stora och små skärmar.
Orientering på mobiltelefoner och surfplattor I små telefoner har besökarna ytterligare försämrad överblick och de är i högre utsträkning utlämnade till att du har lagt upp de vanligaste och mest attraktiva funktionerna inom räckhåll från förstasidan. Webböversikter och A–Ö är även här en bra hjälp.