Nedanför vikningen

"Nedanför vikningen" syftar på den del av en webbsida som inte är omedelbart synlig utan att scrolla ned.

Vad är nedanför vikningen?

Begreppet "nedanför vikningen" syftar på den del av en webbsida som en användare måste scrolla för att se. Ett uttryck hämtat från tidningsutgivning, myntades "nedanför vikningen" när det faktiskt fanns en fysisk veck mitt på sidan. "Ovanför vikningen" var allt på den övre halvan och "nedanför vikningen" var allt därundan.

Innehållet som ansågs mindre viktigt placerades traditionellt nedanför vikningen, eftersom det till stor del var osynligt när det visades på ett tidningsstativ.

På 1990-talet, då utgivandet flyttade till webben, kvarstod begreppet "nedanför vikningen". Fortfarande använt inom webbdesign idag, syftar begreppet nu på innehåll som befinner sig under botten av ett webbläsarfönster, eller ungefär 600 pixlar från toppen av sidan.

Varför är nedanför vikningen viktigt?

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

Data indikerar att placering av annonser och innehåll nedanför vikningen på en webbsida dramatiskt minskar sannolikheten att det visas.

Enligt en populär Google-studie hade annonser ovanför vikningen ungefär 73 % synlighet, medan annonser nedanför vikningen hade 44 % synlighet. I reklamvärlden anses en annons vara ett "synligt intryck" om minst 50 % av dess pixlar visas på en användares skärm i minst en sekund.

På grund av minskad synlighet genererar annonser placerade nedanför vikningen typiskt sett mindre annonsintäkter än annonser som visas högst upp på sidan. Företag som säljer annonsering på sina webbplatser tar vanligtvis 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 vikningen på en webbsida, eftersom dess exakta placering kan förändras beroende på skärmupplösning, samt webbläsar- och skärmstorlekar för tusentals telefoner, surfplattor och datorskärmar.

När man bestämmer en genomsnittlig veckningsplacering är de flesta webbdesigners fortfarande överens om att vecklinjen ligger på ungefär 1 000 pixlar bred och 600 pixlar hög.

Det här är det bästa scenariot för den vanligaste monitor-/webbläsarkombinationen på 1024x786 pixlar, med webbläsarfönstret maximerat och inga installerade verktygsfält längst upp som trycker ner innehållet.

Din webbplats målgrupps analyser indikerar de vanligaste skärmdimensionerna för din sajts besökare.

Hänsyn till mobila enheter

Under många år var den vanligaste dimensionen 1024x768. Med mobilenheternas ökade popularitet blir nya dimensioner allt vanligare, till exempel 320x568 och 360x640.

Den ökande användningen av mobila enheter för webbsurfande har ytterligare komplicerat konceptet att designa för vikningen.

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

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

Med så många som använder webbsidor på en mängd olika enheter, innebär nuvarande webbdesignpraxis att använda responsivt design: att använda flexibla layouter, bilder och stilmallar.

Med responsivt design finns det ingen fast layout för en sida, och innehåll anpassas till en skärm av valfri storlek. Responsiva webbsidor reagerar på den miljö de konsumeras eller surfas i.

Medan det viktiga innehållet fortfarande måste placeras högre upp på sidan, bör sidor numera designas för att locka användare att scrolla så att de inte missar viktigt innehåll.

Studier har visat att mobila användare är mer benägna att scrolla än datoranvändare, men i takt med att mobil användning har ökat har en del av det mobila scrollbeteendet överförts till datorer, och många moderna webbplatsdesigner innehåller funktioner för "oändlig scrollning".

Spårning av webbplatsanvändning

På grund av den inverkan som innehållsplacering kan ha på engagemang och konverteringar är det viktigt att övervaka hur användare interagerar med din webbplats.

Analysplattformar som Google Analytics kan ge information om vilken procentandel av dina besökare som använder stationär dator kontra mobila enheter, samt den genomsnittliga skärmstorleken för dina användare.

Heatmap-program som CrazyEgg kan vara användbara för att bestämma scrolldjup (hur långt ner på sidan användare scrollar) samt var dina användare klickar på en sida.

När du förstår hur användare navigerar på din webbplats kan du sedan börja med A/B-testning och experimentera med olika layouter för att förbättra din User Experience och maximera dina konverteringsmål.