Skriva f�r webben

Slide 1: Lumano Att skriva för webben Per Axbom användbarhetskonsult 2 februari 2005

Slide 2: Lumano Lätt att hitta, använda Synlig i sökmotorerna. och förstå. gör din webb… AB_? C Tack. Kvalitetssäkrad. Integrerad I övrig kommunikation. intranät extern webb Tillgänglig för funktionshindrade. Muntlig info Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (2)

Slide 3: 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) Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (3)

Slide 4: Skriva för webben… skriva för… Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (4)

Slide 5: 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 Lumano • Tar längre A. Senast uppdaterad -2005-02-01 (5) tid www.lumano.se – per.axbom@lumano.se 0733-12 55 50 Rev

Slide 6: Hur människor läser på webben c:a 80% skummar Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (6)

Slide 7: 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) Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (7)

Slide 8: Den inverterade pyramiden Donec tristique vestibulum odio Proin imperdiet erat vitae tortor. Integer iaculis interdum magna. Duis tortor. Morbi tincidunt, nibh a sammanfattning 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. detaljer 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. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (8)

Slide 9: 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) Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (9)

Slide 10: 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 Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (10)

Slide 11: Tänk på: typografi och läsbarhet Radavstånd  Times – Serif  Kerning Arial – Sans serif  Typsnitt  Teckenstorlek  Kontrast  Understrykning och blå färg: taget!  Fet stil kontra kursiv stil.  SKRIK INTE Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (11)

Slide 12: En liten båt blir ofta våt En liten båt blir ofta våt Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (12)

Slide 13: 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. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (13)

Slide 14: 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!  Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (14)

Slide 15: 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” Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (15)

Slide 16: 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  Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (16)

Slide 17: Efter pausen: ett praktiskt exempel Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (17)

Slide 18: Praktiskt exempel Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (18)

Slide 19: 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 Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (19)

Slide 20: 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 Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (20)

Slide 21: 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. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (21)

Slide 22: 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. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (22)

Slide 23: Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (23)

Slide 24: Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (24)

Slide 25: 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 Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (25)

Slide 26: 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) Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (26)

Slide 27: Frågor, kommentarer Vad sa han? Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (27)