Nedanför vikningen

Vad är nedanför vikningen?

Termen "nedanför vikningen" avser den del av en webbsida som en användare måste skrolla för att se. Termen "below the fold" är en kvarleva från tidningsutgivning och myntades när det fanns en fysisk vikning i mitten av sidan. "Ovanför vikningen" var allt på den övre halvan och "nedanför vikningen" var allt under.

Det innehåll som ansågs mindre viktigt placerades traditionellt nedanför vikningen, eftersom det oftast var osynligt när det visades i en tidningskiosk.

På 1990-talet, när publicering flyttade ut på webben, fanns termen "nedanför vikningen" kvar. Termen används fortfarande inom webbdesign och avser nu innehåll som ligger under botten av ett webbläsarfönster, eller cirka 600 pixlar från sidans överkant.

Varför är nedanför vikningen viktigt?

Placeringen av innehållet på en webbsida påverkar hur många användare som interagerar och engagerar sig i det. Innehåll nedanför vikningen är dolt för användaren när sidan först laddas och om de lämnar sidan innan de scrollar kommer de aldrig att se det.

Data tyder på att placeringen av annonser och innehåll nedanför vikningen på en webbsida dramatiskt minskar sannolikheten för att den ska visas.

Enligt en populär Google-studie hade annonser ovanför vikningen cirka 73% synlighet, medan annonser som låg nedanför vikningen hade 44% synlighet. I reklamvärlden betraktas en annons som en "viewable impression" om minst 50 % av dess pixlar visas på en användares skärm under minst en sekund.

På grund av den minskade synligheten genererar annonser som placeras nedanför vikningen vanligtvis mindre annonsintäkter än annonser som visas högst upp på sidan. Företag som säljer reklam på sina webbplatser tar vanligtvis ut ett rabatterat pris för placering nedanför vikningen på grund av dess lägre synlighet.

Hur mäts nedanför vikningen?

Det är omöjligt att definiera en exakt placering för "the fold" på en webbsida, eftersom dess exakta läge kan ändras beroende på skärmupplösning, webbläsare och skärmstorlekar för tusentals telefoner, surfplattor och datorskärmar.

När man fastställer en genomsnittlig vikplacering är de flesta webbdesigners fortfarande överens om att viklinjen är cirka 1 000 pixlar bred och 600 pixlar hög.

Detta är det bästa tänkbara scenariot för den vanligaste kombinationen av skärm och webbläsare på 1024x786 pixlar, med webbläsarfönstret maximerat och inga installerade verktygsfält högst upp som trycker ner innehållet.

Din webbplats publikanalys visar vilka skärmdimensioner som är vanligast bland webbplatsbesökarna.

Överväganden för mobila enheter

Under många år var den vanligaste dimensionen 1024x768. I takt med att mobila enheter blivit allt populärare har nya dimensioner blivit allt vanligare, t.ex. 320x568 och 360x640.

Den ökande användningen av mobila enheter för webbsurfning har ytterligare komplicerat konceptet med att designa för vikning.

Mobila enheter erbjuder ett stort antal olika skärmstorlekar, och användarnas behov för var och en av dessa enheter och skärmstorlekar har sin egen unika uppsättning krav och begränsningar.

En ytterligare faktor är att användare på telefoner i allmänhet surfar i stående läge snarare än i liggande läge, medan användare på surfplattor och datorer i allmänhet surfar i horisontellt läge.

Med så många människor som besöker webbsidor på så många olika enheter innebär nuvarande praxis för webbdesign att man använder responsiv design: att man använder flexibla layouter, bilder och kaskadformatmallar.

Med responsiv design finns det ingen fast layout för en sida, utan innehållet anpassas till en skärm av alla storlekar. Responsiva webbsidor reagerar eller "svarar" på den miljö där de konsumeras eller bläddras.

Även om det viktiga innehållet fortfarande måste finnas högre upp på sidan, bör sidorna numera utformas så att användarna lockas att scrolla för att inte missa viktigt innehåll.

Studier har visat att mobilanvändare är mer benägna att skrolla än datoranvändare, men i takt med att mobilanvändningen har ökat har en del av mobilernas skrollbeteende överförts till datorer också, och många moderna webbplatser har funktioner för "oändlig skrollning".

Spåra användningen av webbplatsen

Eftersom innehållsplacering kan ha stor inverkan på engagemang och konvertering är det viktigt att övervaka hur användarna interagerar med din webbplats.

Analysplattformar som Google Analytics kan ge information om hur många procent av besökarna som använder stationära respektive mobila enheter, samt om användarnas genomsnittliga skärmstorlek.

Program för värmekartor som CrazyEgg kan vara användbara för att fastställa scrolldjup (hur långt ner på sidan användarna scrollar) samt var användarna klickar på en sida.

När du förstår hur användarna navigerar på din webbplats kan du börja med A/B-testning och experimentera med olika layouter för att förbättra användarupplevelsen och maximera konverteringen.