Udir.no, utviklet av Creuna, kan du selv se effekten av Responsive Web Design: Sett musepekeren på vinduet i nettleseren og endre bredden, så ser du at hele siten tilpasser seg vinduets størrelse.

2013: MOBILEN HAR TATT OVER INTERNETT

Publisert 22 desember 2011

Mobiltelefonen er sannsynligvis det siste du ser før du sover, og det første når du våkner, dagen etter. På vei til jobb, sjekker du kanskje mailen eller leser siste nytt på bussen eller toget. Du er ikke alene.

Ved frokostbordet ligger nettbrettet vi leser avisene på, i den nye bilen er internett integrert i underholdningssystemet, på jobben bruker vi ulike maskiner, og vi surfer fra telefonen ved første anledning. Som forbrukere er vi etter hvert blitt bortskjemte og kravstore: Vi forventer at nettbaserte tjenester skal være tilgjengelige, intuitive i bruk og fungere knirkefritt, uansett hvilken enhet vi benytter; PC, tablet, mobil osv.

Mobilen som browser

Ifølge Gartner vil nettsteder oppleve at trafikken fra mobiltelefoner vil overgå trafikken fra PC-er, allerede i 2013. Men hvordan kan vi være fremtidsrettede og designe nettjenester og websiter som fungerer, uavhengig av enheten som benyttes? Noe som er helt sikkert er at vi må tenke nytt. I flere år har det vært vanlig å lage en mobiltilpasset versjon av nettstedet, men dette kan være en tidkrevende og kostbar prosess. Det er store forskjeller mellom skjermoppløsningen på de mobile enhetene som benyttes, og den kan også variere avhengig av om du holder den i portrett- eller landskapsmodus.

Løsningen: Responsive Web Design

I de aller fleste tilfellene er den smarteste, rimeligste og mest effektve fremgangsmåten å utvikle et design som tilpasser seg enheten som benyttes, såkalt Responsive Web Design. Dette er et sett med teknikker som gjør at vi kan tilpasse layout og innhold basert på brukernes skjermoppløsning. Når vi implementerer Responsive Web Design velger vi vanligvis 3 ulike størrelser som optimaliseres til f.eks desktop, tablet og mobil. Selv om designet tilrettelegges for flere definerte størrelser vil det være fleksibelt og fungere på andre enheter, i tillegg til nye som dukker opp på markedet. For å få optimalt ut av Responsive Web Design, bør det kombineres med prinsippene fra Mobile First.

Hva er "Mobile First"?

Tanken bak Mobile First er som navnet tilsier, at vi starter designprosessen med de minste skjermene først. Dette krever en nøye prioritering av hva slags innhold og tjenester som skal tilbys, til forskjell fra den tradisjonelle fremgangsmåten der vi har bygget dype hierarkier med mange nivåer. Med Mobile First får du istedet et svært fokusert nettsted med et tydelig budskap og et tydelig formål. Å prioritere bort innhold og spisse tjenestene, er en nyttig øvelse som alle nettsteder burde gjennomføre for å gi brukerne sine en best mulig opplevelse.

Det finnes kun ett bra nettsted

Vi anslår at vi innen 2014 ikke lenger vil designe nettsteder etter tradisjonelle metoder, og heller lage responsive løsninger. Naturligvis vil apper fortsatt spille en viktig rolle, og enkelte nettsteder vil tilby tjenester som kommer best til sin rett i spesialtilpassede versjoner, men for det store flertallet kommer vi trolig ikke til å lage egne mobiltilpassede versjoner.

For det finnes kun én bra versjon av nettstedet: Det er den som fungerer optimalt på alle enheter.

Joakim Howlid er Chief Technology Officer hos Creuna AS

e-post: joakim.howlid@creuna.no
mob: (+47) 920 23 479