Att skriva för webben Per Axbom användbarhetskonsult 2 februari 2005

Lumano intranät extern webb Synlig i sökmotorerna. Kvalitetssäkrad. Tillgänglig för funktionshindrade. Lätt att hitta, använda och förstå. AB_? C Tack. Integrerad I övrig kommunikation. gör din webb… Muntlig info

Innehåll Så läser människor Underlätta läsning på webben Skriv bra texter Tänk på: typografi och läsbarhet Tänk på: sökmotorer Tänk på: funktionshindrade Praktiskt exempel Om din webb inte har bra text så har du egentligen inte en webbplats. (undantag: visuella konstnärer)

Så läser människor

Underlätta läsning på webben

Skriv bra texter

Tänk på: typografi och läsbarhet

Tänk på: sökmotorer

Tänk på: funktionshindrade

Praktiskt exempel

Skriva för webben… skriva för…

Webbmediet Brist på överblick Brist på skärmyta Informationen “samsas” med en massa annan information Många nya skribenter och redaktörer Hänsyn till teknik Hänsyn till handikapp Ska tjäna ett syfte Tar längre tid

Webbmediet

Brist på överblick

Brist på skärmyta

Informationen “samsas” med en massa annan information

Många nya skribenter och redaktörer

Hänsyn till teknik

Hänsyn till handikapp

Ska tjäna ett syfte

Tar längre tid

Hur människor läser på webben c:a 80% skummar

Verktyg för att underlätta skumning framhäv nyckelord meningsfulla rubriker och massor av underrubriker (inte fyndiga ) punktlistor en idé per stycke inverterade pyramiden, börja med slutsatsen /sammanfattningen halva ordmassan (eller mindre) jämfört med tryckt material ( Nielsen )

framhäv nyckelord

meningsfulla rubriker och massor av underrubriker (inte fyndiga )

punktlistor

en idé per stycke

inverterade pyramiden, börja med slutsatsen /sammanfattningen

halva ordmassan (eller mindre) jämfört med tryckt material ( Nielsen )

Den inverterade pyramiden sammanfattning detaljer Donec tristique vestibulum odio Proin imperdiet erat vitae tortor. Integer iaculis interdum magna. Duis tortor. Morbi tincidunt, nibh a fermentum lacinia, tortor enim mattis justo. Curabitur massa massa Accumsan ut, hendrerit a, posuere id, ligula. Curabitur suscipit metus sodales eros. Mauris suscipit, sapien eu auctor porta, felis est hendrerit neque. Phasellus eu eros Nec tellus consectetuer rhoncus. Vestibulum risus erat, accumsan sed, ultrices et, malesuada nec, neque. Aenean vehicula leo eget arcu . Suspendisse eget enim . Cras felis porta risus Etiam a metus ut velit tempor mattis. Aenean felis. Nullam sed arcu ac metus accumsan consequat.

Att börja med det viktigaste Tänk dig att du skriver för en särskild person Vad skulle du börja med att berätta muntligt? Finns det andra personer/målgrupper som också är intressanta? Modell med sex frågor: Vem? En man i 20-årsåldern Vad? omkom När? igår vid 13-tiden Var? på Ölandsbron Hur? då en sladdande buss välte över hans bil Varför? väglaget var halt och det blåste storm. (Exempel ur Söderström: Att skriva för webben är att skriva för publik)

Tänk dig att du skriver för en särskild person

Vad skulle du börja med att berätta muntligt?

Finns det andra personer/målgrupper som också är intressanta?

Modell med sex frågor:

Vem? En man i 20-årsåldern

Vad? omkom

När? igår vid 13-tiden

Var? på Ölandsbron

Hur? då en sladdande buss välte över hans bil

Varför? väglaget var halt och det blåste storm.

(Exempel ur Söderström: Att skriva för webben är att skriva för publik)

Skriva bra texter för webbmediet Personlig ton, annorlunda än tryckt material Alla läser rubriken. Tydlig! Vad vill du åstadkomma? Syfte. Vad vill läsaren åstadkomma? Syfte. Läs högt för dig själv Klipp ut det som är oväsentligt korta meningar är bättre än långa enkla, vanliga ord är bättre än långa, ovanliga På väg mot en verklig Thriller Rättegången mot Michael Jackson inleds idag

Personlig ton, annorlunda än tryckt material

Alla läser rubriken. Tydlig!

Vad vill du åstadkomma? Syfte.

Vad vill läsaren åstadkomma? Syfte.

Läs högt för dig själv

Klipp ut det som är oväsentligt

korta meningar är bättre än långa

enkla, vanliga ord är bättre än långa, ovanliga

