Hur Skatteverket jobbar med webbstandarder samt ett usecase, förstudie: webbplatser 2.0

1. Skatteverket
webbstandarder & förstudie: webbplatser 2.0
Jens Wedin

2. Agenda
• Historia
• Vart vi är idag
• Vart vi vill

3. 1996

4. 1999

5. 2001

6. 2004

7. 2006

8. 2007

9. (Miljoner)

10. Skatteverket 1.0
(idag)

11. Vår baby, Ines (SiteVision)
• CMS med fokus på att distribuera publiceringen
• Agda 56, ska kunna skriva, lägga till bilder och tabeller...
• ... och det ska fortfarande validera

12. Ines, tillgänglighet &
webbstandarder

13. Ines, migrering
• Konvertering av 8.000 dokument
• Från handknackade Dreamweaver dokument till CMS
• Knappt några rubriker
• Knappt några alt texter
• b > strong
• fieldsets, font, span etc > det mesta var inline CSS

14. Ines, mallar
• En master, tjugo delmallar, alla validerar
• html 4.x, xhtml 1.0, transitional eller strict

15. Ines, mallar
• Divits, spanits
<div style=quot;quot; id=quot;svid10.18e1b10334ebe8bc80004793quot;>
<div id=quot;svid12.5732cd2411150a57de58000107quot;>
• Långa url:ar
http://skatteverket.se/fordigsomar/fordigsomar.
4.65fc817e1077c25b832800015903.html
• Stora automatgenererade CSS filer
10px; border-color: #ffd700; padding-left: 60px; padding-right: 10px; background-color: #fffced; background-image:url(/images/
18.65fc817e1077c25b83280003532/icon-warning.gif); background-position: 10px 15px;}.decorationInformationFelmeddelande {border-style:
solid; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; background-repeat: no-repeat; border-width: 1px; padding-top:
10px; border-color: #c40707; padding-left: 60px; padding-right: 10px; background-color: #fffced; background-image:url(/images/
18.65fc817e1077c25b83280003530/icon-error.gif); background-position: 10px 15px;}.decorationInformation {border-style: solid;
padding-bottom: 5px; margin-top: 10px; margin-bottom: 10px; border-width: 1px; padding-top: 5px; border-color: #c2c2bc; padding-
left: 5px; padding-right: 5px; background-color: #f4f4f4; }.decorationStreck {padding-bottom: 20px; margin-bottom: 20px; border-
bottom: 1px solid #67675c;;}.decorationSkarmdump {border-style: solid; margin-top: 10px; padding-bottom: 10px; margin-bottom: 10px;
border-width: 1px; padding-top: 10px; padding-right: 10px; padding-left: 10px; border-color: #e6e6e3; background-color: #f4f4f4;

16. Styleguide, regler och riktlinjer
• Riktlinjer – inte bara hur det ser ut,
även standarder och kodexemempel.
• www.skatteverket.se/styleguide

17. Styleguide, ska & bör
• Avdelare (linje)
• Fotografier
• Flikar
• Färger • Formulär
• •
Genvägar Illustrationer
•
• Informera användaren / felmeddelanden
Ikoner
• Interna webbannonser
• Ladda ner
• Listor
• Layout • Logga in
• •
Logotyp Multimedia
•
• Noteringar
Länkar
• Paginering (sidbeteckning)
• Styleguidearbete
• Popup och nya fönster
• Typografi • Ramar
• •
Utskriftsvänlig version Ruta (generisk)
• Tabeller
• Teknik
• Termer och förklaringar

18. Eldsjälar och/eller styrning
• Eldsjälar gör skillnad
• Interna nätverk
• Verva, skapar riktlinjer, både teknisk tillgänglighet och användbarhet
• Verva har koll > månatliga tester av alla myndigheter
• Verva även för företag

19. Skatteverket 2.0
(framtiden)

20. Förstudie: webbplatser 2.0
• Inledning
• Levererade delmål

21. Inledning
Beställning:
Förstudie avseende grafisk lösning, struktur och
funktionalitet som på bästa sätt möter våra
målgrupper på Skatteverket och Kronofogden

23. Leveranser
• Nulägesbeskrivning
• Värdeord & mål
• Personas
• Användartest & kravspecifikation
• Prototyp

24. Nulägesbeskrivning
• Statistik
• Webbenkät
• Interna skriftliga intervjuer
• Klagomål & beröm
• Tidigare användbarhetsutvärderingar
• Användningstester och intervjuer

25. Statistik
Skatteverket Kronofogden

26. 0
10
20
30
40
Skatter
Blanketter & broschyrer
E-tjänster
Nyheter & Pressrum
Servicetjänster
Kontakta oss
Folkbokföring
Rättsinformation
För dig som är...
Fastighetstxering
Antal dokument
Om Skatteverket
Internationellt
Trafik

27. Målbilder
• Webbplatsen gör det lättare för medborgare och företag att utföra
sina ärenden och undvika att göra fel.
• Webbplatsen erbjuder rätt information i rätt tid
• Ökat utbud och möjlighet till självbetjäning jämfört med 2006

28. Användartester
• 24 personer i maj:
• 10 småföretagare
• 9 privatpersoner
• 5 specialister
• Intervjuer + lösa uppgifter och observationer

29. Förslag på förbättringar
• Innehåll organiserat efter ämne
• Flera rubriknivåer
tex.: Deklaration och Skattekonto > Bostad > Sålt bostad
• Förklara svåra ord där de används
• Stegvis fördjupning i ämne enl. ”lökprincip”
• Mindre nyhetsarea på startsidan

30. Förslag på förbättringar
• Förbättrad sök
• Interaktiva blanketter + integrerade e-tjänster
• Mest efterfrågat just nu
• Mer övergripande och lättfattlig information
• Ämnen för privatpersoner och företag uppdelat

31. Personas

32. Prototyp
• Användartester
• Publicera externt för att få in synpunkter
• Skicka runt internt för att få in synpunkter
• För att alla ska få en gemensam bild
• prototyp.skatteverket.se

33. Vad händer nu?
• Leverera slutgiltigt prototyp
• Slutrapport
• Beslut > Utvecklingsprojekt

34. Blogg
• Följ gärna vårt arbete på våra blogg
• projweb20.wordpress.com

35. Tack
Frågor eller kommenterar?
Jens Wedin
jens.wedin@skatteverket.se