Vägledningen 24-timmarswebben få fler att använda er webbplats Magnus Burell, Verva
Källa: Skrotbil: Håll Sverige rent, www.hsr.se
Källa: The Design of Everyday Things, Donald Norman SAS Coffee Pot: www.ergonomidesign.se
Nya krav Internationalisering Åldrande befolkning Högre förväntningar Tillgänglighet för alla
Få stöd i Vägledningen 24-timmarswebben Vad? Ca 150 riktlinjer för utveckling av webb och e-tjänster i offentlig sektor (2006) Exempel, checklistor, testverktyg, argument lästips För vem? Myndigheter Kommuner och landsting Leverantörer/företag
Varför använda vägledningen? Få ut mer av er investering i webbplatsen Nå fler - kan användas av fler personer Ge enklare och effektivare service spar tid för medborgare och företag Bli tydligare beställare få bättre leveranser Er information och tjänster blir lättare hittade, lästa och förstådda Bättre träffar i sökmotorer Går att använda oberoende av användarens val av utrustning
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 alla offentliga webbplatser följa W3C:s riktlinjer för tillgänglighet WAI: Web Content Accessibility Guidelines 1.0 (WCAG) 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!
Britta Tore
Bengt och Sofia
Effektivare och bättre service Fler ska kunna använda webbplatsen Tillgänglighet för fler! Kunskap om olika förutsättningar Följ webbstandarder, plattformsoberoende 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
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, argument
Tydlig struktur och konkreta råd Gör så här - rubrik Prioritet: 1 Prioritet 1 till 3 Motiv: Vad och varför? Åtgärd: Hur gör jag? Exempel och teknisk lösning Mätbarhet: Hur testar jag? Fördjupning
1: Effektivare och bättre service KAPITEL 1 Chefer och beslutsfattare Verksamhets- och webbplatsansvariga Verksamhetens syn på webben som kanal Ge samma service till alla Samarbeta med andra Ge information i de kanaler som medborgarna efterfrågar
2: Utvecklingsprocessen KAPITEL 2 Verksamhets- och webbplats-ansvariga Definiera de förväntade effekterna med webbsatsningen Projektledare, programmerare, designers Kartlägg och effektivisera organisationens processer Utgå från målgruppernas behov Arbeta med prototyper och scenarior Testa och utvärdera kontinuerligt
Förväntade effekter 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 kvalificerade frågor via telefon och mail? Har vi lyckats? När är vi nöjda? Hur många fler? Till vilket datum?
Utgå från era målgruppers behov De önskade effekterna uppstår när webbplatsen används. Vem är användaren? Var och när sker användningen? Varför? Besökaren har ett ärende att uträtta
Arbeta med prototyper Skisser som beskriver funktioner Fungerar som kommunikation mellan projektets olika intressenter Underlag för test med användare Fel kan upptäckas innan en rad kod är skriven Fördjupning www.verva.se/24timmarswebben/exempel
Sverige.se Situationer i livet Fjalkjflfkldsafkljsdkfjf. Kajfaklfkalsfjlkasflkja. Bla fla mompa fomf ah fjakjf jaflkj. Söka och byta arbete Gå i Pension Söka och byta arbete Gå i Pension Söka och byta arbete Gå i Pension Söka och byta arbete sök E-tjänster Med e-tjänster kan du få en service enkelt och bekvämt. Följa ärenden och räkna ut Räkna ut och jämföra Följa ärenden och räkna ut Räkna ut och jämföra Följa ärenden och räkna ut Andra ingångar Sverige och EU Lag och rätt Så fungerar offentlig sektor Nyckelord Kontaktuppgifter Här hittar telefonnummer, adresser Myndigheter, bolag, organisationer Län, landsting, regioner Sveriges kommuner Utdrag av adresslistor
Fungerar webbplatsen i faktisk användning?
Fungerar webbplatsen i faktisk användning? Utvärdera med riktiga användare som får göra realistiska uppgifter Valda delar av befintlig webbplats, prototyper, skisser Avsätt resurser för att åtgärda problemen som hittas Ökar tryggheten inför ändringar
Exempel på användningstest Källa: Exempel på användningstest Problem att betala, av Inuse AB
3: Bygg rätt från början följ standarder Struktur och navigation Utgå från användarnas förväntningar Färg, kontrast och typografi Ge god läsbarhet KAPITEL 3 Verksamhets- och webbplatsansvariga Designers Programmerare Beställare och leverantörer Layout med stilmallar inte tabeller eller ramar Exempel: www.kungalv.se, www.su.se Fixa bra utskrifter Bygg med relativa mått Förstora text Flytande layout
Tvinga inte användaren att tänka efter Visa tydligt vad som är klickbart/länkat SÖK > Visa tydligt vad som hör ihop Webbkarta 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
Kräv inte extraprogram för grundläggande funktionalitet Till exempel: Javaskript eller Flash
4: Webbplatsens innehåll och tjänster KAPITEL 4 Informatörer och redaktörer Grundinformation Kontaktinformation Beskriva verksamheten på ett begripligt sätt Verksamhets- och webbplatsansvariga Sökning Sökmotorer och intern sökning Spridning av webbplatsens innehåll och tjänster Prenumeration Återanvända innehåll krisinformation, bloggar, media Öppna databaser
5: Stöd skumläsning Skriv enkelt och begripligt det viktigaste först tydliga och beskrivande rubriker Dela upp längre texter i stycken uppräkningar i listor Var konsekvent Begrepp Datum och tid enligt standard Unvik förkortningar KAPITEL 5 Informatörer och redaktörer Verksamhets- och webbplatsansvariga Checklistan för webbpublicering www.verva.se/24-timmarswebben/checklistor Våga vara lagom exakt Skriv datum och tid enligt standard Undvik förkortningar
5: Bilder och grafiska objekt Beskriv meningsbärande bilder och grafiska objekt med textalternativ. KAPITEL 5 Informatörer och redaktörer Verksamhets- och webbplatsansvariga Pröva 2 minuter som blind 1) Lägg händerna avslappnat på bordet 2) Blunda
Samma sida för seende personer
5: Länkar och dokument Skriv självförklarande länkar Undvik länkar som klicka här, gå till, läs mer KAPITEL 5 Informatörer och redaktörer Verksamhets- och webbplatsansvariga Använd title för att ge mer information 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
Skumläsare, synskadade och sökmotorer Länkförteckning 1. Läs mer 2. Läs mer 3. Finns här 4. Läs mer Rubrikförteckning 2. Fakta 3. Filmarbetarkatalogen 3. Matiné 3. Filmarkivet i Grängesberg
5: 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 Uppdatera webbplatsens innehåll och länkar regelbundet KAPITEL 5 Informatörer och redaktörer Verksamhets- och webbplatsansvariga
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?
Specifik mobiltjänst eller vanliga webbplatsen i mobilen
7: Välja publiceringsverktyg Testa och ställa krav på: Grundkonstruktion Textformatering Stöd för redaktören Formulär och tabeller Bildhantering och länkar KAPITEL 7 Inköpare och beställare Programmerare, designers www.verva.se/24-timmarswebben/verktyg
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, argument
Stöd att komma igång STEG LADDA NER Avsätt resurser argument, mätningar Utbilda medarbetare checklistor, lästips 1. Formulera mål 2. Utvärdera webbplatsen checklistor, testverktyg 3. Planera åtgärder kort/lång sikt prio 1-3, dela upp 4. Kartlägg behov 5. Skisser och prototyper 6. Kravformulering kravdokument, exempel 7. Välja leverantör och system ramavtal 8. Innehållsproduktion checklistor, exempel 9. Testa leveranser mätpunkter, testverktyg 10. Följ upp målen
Mer stöd från Verva Frågor och förslag: 24-timmarswebben@verva.se Intro-seminarium Erfarenhetsutbyte, utbildning och nyheter: Nätverket 24- timmarswebben www.verva.se/natverk/24h Gratis, seminarier, nyhetsbrev, dela erfarenheter Mätningar och analyser Ramavtal och leverantörslistor
Tack för mig! Ladda ner www.verva.se/24-timmarswebben Hör av dig vägledningen utvecklas utifrån synpunkter! Magnus Burell 24-timmarwebben@verva.se