Skriva för webben

Lite praktiska tips kring Skriva för webben. En presentation jag brukade hålla på Lumanos frukostseminarium.

Transcript

1. Lumano Att skriva för webben Per Axbom användbarhetskonsult 2 februari 2005
2. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (2) 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
3. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (3) Innehåll n Så läser människor n Underlätta läsning på webben n Skriv bra texter n Tänk på: typografi och läsbarhet n Tänk på: sökmotorer n Tänk på: funktionshindrade n Praktiskt exempel Om din webb inte har bra text så har du egentligen inte en webbplats. (undantag: visuella konstnärer)
4. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (4) Skriva för webben… skriva för…
5. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (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 • Tar längre tid
6. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (6) Hur människor läser på webben c:a 80% skummar
7. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (7) Verktyg för att underlätta skumning n framhäv nyckelord n meningsfulla rubriker och massor av underrubriker (inte fyndiga) n punktlistor n en idé per stycke n inverterade pyramiden, börja med slutsatsen/sammanfattningen n halva ordmassan (eller mindre) jämfört med tryckt material (Nielsen)
8. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (8) 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.
9. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (9) Att börja med det viktigaste n Tänk dig att du skriver för en särskild person n Vad skulle du börja med att berätta muntligt? n Finns det andra personer/målgrupper som också är intressanta? n Modell med sex frågor: n Vem? En man i 20-årsåldern n Vad? omkom n När? igår vid 13-tiden n Var? på Ölandsbron n Hur? då en sladdande buss välte över hans bil n 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)
10. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (10) Skriva bra texter för webbmediet n Personlig ton, annorlunda än tryckt material n Alla läser rubriken. Tydlig! n Vad vill du åstadkomma? Syfte. n Vad vill läsaren åstadkomma? Syfte. n Läs högt för dig själv n Klipp ut det som är oväsentligt n korta meningar är bättre än långa n 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
11. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (11) Tänk på: typografi och läsbarhet n Radavstånd n Kerning n Typsnitt n Teckenstorlek n Kontrast n Understrykning och blå färg: taget! n Fet stil kontra kursiv stil. n SKRIK INTE Times – Serif Arial – Sans serif
12. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (12) En liten båt blir ofta våt En liten båt blir ofta våt
13. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (13) Tänk på: länktexter n Betydelsebärande n Signalera/visa länktyp n Långa länkar helt OK! n 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.
14. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (14) Tänk på: sökmotorer n Sökmotorn är din webbplats största fan! n Satsa på två-tre uttryck och variera dem, t.ex. ”våra seminarier” och ”våra frukostseminarier” n Fraser lika viktiga som enstaka ord n Utnyttja sidtitlarna till nyckelord och fraser n Använd länktexter för viktiga uttryck n Föreslå länktexter för länkar till sajten n Metadatafälten är inte viktiga längre n Det viktigaste först!
15. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (15) Tänk på: tillgänglighet n Helene, 19 år n blind sedan 11 års ålder n kan inte läsa Braille n använder JAWS för att få webbplatser upplästa för sig n Fredrik, 27 år n lider av protanopi, ser inte skillnad mellan rött och grönt n använder ofta webbläsarna Links eller Opera n Sture, 62 år n drabbades av en stroke för 10 år sedan n kan inte röra sin högra arm, vänster arm darrar oförklarligt n navigerar på webben med hjälp av TAB- och piltangenterna n Sina, 52 år n invandrade med sin familj från Etiopien för 30 år sedan n läser på nätet för att bättra på sina haltande språkkunskaper n har svårt att läsa liten text n Markus, 31 år n Blind sedan födseln n Använder Lynx som webbläsare och får texten uppläst i Braille med en ”ALVA”
16. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (16) Vad kan man göra? n Börja med det viktigaste n Både Lynx och JAWS visar innehållet i den ordning som det står i källkoden n Skriv meningfulla sidtitlar n JAWS har snabbknappar för att läsa titeln n Första raden i Lynx är alltid sidans titel n Påminner om var man är n Skriv betydelsebärande länkar n 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... n Gör det möjligt att ”tabba” runt sajten n För de som förflyttar sig på sajten med tangentbordet
17. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (17) Efter pausen: ett praktiskt exempel
18. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (18) Praktiskt exempel
19. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (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
20. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (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
21. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (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.
22. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (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.
23. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (23)
24. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (24)
25. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (25) Läs mer n Webbpennan http://www.webbpennan.com n Om usability http://www.usability.gov n Om tillgänglighet http://www.diveintoaccessibility.org/ n Att skriva för webben är att skriva för publik, Jonas Söderström http://kornet.nu
26. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (26) Läs mer n Designing web usability: The practice of simplicity, Jakob Nielsen (New Riders, 2000) n Göra tidning, Per Andersson-Ek mfl (Ordfront, 1999) n Typografisk handbok, Christer Hellmark (Ordfront, 1998)
27. Lumano www.lumano.se – per.axbom@lumano.se - 0733-12 55 50 Rev A. Senast uppdaterad 2005-02-01 (27) Frågor, kommentarer Vad sa han?