Tag : responsivt-design

Og vinner av nettleserkrigen er? Brukeren!

Nettleserpreferansene har endret seg mye siden skatteetaten.no ble lansert i ny drakt i november 2012.

Av Isabella Greffel

I første kvartal 2012 var det kun en nettleser som gjaldt: Internet Explorer (IE), med 60 prosent av alle besøk. Nå – to og et halvt år senere – er det tre. Og Explorer seiler akterut.
I forkant av at nye skatteetaten.no ble lansert 28. november 2012 var det mange valg som skulle tas. Noen av beslutningene gjaldt hvilke nettlesere vi skulle prioritere, og andre hvilket språk som skulle brukes. Statistikken for første kvartal 2012 viste at én prosent av brukerne fremdeles benyttet Internet Explorer 6 (IE 6), og at 13 prosent brukte IE 7. Estimater anslo at å tilpasse skatteetaten.no til disse nettleserne ville dratt opp utviklingskostnadene med rundt 40 prosent.

Endrede preferanser
Nå, to år etter, ser vi at nettleserpreferansene er snudd på hodet. Bruken av Internet Explorer taper stadig mer terreng, mens Chrome og Safari tar innpå. Disse tre har nå nære en tredjedel av markedsandelene hver.

Chrome og Safari tar innpå IE. I løpet av de siste tolv månedene har Chrome økt markedsandelen med seks prosentpoeng, Safari med tre, mens IE har gått ned fem.

Chrome og Safari tar innpå IE. I løpet av de siste tolv månedene har Chrome økt markedsandelen med seks prosentpoeng, Safari med tre, mens IE har gått ned fem.

Det er blant annet gode nyheter for brukerne mener underdirektør i Portalløsninger i Skatteetaten, André Kristianslund:
− Dette er bra, Chrome og Firefox har blant annet automatiske oppdateringer. Når du åpner nettleseren vil den automatisk være oppdatert. Det er langt mer brukervennlig enn forrige versjoner av Internet Explorer, hvor man aktivt må velge å oppdatere. Det, sammen med en stor utbredelse i bedrifter, har nok bidratt til at IE 6 hang igjen så lenge, forklarer han.

Uventet hjelp
Men at bildet skulle være så annerledes bare et par år etter lansering, visste vi ikke tilbake i 2012 forteller Kristianslund. Han forklarer at Skatteetaten måtte prioritere, og valgte å satse på at en antakelse om at IE 6 og IE 7 allerede da var såpass utdatert at brukergruppen ville fortsette å gå drastisk ned. Derfor bestemte vi oss for å utvikle for IE 8 og oppover, og legge listen ved hvilke nettlesere vi supporterer til IE 7. I tillegg fikk vi noe uventet drahjelp.
− Vi lå noen måneder etter i løypa. Før vi lanserte var allerede nettavisene Aftenposten, Dagbladet og VG i gang med å informere leserne om at de kom til å slutte med support for IE 6 og ba dem oppgradere. Dette har sannsynligvis vært med på å lette arbeidet for oss, forklarer Kristianslund. − Vi registrerte i hvert fall aldri noen klager knyttet til manglende støtte for IE 6.

Spesialtillatelse
Men det var uansett ikke fritt frem for HTML 5. Skatteetaten måtte hente inn aksept fra Difi for å kunne gjennomføre prosjektet slik vi ville, med HTML 5 og responsivt design.
− Forskrift om IT-standarder i offentlig forvaltning sa – og sier fortsatt – at sidene må utformes med HTML 4.01 og XHTML 1.0. Vi tok derfor kontakt med Difi, som var positive til at vi tok i bruk HTML 5 under forutsetning av at dette ikke ekskluderte brukere med eldre lesere fra innhold, informasjonen eller funksjonalitet på nettsiden, forklarer Kristianslund.

Billigere og mer sømløst
Det er en av grunnene til at vi fremdeles har support for IE 7. Nettleseren i seg selv er ikke i stand til å lese HTML 5, og skatteetaten.no vil derfor nødvendigvis ikke se pen ut i IE 7. Men den ekstrainnsatsen IE 7 krever, hentes inn igjen og vel så det på andre områder. HTML 5 sammen med CSS3 utgjør et responsivt design, og møter målsetningen vår om «Mobile First» uten ekstrainnsats. I tillegg gjør den hverdagen enklere både for oss og brukerne.

− HTML 5 har langt flere muligheter enn HTML 4.01 eller XHTML 1.0. For det første gir det oss en bedre anledning til å beskrive semantikken til nettsidene. Det kan gjøre det enklere for personer med nedsatt funksjonsevne å bruke nettsidene, samtidig som søkemotorene kan gi brukerne mer relevante søk. Med HTML 5 kan vi fortelle søkemotoren at «dette er en artikkel» eller «dette er en håndbok», forklarer Kristianslund.
Han forteller også at du i HTML 5 kan slippe ekstraprogrammer som for eksempel Java eller Flash. Det betyr mindre å tenke på for brukeren, samtidig som det går raskere å laste ned videoer enn det ville gjort med XHTML, som krever ekstraprogram. Samtidig er HTML 5 billigere å forvalte.
−Vi vil følge med i tiden. Og med HTML 5 er det muligheter for å putte på mer funksjonalitet fremover uten at det krever spesialtilpassing og utviklingskapasitet som XHTML ville hatt behov for, forklarer Kristianslund og slår fast at det i praksis betyr mindre bruk av skattepenger.

Skattelistene: iPhone om morra’n – iPad i soffa’n

Surfer folk i farta på telefonen, men slenger seg ned med nettbrettet i sofaen om kvelden? Absolutt.

