Under folden

Hva er under folden?

Begrepet "under folden" refererer til den delen av en nettside som en bruker må bla for å se. Begrepet "below the fold" stammer fra avisutgivelser, og ble skapt da det fantes en fysisk fold midt på siden. "Over folden " var alt som befant seg på den øverste halvdelen, og "under folden" var alt som befant seg under.

Det innholdet som ble ansett som mindre viktig, ble tradisjonelt plassert under folden, siden det stort sett var usynlig når det ble vist i en aviskiosk.

På 1990-tallet, da publiseringen flyttet over på nettet, ble begrepet "below the fold" stående. Begrepet brukes fortsatt i webdesign i dag, men refererer nå til innhold som er plassert under bunnen av nettleservinduet, eller omtrent 600 piksler fra toppen av siden.

Hvorfor er "below the fold" viktig?

Plasseringen av innholdet på en nettside påvirker hvor mange brukere som interagerer og engasjerer seg med den. Innhold under folden er skjult for brukeren når siden først lastes inn, og hvis de forlater siden før de har rullet, vil de aldri se det.

Data indikerer at plassering av annonser og innhold under folden på en nettside dramatisk reduserer sannsynligheten for at den blir sett.

Ifølge en populær Google-studie hadde annonser over folden en visningsgrad på 73 %, mens annonser plassert under folden hadde en visningsgrad på 44 %. I reklameverdenen regnes en annonse som "synlig" hvis minst 50 % av pikslene vises på brukerens skjerm i minst ett sekund.

På grunn av den reduserte synligheten genererer annonser som er plassert under folden, vanligvis mindre annonseinntekter enn annonser som vises øverst på siden. Selskaper som selger reklame på nettsidene sine, tar vanligvis en rabattert pris for plassering under folden på grunn av den lavere synligheten.

Hvordan måles plassering under folden?

Det er umulig å definere en nøyaktig plassering av folden på en nettside, fordi den nøyaktige plasseringen kan endres avhengig av skjermoppløsning, nettleser og skjermstørrelse på tusenvis av telefoner, nettbrett og dataskjermer.

Når man skal fastsette en gjennomsnittlig foldeplassering, er de fleste webdesignere likevel enige om at foldelinjen er omtrent 1000 piksler bred og 600 piksler høy.

Dette er det beste scenariet for den vanligste kombinasjonen av skjerm/nettleser på 1024x786 piksler, med nettleservinduet maksimert og ingen installerte verktøylinjer øverst, noe som presser innholdet nedover.

Nettstedets publikumsanalyse vil indikere de vanligste skjermdimensjonene for besøkende på nettstedet ditt.

Vurderinger for mobil

I mange år var den vanligste dimensjonen 1024x768. I takt med at mobile enheter har blitt stadig mer populære, har nye dimensjoner blitt stadig vanligere, for eksempel 320x568 og 360x640.

Den økende bruken av mobile enheter til nettsurfing har ytterligere komplisert konseptet med å designe for brettet.

Mobile enheter tilbyr et stort utvalg av skjermstørrelser, og brukerbehovene for hver av disse enhetene og skjermdimensjonene har sine egne unike krav og begrensninger.

I tillegg kommer det faktum at brukere på telefoner vanligvis surfer i stående modus i stedet for liggende, mens brukere på nettbrett og datamaskiner vanligvis surfer i horisontal modus.

Siden så mange bruker nettsider på så mange forskjellige enheter, innebærer dagens praksis for webdesign at man bruker responsiv design, det vil si at man benytter seg av fleksible oppsett, bilder og cascading style sheets.

Med responsivt design er det ingen fast layout for en side, og innholdet tilpasses til en skjerm av alle størrelser. Responsive nettsider reagerer eller "responderer" på omgivelsene de brukes i.

Selv om det viktige innholdet fortsatt må være høyere oppe på siden, bør sidene i dag utformes slik at de lokker brukerne til å skrolle, slik at de ikke går glipp av viktig innhold.

Undersøkelser har vist at mobilbrukere er mer tilbøyelige til å skrolle enn pc-brukere, men etter hvert som mobilbruken har økt, har noe av den mobile rulleatferden også blitt overført til pc-brukere, og mange moderne nettstedsdesign inneholder funksjoner for "uendelig rulling".

Spore bruken av nettstedet

Siden innholdsplassering kan ha så stor innvirkning på engasjement og konverteringer, er det viktig å følge med på hvordan brukerne interagerer med nettstedet ditt.

Analyseplattformer som Google Analytics kan gi informasjon om hvor mange prosent av de besøkende som bruker stasjonære og mobile enheter, samt den gjennomsnittlige skjermstørrelsen til brukerne.

Heatmap-programmer som CrazyEgg kan være nyttige for å finne ut hvor langt ned på siden brukerne scroller, og hvor brukerne klikker på en side.

Når du forstår hvordan brukerne navigerer på nettstedet ditt, kan du begynne å A/B-teste og eksperimentere med ulike oppsett for å forbedre brukeropplevelsen og maksimere konverteringsmålene dine.