Hva er under folden?
Begrepet «under folden» refererer til den delen av en nettside som en bruker må rulle for å se. Et begrep som stammer fra avistrykking, ble «under folden» brukt da det var en faktisk fysisk fold midt på siden. «Over folden» var alt på øverste halvdel og «under folden» var alt nedenfor.
Innholdet som ble ansett som mindre viktig, ble tradisjonelt plassert under folden, siden det i stor grad var usynlig når det lå på en avisstand.
På 1990-tallet, da publisering flyttet over til nettet, ble begrepet «under folden» bevart. Fortsatt brukt i webdesign i dag, refererer begrepet nå til innhold som befinner seg under bunnen av et nettleservindu, eller omtrent 600 piksler fra toppen av siden.
Hvorfor er under folden viktig?
Plasseringen av innhold på en nettside påvirker hvor mange brukere som interagerer og engasjerer seg med det. Innhold under folden er skjult for brukeren når siden først lastes, og hvis de forlater siden uten å rulle, vil de aldri se det.
Data indikerer at plassering av annonser og innhold under folden på en nettside dramatisk reduserer sannsynligheten for at det blir sett.
Ifølge en populær Google-studie hadde annonser over folden omtrent 73 % synlighet, mens annonser under folden hadde 44 % synlighet. I reklamebransjen anses en annonse som en «synlig visning» hvis minst 50 % av pikslene vises på en brukers skjerm i minst ett sekund.
På grunn av redusert synlighet genererer annonser plassert under folden typisk mindre annonseinntekter enn annonser øverst på siden. Selskaper som selger annonseplass på nettstedene sine, tar vanligvis en redusert pris for plassering under folden på grunn av lavere synlighet.
Hvordan måles under folden?
Det er umulig å definere en nøyaktig plassering for folden på en nettside, fordi den nøyaktige plasseringen kan variere avhengig av skjermoppløsning, samt nettleser- og skjermstørrelser for tusenvis av telefoner, nettbrett og dataskjermer.
Når man bestemmer en gjennomsnittlig foldplassering, er de fleste webdesignere enige om at foldlinjen er på omtrent 1 000 piksler bredde og 600 piksler høyde.
Dette er beste scenario for den vanligste monitor-/nettleserkombinasjon på 1024x786 piksler, med nettleservinduet maksimert og ingen installerte verktøylinjer øverst som skyver innholdet ned.
Nettstedets publikums analyser vil indikere de vanligste skjermdimensjonene for nettstedets besøkende.
Hensyn til mobilbruk
I mange år var den vanligste dimensjonen 1024x768. Med økt popularitet for mobile enheter blir nye dimensjoner stadig vanligere, som 320x568 og 360x640.
Den økte bruken av mobile enheter for nettlesing har ytterligere komplisert konseptet med å designe for folden.
Mobile enheter tilbyr et stort utvalg av skjermstørrelser, og brukernes behov for hver av disse enhetene og skjermdimensjonene har sitt eget unike sett av krav og begrensninger.
En ytterligere vurdering er at brukere på telefoner generelt surfer i stående modus fremfor liggende modus, mens brukere på nettbrett og datamaskiner generelt surfer i horisontal modus.
Med så mange som bruker nettsider på tvers av et slikt utvalg av enheter, innebærer dagens webdesignpraksis bruk av responsivt design: bruk av fleksible oppsett, bilder og stilark.
Med responsivt design er det ingen fast layout for en side, og innhold tilpasser seg en skjerm i hvilken som helst størrelse. Responsive nettsider reagerer på miljøet de brukes eller surfer i.
Mens viktig innhold fortsatt må stå høyere på siden, bør sidene i dag utformes slik at de lokker brukerne til å rulle, slik at de ikke går glipp av viktig innhold.
Studier har vist at mobile brukere er mer tilbøyelige til å rulle enn desktop-brukere, men ettersom mobilbruken har økt, har noe av rulleadferd fra mobil overført til desktop, og mange moderne nettsidedesign inkorporerer funksjoner for «uendelig rulling».
Sporing av nettstedsbruk
På grunn av innholdsplasseringens innvirkning på engasjement og konverteringer er det viktig å overvåke hvordan brukere interagerer med nettstedet ditt.
Analyseplattformer som Google Analytics kan gi informasjon om hvilken prosentandel av besøkende som bruker stasjonær kontra mobile enheter, samt gjennomsnittlig skjermstørrelse for dine brukere.
Varmekart-programmer som CrazyEgg kan være nyttige for å bestemme rulledybde (hvor langt ned på siden brukerne ruller) samt hvor brukerne klikker på en side.
Når du forstår hvordan brukere navigerer på nettstedet ditt, kan du begynne med A/B-testing og eksperimentere med forskjellige oppsett for å forbedre brukeropplevelsen din og maksimere konverteringsmålene dine.
