Publisert i bloggen, søndag 19. oktober 2008:

Hvor brede bør sidene være?

Jeg har tallene!

rullefelt_bredde.jpgI riktig hine hårde dager var brukernes skjermoppløsning ofte 800x600. Verken mer eller mindre, slik at man bare hadde én oppløsning å forholde seg til når en nettside skulle settes opp. Man ville gjerne unngå at innholdet ble for bredt og ga brukeren et horisontalt rullefelt (scrollbar) nederst i nettleseren.

Man hadde altså en skjermbredde på 800 piksler, minus bredden på det vertikale rullefeltet på høyre side. Denne bredden kan ofte justeres i operativsystemet, slik skjermbildet til høyre viser. Bredden på rullefeltet i min versjon av Windows XP er 16 piksler.

En bredde på 768 piksler for nettannonser (bannere) har nærmest blitt en standard her i Norge, og sannsynligvis er det nettopp på grunn av skjermoppløsningen 800x600 (800px - 16px scrollbar - 16px sikkerhetsmargin = 768 piksler).

Doblet antall forskjellige oppløsninger

Nettavisen Liernett har brukt Google Analytics siden september 2006, og den første måneden hadde de besøkende på Liernett 68 forskjellige skjermoppløsninger.

Den siste måneden jeg har tall for (18. september 2008 til 17. oktober 2008) har de besøkende på Liernett hatt hele 138 forskjellige skjermoppløsninger. Antallet forskjellige skjermoppløsninger har altså doblet seg på to år.

Brukerne får større, og ikke minst bredere, skjermer, og dette gir statistikken en del nyanser i forhold til tidligere.

Etter at oppløsningen 800x600 ble utdatert har 1024x768 dominert markedet. Derfor ser vi at mange nettsteder har en bredde på opptil 1000 piksler, altså optimalisert for oppløsningen 1024x768.

Men når blir oppløsningen så bred at man kan øke bredden på nettsidene ytterligere et nivå?

Som nevnt er det utrolig mange oppløsninger å forholde seg til, men jeg har valgt å generalisere litt i min undersøkelse. Den neste naturlige bredden etter 1024 piksler er 1280 piksler. Jeg delte derfor opp statistikken i tre klasser;

Som vanlig forutsetter jeg at brukerne på Liernett er et representativt utvalg.

I juni 2007 var for første gang de med en oppløsning bredere enn 1280 piksler i flertall.
I september 2008 hadde andelen økt til 2/3.

Bredden på Liernett har de siste årene vært 996 piksler. Hvis jeg nå velger å utvide til 1250 piksler (en sikkerhetsmargin på 30 piksler), betyr det at 1/3 av brukerne mine ikke vil se de 250 pikslene ytterst til høyre. De vil da få et horisontalt rullefelt nederst i vinduet.

Så hvor brede bør sidene være?
Jeg sa jeg hadde tallene. Svaret har jeg dessverre ikke...
Men dynamisk bredde kan være et stikkord for fremtiden.

Hvor brede bør sidene mine være?

Kildekritikk:
Tallene er basert på antall besøk i Google Analytics, og ikke antall brukere, selv om det kan tolkes slik ut fra denne bloggen.

Og selvkritikk:
Den generelle trafikken på Liernett har økt betraktelig på disse to årene, og dette alene kan være årsaken til at antall forskjellige skjermoppløsninger har doblet seg. Altså at det har blitt flere nyanser på Liernett, og ikke nødvendigvis i universet.

Relatert innhold

Responsivt design
Hvor stor er en piksel?
Widescreen kommer
Google Analytics

Bloggen

Paid and organic last click
Are og Ida på date
Kunstig intelligens
Vekst- prosjektet
Da Outlook stjal ikonet mitt
Sen eller tidlig påske?
Koordinater i SVG
Påstand: Corner er mål
Vestfold-Rogaland kalkulator
Twitter og VM på ski
My New Year's Resolutions
Et bilde sier mer enn tusen ord
Rogaland blir nye Vestfold
På størrelse med Vestfold
Datoformat i Excel og Google Analytics
what3words Hvilke tre ord?
Covfefe will make America great again
Om domenenavn og firmanavn
Fotballfrue: Jeg tar innpå deg
Sakte-TV: Se gresset gro
Sakte-TV: Se maling tørke
Første generasjon iPapp har kommet
Jukselapp fotografering
Det sorte hullet cookies disabled
Høysesong for kjipe annonser
Om analsex og popups
Rotasjon av vindsymboler
Hvor mye er Fotballfrue verdt?
Slik tar du et screenshot
Nyttige husketrekanter
Enklere utregning med kryssmultiplisering
Min egen lille adventskalender
Logge antall likes på Facebook
Hva er sitemap.xml?
Hva er robots.txt?
Responsivt design
Webscraping med PHP
Jeg sammenligner epler og pærer
Scalable Vector Graphics
Google Analytics API: Hente data
Google Analytics API: Muligheter
HTML5: Video
Big Data
Cookies: Hvordan det brukes
Cookies: Hva er det?
Excel i to vinduer
CRM-systemet «Kontor»
Gigantisk timelapse
Hva er jQuery?
Overvåke ReadyNAS DUO med PHP
Favicon - ikonet i adressefeltet
Animert heading på hardcode.no
CSS -sprites
Komprimere PNG-bilder
Redesign av hardcode.no
Klikkbar flash uten clickTAG
Relevans har stor verdi
Alle har wide- screen i 2013
Markedsandeler nettlesere 2010
Internet Explorer-vindu i feil størrelse
Hvor stor er en piksel?
Markedsføring og kundelojalitet
Flash-versjoner
Vestre Sylling og Øverskogen JFF
Sidevisninger, besøk og brukere
Widescreen kommer
Hvor brede bør sidene være?
Fortsatt lese hele saken?
Lese hele saken nå?
Første møte med AdWords
Bort med IE6
Utviklingen på nettleserfronten
Nyttige jukselapper
Nye Sylling.no
Klær med egen logo?
Værdata fra yr.no
Logodesign trender i 2008
Gmail grimaser
Google Analytics
Publiseringssystemet Outpost
Hardcode.no relanseres
Publiserings -systemet