Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad:

Transkript

1 Vägledningen 24-timmarswebben Magnus Burell, Verva Uppdaterad:

2 Vägledningen 24-timmarswebben Vad? Ca 150 riktlinjer för utveckling av webb och e-tjänster i offentlig sektor Senaste version 2006 För vem? Myndigheter Kommuner och landsting Leverantörer/företag

3 Nya krav Internationalisering Åldrande befolkning Högre förväntningar

4 Varför? Gör det enklare för medborgare och företagare - spar tid Nå fler - inte utestänga någon Skriva för att bli hittad, läst och förstådd Ge bättre träffar i sökmotorer Kan användas i mobilen Bli en tydligare beställare få bättre leveranser Enklare och billigare att ändra layout Stöd att prioritera och följa upp Få ut mer av investeringen Lev upp till krav i Sverige och EU och mer!

5 Tillgängligt och användbart - för alla! myndigheternas elektroniska tjänster skall utformas och tillhandahållas på ett sådant sätt att de kan användas av alla och inte utestänger grupper av medborgare. Regeringens skrivelse 2000/01:151 EU:s medlemsländer har enats om att 2010 ska offentliga webbplatser följa riktlinjerna för tillgänglighet WCAG, Web Content Accessibility Guidelines Förordning 2001:526 anger att statliga myndigheter ska verka för att deras verksamhet, lokaler och information är tillgängliga för funktionshindrade. Handisams riktlinjer Riv hindren!

6 Effektivare och bättre service Fler ska kunna använda webbplatsen Följ webbstandarder! Tillgänglighet för alla Plattformsoberoende Informationsutbyte Fler ska vilja använda webbplatsen Användarcentrera! Utgå från era målgruppers behov och språk Följ konventioner för layout och utseende Utvärdera med riktiga användare

7 Vägledningen 24-timmarswebben För vem? Chefer och beslutsfattare Verksamhets- och webbplatsansvariga Inköpare och beställare Informatörer och redaktörer Programmerare och designers Användbarhetsspecialister

8 Kapitel utifrån vägledningens målgrupper och webbplatsens livscykel 1. Effektivare och bättre service 2. Utvecklingsprocessen 3. Standarder för webbplatser 4. Webbplatsens innehåll och tjänster 5. Håll webbplatsen levande 6. Webbinnehåll för mobila enheter 7. Publiceringsverktyg 8. Hjälpmedel Extramaterial: Checklistor, exempel, kravdokument, testverktyg

9 Tydlig struktur och konkreta råd 1. Gör så här -rubrik 2. Prioritet 1 till 3 Prioritet: 1 3. Vad och varför? 4. Hur gör man? Exempel och teknisk lösning 5. Fördjupning 6. Mätpunkter

10 Kapitel 1: Effektivare och bättre service Ge samma service till alla Gör verksamheten transparent Målgrupp Chefer och beslutsfattare Verksamhets- och webbplatsansvariga Samverka med andra Ge information i de kanaler som medborgarna efterfrågar

11 Kapitel 2: Utvecklingsprocessen Definiera de förväntade effekterna med webbsatsningen Effektivisera myndighetens processer Målgrupp Verksamhets- och webbplatsansvariga Projektledare, programmerare, designers Utgå från målgruppernas behov Arbeta med prototyper och scenarior Testa och utvärdera kontinuerligt

12 Mål och uppföljning Vilken effekt vill vi uppnå med webbplatsen? Fler ansökningar? Färre fel i ansökningar? Större spridning av våra publikationer? Ökad kunskap hos våra målgrupper? Mer kvalificerad frågor via telefon och mail? Har vi lyckats? När är vi nöjda? Hur många fler? Till vilket datum?

13 Användarcentrerad systemdesign (ACSD) Källa: Bengt Göransson och Jan Gulliksen, Användarcentrerad systemdesign,

14 Utvärdera webbplatsen med användare Befintliga webbplatsen, skisser, prototyper Vad ska testas? Avsätt resurser för att åtgärda problemen som hittas

15 Kapitel 3: Standarder för webbplatser Bygg rätt från början följ standarder Struktur och navigation Färg, kontrast och typografi God läsbarhet Målgrupp Verksamhets- och webbplatsansvariga Designers Programmerare Layout med stilmallar inte tabeller eller ramar Exempel: Stilmall för utskrift Beställare och leverantörer Tabeller och formulär Exempel: Webbplatsen ska fungera även utan extraprogram

16 Kräv inte Javaskript, Flash, etc. för grundläggande funktionalitet

