Skatteverketwebbstandarder & förstudie: webbplatser 2.0

Jens Wedin

Agenda

• Historia

• Vart vi är idag

• Vart vi vill

1996

1999

2001

2004

2006

2007

(Miljoner)

Skatteverket 1.0(idag)

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

Ines, tillgänglighet & webbstandarder

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

Ines, mallar

• En master, tjugo delmallar, alla validerar

• html 4.x, xhtml 1.0, transitional eller strict

Ines, mallar

• Divits, spanits<div style="" id="svid10.18e1b10334ebe8bc80004793"><div id="svid12.5732cd2411150a57de58000107">

• Långa url:arhttp://skatteverket.se/fordigsomar/fordigsomar.4.65fc817e1077c25b832800015903.html

• Stora automatgenererade CSS filer10px; 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;

Styleguide, regler och riktlinjer

• Riktlinjer – inte bara hur det ser ut, även standarder och kodexemempel.

• www.skatteverket.se/styleguide

Styleguide, ska & bör• Fotografier

• Färger

• Genvägar

• Ikoner

• Ladda ner

• Layout

• Logotyp

• Länkar

• Styleguidearbete

• Typografi

• Utskriftsvänlig version

• Avdelare (linje)

• Flikar

• Formulär

• Illustrationer

• Informera användaren / felmeddelanden

• Interna webbannonser

• Listor

• Logga in

• Multimedia

• Noteringar

• Paginering (sidbeteckning)

• Popup och nya fönster

• Ramar

• Ruta (generisk)

• Tabeller

• Teknik

• Termer och förklaringar

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

Skatteverket 2.0(framtiden)

Förstudie: webbplatser 2.0

• Inledning

• Levererade delmål

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

Leveranser

• Nulägesbeskrivning

• Värdeord & mål

• Personas

• Användartest & kravspecifikation

• Prototyp

Nulägesbeskrivning

• Statistik

• Webbenkät

• Interna skriftliga intervjuer

• Klagomål & beröm

• Tidigare användbarhetsutvärderingar

• Användningstester och intervjuer

Statistik

Skatteverket Kronofogden

0

10

20

30

40

Skat

ter

Blan

kett

er &

bro

schy

rer

E-tjä

nste

r

Nyh

eter

& P

ress

rum

Serv

icet

jäns

ter

Kon

takt

a os

s

Folk

bokf

örin

g

Rät

tsin

form

atio

n

För

dig

som

är..

.

Fast

ighe

tstx

erin

g

Om

Ska

ttev

erke

t

Inte

rnat

ione

llt

Antal dokument Trafik

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

Användartester

• 24 personer i maj:

• 10 småföretagare

• 9 privatpersoner

• 5 specialister

• Intervjuer + lösa uppgifter och observationer

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

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

Personas

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

Vad händer nu?

• Leverera slutgiltigt prototyp

• Slutrapport

• Beslut > Utvecklingsprojekt

Blogg

• Följ gärna vårt arbete på våra blogg

• projweb20.wordpress.com

Tack

Frågor eller kommenterar?

Jens Wedin

jens.wedin@skatteverket.se