Vägledningen 24-timmarswebben få fler att använda er webbplats. Magnus Burell, Verva

Transkript

1 Vägledningen 24-timmarswebben få fler att använda er webbplats Magnus Burell, Verva

2 Källa: Skrotbil: Håll Sverige rent,

3 Källa: The Design of Everyday Things, Donald Norman SAS Coffee Pot:

4 Nya krav Internationalisering Åldrande befolkning Högre förväntningar Tillgänglighet för alla

5 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

6 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

7 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!

8 Britta Tore

9 Bengt och Sofia

10 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

11 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

12 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

13 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

14 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

15 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?

16 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

17 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

18

19 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

20

21

22 Fungerar webbplatsen i faktisk användning?

23 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

24 Exempel på användningstest Källa: Exempel på användningstest Problem att betala, av Inuse AB

25 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: Fixa bra utskrifter Bygg med relativa mått Förstora text Flytande layout

26 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

27 Kräv inte extraprogram för grundläggande funktionalitet Till exempel: Javaskript eller Flash

28 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

29 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 Våga vara lagom exakt Skriv datum och tid enligt standard Undvik förkortningar

30 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

31 Samma sida för seende personer

32 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

33 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

34 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

35 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?

36 Specifik mobiltjänst eller vanliga webbplatsen i mobilen

37 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

38 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

39 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

40 Mer stöd från Verva Frågor och förslag: Intro-seminarium Erfarenhetsutbyte, utbildning och nyheter: Nätverket 24- timmarswebben Gratis, seminarier, nyhetsbrev, dela erfarenheter Mätningar och analyser Ramavtal och leverantörslistor

41 Tack för mig! Ladda ner Hör av dig vägledningen utvecklas utifrån synpunkter! Magnus Burell