Tänk på: typografi och läsbarhet Radavstånd Kerning Typsnitt Teckenstorlek Kontrast Understrykning och blå färg : taget! Fet stil kontra kursiv stil . SKRIK INTE Times – Serif Arial – Sans serif

Radavstånd

Kerning

Typsnitt

Teckenstorlek

Kontrast

Understrykning och blå färg : taget!

Fet stil kontra kursiv stil .

SKRIK INTE

En liten båt blir ofta våt En liten båt blir ofta våt

Tänk på: länktexter Betydelsebärande Signalera/visa länktyp Långa länkar helt OK! Undvik klicka här eller läs mer Här kan du ladda ner Postens interntidning i PDF-format. Klicka här . Ladda ner Postens interntidning i PDF-format .

Betydelsebärande

Signalera/visa länktyp

Långa länkar helt OK!

Undvik klicka här eller läs mer

Här kan du ladda ner Postens interntidning i PDF-format. Klicka här .

Ladda ner Postens interntidning i PDF-format .

Tänk på: sökmotorer Sökmotorn är din webbplats största fan! Satsa på två-tre uttryck och variera dem, t.ex. ”våra seminarier” och ”våra frukostseminarier” Fraser lika viktiga som enstaka ord Utnyttja sidtitlarna till nyckelord och fraser Använd länktexter för viktiga uttryck Föreslå länktexter för länkar till sajten Metadatafälten är inte viktiga längre Det viktigaste först!

Sökmotorn är din webbplats största fan!

Satsa på två-tre uttryck och variera dem, t.ex. ”våra seminarier” och ”våra frukostseminarier”

Fraser lika viktiga som enstaka ord

Utnyttja sidtitlarna till nyckelord och fraser

Använd länktexter för viktiga uttryck

Föreslå länktexter för länkar till sajten

Metadatafälten är inte viktiga längre

Det viktigaste först!

Tänk på: tillgänglighet Helene, 19 år blind sedan 11 års ålder kan inte läsa Braille använder JAWS för att få webbplatser upplästa för sig Fredrik, 27 år lider av protanopi, ser inte skillnad mellan rött och grönt använder ofta webbläsarna Links eller Opera Sture, 62 år drabbades av en stroke för 10 år sedan kan inte röra sin högra arm, vänster arm darrar oförklarligt navigerar på webben med hjälp av TAB- och piltangenterna Sina, 52 år invandrade med sin familj från Etiopien för 30 år sedan läser på nätet för att bättra på sina haltande språkkunskaper har svårt att läsa liten text Markus, 31 år Blind sedan födseln Använder Lynx som webbläsare och får texten uppläst i Braille med en ”ALVA”

Helene, 19 år

blind sedan 11 års ålder

kan inte läsa Braille

använder JAWS för att få webbplatser upplästa för sig

Fredrik, 27 år

lider av protanopi, ser inte skillnad mellan rött och grönt

använder ofta webbläsarna Links eller Opera

Sture, 62 år

drabbades av en stroke för 10 år sedan

kan inte röra sin högra arm, vänster arm darrar oförklarligt

navigerar på webben med hjälp av TAB- och piltangenterna

Sina, 52 år

invandrade med sin familj från Etiopien för 30 år sedan

läser på nätet för att bättra på sina haltande språkkunskaper

har svårt att läsa liten text

Markus, 31 år

Blind sedan födseln

Använder Lynx som webbläsare och får texten uppläst i Braille med en ”ALVA”

Vad kan man göra? Börja med det viktigaste Både Lynx och JAWS visar innehållet i den ordning som det står i källkoden Skriv meningfulla sidtitlar JAWS har snabbknappar för att läsa titeln Första raden i Lynx är alltid sidans titel Påminner om var man är Skriv betydelsebärande länkar Möjlighet att enbart läsa upp länkar för att få överblick över en sida, ”klicka här”, ”klicka här” etc säger inte mycket... Gör det möjligt att ”tabba” runt sajten För de som förflyttar sig på sajten med tangentbordet

Börja med det viktigaste

Både Lynx och JAWS visar innehållet i den ordning som det står i källkoden

Skriv meningfulla sidtitlar

JAWS har snabbknappar för att läsa titeln

Första raden i Lynx är alltid sidans titel

Påminner om var man är

Skriv betydelsebärande länkar

Möjlighet att enbart läsa upp länkar för att få överblick över en sida, ”klicka här”, ”klicka här” etc säger inte mycket...

Gör det möjligt att ”tabba” runt sajten

För de som förflyttar sig på sajten med tangentbordet

Efter pausen: ett praktiskt exempel

Praktiskt exempel