17 Tvinga inte användaren att tänka efter Visa tydligt vad som är klickbart/länkat SÖK > Följ konventioner om du inte har starka argument för att alternativet är bättre för er verksamhet och era målgrupper Sök

18

19 Kapitel 4: Webbplatsens innehåll och tjänster Målgrupp Grundinformation Kontaktinfo Beskriva verksamheten på ett begripligt sätt Informatörer och redaktörer Verksamhets- och webbplatsansvariga Sökning Sökmotorer och intern sökning Spridning av webbplatsens innehåll och tjänster Prenumeration Återanvända innehåll Öppna databaser

20 Kapitel 5: Att hålla webbplatsen levande Bilder och grafiska objekt Beskriv meningsbärande bilder och grafiska objekt med alt-text Målgrupp Informatörer och redaktörer Pröva 2 minuter som blind 1) Lägg händerna avslappnat på bordet 2) Blunda

21 Kapitel 5: Att hålla webbplatsen levande Länkar och dokument Skriv tydliga länkar Använd title för att ge mer information Målgrupp Informatörer och redaktörer Självförklarande länkar behöver inga title-texter Tala om när en länk öppnas i nytt fönster Publicera i första hand dokument i (X)HTML Ge dokument tydliga filnamn Undvik länkar som klicka här, gå till, läs mer

22 Kapitel 5: Att hålla webbplatsen levande Uppföljning av användning och innehåll Mät mot uppsatta mål Kontrollera statistik och sökbeteende Följ upp hur webbplatsen används Målgrupp Informatörer och redaktörer Verksamhets- och webbplatsansvariga Uppdatera webbplatsens innehåll och länkar regelbundet

23 Kapitel 6: Webbinnehåll i mobila enheter Användningen ser annorlunda ut Bygg plattformsoberoende Stilmall för små skärmar Samma information eller mobilspecifika tjänster?

24 TPB i mobilen utan extrajobb!

25 Kapitel 7: Välja publiceringsverktyg Grundkonstruktion Formulär och tabeller Målgrupp Inköpare och beställare Programmerare, designers Bildhantering och länkar Textformatering Stöd för redaktören Testa ert verktyg:

26 Kapitel utifrån vägledningens målgrupper och webbplatsens livscykel 1. Effektivare och bättre service 2. Utvecklingsprocessen 3. Standarder för webbplatser 4. Webbplatsens innehåll och tjänster 5. Håll webbplatsen levande 6. Webbinnehåll för mobila enheter 7. Publiceringsverktyg 8. Hjälpmedel Extramaterial: Checklistor, exempel, kravdokument, testverktyg

27 Använda vägledningen Utvärdering av webbplatsen Håller webbplatsen måttet? Planeringsstöd Öka fokus på användarna Kravinsamling, kartlägga förväntad nytta och behov Underlag vid kravställning Tekniska grundkrav, standarder Stöd vid prioritering, 1-3 Webbplatsen ska följa vägledningen

28 Använda vägledningen Utbildning Redaktörer, programmerare Underlag för framtida utveckling Testa leveranser Håller leverantören vad de lovar? Välja publiceringsverktyg Stöd att skapa god tillgänglighet Inte betala för funktionalitet som ska vara standard

29 Var börjar man? Nuläge Använd checklistor, gratis testverktyg, konsultstöd Utvärdera webbplatsen med riktiga användare Åtgärdsplan kort och lång sikt Vad kan vi göra själva? När behöver vi konsulthjälp? Avsätt resurser för åtgärderna. Stöd av argumentslista Utbildning och erfarenhetsutbyte Tillgänglighet, användbarhet, webbstandarder, språk, grafik Dela upp vägledningen mellan medarbetare. Utbyt erfarenheter! Dela exempel!

30 Utvecklingen går åt rätt håll men långsamt 9 av 10 känner till vägledningen 1 av 4 gör användningstester 1 av 5 följer standarder Vervas kvartalsmätning Mäta teknisk kvalitet 1000st offentliga webbplatser Teknik för layout

31 Stöd från Verva Nätverket 24-timmarswebben För alla som jobbar med webb i eller åt offentlig sektor Ca 1500 medlemmar, gratis Nyhetsbrev 10ggr/år 4 nätverksträffar/år Frågor och synpunkter, 24-timmarswebben@verva.se Intro-seminarium Test av publiceringsverktyg skapa och underhålla tillgängliga webbplatser Fördjupande utbildningar Leverantörslista på handisam.se

32 Länkar Checklistor, kravdokument, sökbar vägledning, exempel. Beställ boken Nyhetsbrev och erfarenhetsutbyte Leverantörslista hos Handisam Kvartalsmätning