Vi har hentet ut tall på hvordan folk brukte iPhone vs. iPad* den dagen skattelistene ble lagt ut, både i år og i fjor. Bruksmønsteret er rimelig klart; iPhone tidlig på morgenen  og iPaden på kvelden.

iphone

Klikk for større bilde.

Hva mer vet vi om skattelistene?

  • 20 personer har brukt opp alle 500 søkene/oppslagene sine denne måneden
  • 53 har brukt mellom 450-499 søk
  • 8572 personer har søkt opp mer enn 100 personer i skattelistene
  • 2 010 936 personer har ikke blitt søkt på i skattelistene
  • 2 313 464 har blitt søkt opp
  • 11 personer har blitt søkt opp av mer enn 1000 personer

* Vi har brukt iPad og iPhone som eksempler på nettbrett og mobiltelefon, da det er på de enhetene vi har best statistikk.

Hvorfor responsivt design på skatteetaten.no?

Trafikken til skatteetaten.no fra mobile enheter har økt kraftig og uten responsivt design hadde vi gått på en smell. Frem til i fjor hadde Skatteetaten mobile sider på m.skatteetaten.no. Den siden støttet de fleste mobiler, men ikke alle. I 2011 så vi en klar trend, mer og mer av trafikken kom fra mobile enheter. Det førte til at vi brukte mye tid på å legge til ulike til nye enheter med ulik skjermstørrelse. I tillegg måtte nettredaksjonen gå gjennom alle artiklene for mobilversjonen og manuelt huke av i publiseringssystemet om de skulle vises eller ikke. Det fordi det kunne oppstå problem med bilder og alt for store tabeller.

mobilI 2012 så vi at også nettbrett var på vei inn. Samtidig ble det også bedre støtte for media queries og HTML5 som gjorde veien vidåpen for et responsivt design på nye skatteetaten.no.

Teknologisk veiskille
Vi så at brukerne våre var flinke til å holde nettleserne og enhetene sine oppdaterte. For å ta i bruk ny teknologi stod vi ved et veiskille og valgte å støtte versjoner fra og med Internet Explorer 8. Brukere med eldre nettlesere skulle riktignok få all informasjon og innhold på skatteetaten.no, men layout og design måtte se annerledes ut for eldre nettlesere. Dette valget av teknologi gjorde det mulig å ta i bruk responsivt design.

Deretter startet designet av de ulike skjermstørrelsene. Vi så av bruksmønsteret at vi måtte ha tre størrelser: desktop, nettbrett og mobil. Vi startet med mobil. Et viktig krav vi stilte tidlig i prosessen var at alle størrelser må angis med relative enheter. I praksis betyr det at alle selv skal ha mulighet til å justere størrelsen på tekst og bilder, noe som er spesielt viktig innen universell utforming. Det er også fordi det er vanskelig å si nettopp hvor stor skjermen på et nettbrett eller mobil er. Mens vi jobbet med dette kom «retina display» for fullt og vi fikk utfordringen med skjermer med større oppløsning.

Brukertesting
Underveis brukertestet vi skissene våre flere ganger, og så at noe av det vi tenkte så bedre ut på papir enn på skjerm. Hvordan skulle for eksempel menyen være på nettbrett? Vi hadde en klar formening om «mouseover» på desktop og komprimert meny på mobil, men hva med alt i mellom? Der vi tidligere hadde mye logikk bak mobilsidene, med mulighet for å legge på ekstra Javascript og funksjoner, ønsket vi ikke å tilføre ekstra kompleksitet på de nye nettsidene. Løsningen ble nok en gang mulighetene nyere nettleserne gir oss, deriblant muligheten til å sjekke om du sitter på en touch-enhet (nettbrett/mobil med berøringsskjerm).

Responsivt design løste mange av utfordringene vi hadde med egne, mobile sider, og lærte oss mye om brukerinteraksjon.

Har du spørsmål eller innspill? Skriv gjerne i kommentarfeltet under eller fyr av en Twittermelding til IT-rådgiver Andre Kristianslund i Skatteetaten.

Oppdaterte Apple-brukere

Apple lanserte nylig iOS 7. Det tok ikke mange timer før det ga utslag i statistikken på skatteetaten.no.

Vi ser i statistikken på at brukerne våre er oppdatert på teknologi. Det fikk vi bekreftet da Apple nylig lanserte iOS 7. Dette var en ganske radikal forandring av brukergrensesnittet, og var mye debattert i forkant av lanseringen. Det ser ikke ut til å bekymre eierne av Apples produkter. Torsdag 18. september slapp Apple den nye versjonen, og etter kort tid ga det utslag i statistikken. Se bare her:

ios_6-7

Ved å bryte opp tallene for mobil og nettbrett ser vi at allerede har nærmere 70 % av iOS 6-brukerne våre oppgradert til iOS 7. Vi ser også et mønster i at telefonen får oppdateringen først, før man hiver seg ned i sofaens dyp og gjennomgår samme overhaling av nettbrettet.

fra-ios_6-til-7

Vi får nok en bekreftelse på dette når vi ser på hvor raskt brukerne oppdaterer fra 7 til 7.0.2, både på mobil og nettbrett:

fra-ios_7-til-702

De samme trendene ser vi også for Android, andre operativsystem og nettlesere generelt. Dette gir oss et verdifullt grunnlag når vi lager nye tjenester, og nordmenns vilje og evne til å ta i bruk ny teknologi veide tungt da valget falt på responsivt design da vi lanserte nye skatteetaten.no i november 2012.

Er det annen statistikk du er nysgjerrig på? Skriv inn i kommentarfeltet.