Hela stycket Exportrådet utför i princip alla tjänster som syftar till att etablera och utveckla ett företag och dess produkter, tjänster och idéer på nya marknader. Vi gör förutsättningsanalyser, marknadsplaner, konkurrentanalyser och produktanpassningar. Läs mer under Exportkonsulting . Vi arbetar också kontinuerligt med att öka exportkompetensen i lokala projekt och program på hemmaplan. Genom vår Exportinformation kan du dessutom kostnadsfritt få svar om bland annat bestämmelser och handelsteknik på i stort sett hela världens marknader. 72 ord

Exportrådet utför i princip alla tjänster som syftar till att etablera och utveckla ett företag och dess produkter, tjänster och idéer på nya marknader. Vi gör förutsättningsanalyser, marknadsplaner, konkurrentanalyser och produktanpassningar. Läs mer under Exportkonsulting . Vi arbetar också kontinuerligt med att öka exportkompetensen i lokala projekt och program på hemmaplan. Genom vår Exportinformation kan du dessutom kostnadsfritt få svar om bland annat bestämmelser och handelsteknik på i stort sett hela världens marknader.

Endast kortad text Inom området Exportkonsulting hjälper Exportrådet företag att etablera och utveckla produkter och tjänster. Vi gör analyser, marknadsplaner och produktanpassningar. Läs mer under Exportkonsulting . Vi ökar kontinuerligt exportkompetensen i lokala projekt och program. I Exportinformation får du information om bestämmelser och handelsteknik runt hela världen. 44 ord

Inom området Exportkonsulting hjälper Exportrådet företag att etablera och utveckla produkter och tjänster. Vi gör analyser, marknadsplaner och produktanpassningar. Läs mer under Exportkonsulting .

Vi ökar kontinuerligt exportkompetensen i lokala projekt och program. I Exportinformation får du information om bestämmelser och handelsteknik runt hela världen.

Endast underlätta skumning Exportrådet utför i princip alla tjänster som syftar till att etablera och utveckla ett företag och dess produkter, tjänster och idéer på nya marknader. Vi gör förutsättningsanalyser marknadsplaner konkurrentanalyser produktanpassningar. Läs mer under Exportkonsulting . Vi arbetar också kontinuerligt med att öka exportkompetensen i lokala projekt och program på hemmaplan. Genom vår Exportinformation kan du dessutom kostnadsfritt få svar om bland annat bestämmelser och handelsteknik på i stort sett hela världens marknader.

Exportrådet utför i princip alla tjänster som syftar till att etablera och utveckla ett företag och dess produkter, tjänster och idéer på nya marknader. Vi gör

förutsättningsanalyser

marknadsplaner

konkurrentanalyser

produktanpassningar.

Läs mer under Exportkonsulting .

Vi arbetar också kontinuerligt med att öka exportkompetensen i lokala projekt och program på hemmaplan. Genom vår Exportinformation kan du dessutom kostnadsfritt få svar om bland annat bestämmelser och handelsteknik på i stort sett hela världens marknader.

Kombination: kort och skumvänligt Inom området Exportkonsulting hjälper Exportrådet företag att etablera och utveckla produkter, tjänster och idéer . Vi gör förutsättningsanalyser marknadsplaner konkurrentanalyser produktanpassningar Exportrådet ökar kontinuerligt exportkompetensen i lokala projekt och program. I Exportinformation får du information om bestämmelser och handelsteknik runt hela världen.

Inom området Exportkonsulting hjälper Exportrådet företag att etablera och utveckla produkter, tjänster och idéer . Vi gör

förutsättningsanalyser

marknadsplaner

konkurrentanalyser

produktanpassningar

Exportrådet ökar kontinuerligt exportkompetensen i lokala projekt och program. I Exportinformation får du information om bestämmelser och handelsteknik runt hela världen.

Läs mer Webbpennan http:// www.webbpennan.com Om usability http:// www.usability.gov Om tillgänglighet http://www.diveintoaccessibility.org/ Att skriva för webben är att skriva för publik, Jonas Söderström http:// kornet.nu

Webbpennan http:// www.webbpennan.com

Om usability http:// www.usability.gov

Om tillgänglighet http://www.diveintoaccessibility.org/

Att skriva för webben är att skriva för publik, Jonas Söderström http:// kornet.nu

Läs mer Designing web usability: The practice of simplicity, Jakob Nielsen (New Riders, 2000) Göra tidning, Per Andersson-Ek mfl (Ordfront, 1999) Typografisk handbok, Christer Hellmark (Ordfront, 1998)

Designing web usability: The practice of simplicity, Jakob Nielsen (New Riders, 2000)

Göra tidning, Per Andersson-Ek mfl (Ordfront, 1999)

Typografisk handbok, Christer Hellmark (Ordfront, 1998)

Frågor, kommentarer Vad sa han?