” ovanför vikningen.”
För vissa är det den heliga graden av webbplatsfastigheter.
i åratal tyckte företagen att det var bästa praxis att klämma in så mycket viktigt innehåll som de kunde här på sina webbplatser.
de fyllde upp de första 600 pixlarna på en sida med länkar till andra sidor, popup-annonser, kontaktformulär och annan information som de trodde att användarna behövde kunna se rätt när de kom fram.
deras resonemang var att ingen rullar så något innehåll under veckan är en förlorad sak.
ankomsten av smartphones eller surfplattor förändrade dock helt hur användarna surfar.
rullning har blivit andra natur och användare är mer nyfikna och fokuserade på att göra sin egen forskning på ett företag innan de är redo att köpa.
dessa förändringar har lett till att många designers och UX-experter debatterar hur relevant veckan faktiskt är och om vi verkligen behöver klämma in allt vårt innehåll där.
först, vad sjutton är ” ovanför vecket?”
om det var din första tanke när du började läsa den här bloggen; oroa dig inte, du är inte ensam.
”ovanför veckan” är ett koncept som går tillbaka till de tidiga dagarna av publicering. Specifikt den tid då tidningar var den viktigaste källan till dagliga nyheter för de flesta.
När tidningar visades på gatustånd var de alltid staplade och vikta i hälften så förbipasserande kunde bara se den övre halvan av framsidan.
Utgivare insåg snabbt att om de ville sälja papper skulle de behöva lägga alla sina viktigaste rubriker och livliga bilder i detta område ovanför veckan för att locka kunder.
tanken med ”ovanför vikningen” har sedan dess transporterats in i den digitala världen där vikningen hänvisar till innehållet som visas högst upp på en sida utan att besökaren behöver bläddra.
så, är ”ovanför vecket” fortfarande Relevant?
det enkla svaret är ja, men inte av samma skäl som det en gång var.
När det gäller utformningen av din webbplats behöver du placera extra uppmärksamhet ovanför veckan, men bara i den meningen att toppen av din sida tydligt ska förklara ditt värdeförslag och också locka användare att fortsätta rulla.
the fold sätter scenen för resten av sidans innehåll och ställer in förväntningarna på vad användarna kan förvänta sig att hitta på resten av sidan, men tanken att vi måste passa så mycket innehåll som möjligt på detta område eftersom det är det enda innehållet som folk läser är en föråldrad designpraxis.
Här är några anledningar till varför:
rullning är andra natur för dagens användare
företag brukade tro att användare inte skulle läsa innehållet under veckan eftersom de inte var tillräckligt bekanta med rullning och därför inte skulle veta att rulla ner på sidan för att läsa mer.
som någon som läser den här artikeln just nu är jag säker på att du redan vet hur osant det är, men vi har också sett massor av studier komma ut som negerar den här tanken.
Huge, en kreativ byrå baserad i Brooklyn, NY, körde ett intressant användartest där de testade fyra olika versioner av en design. Versionerna inkluderade:
- en kontrollbild, utan visuella signaler för att rulla under vikningen.
- en rullningspil som får användare att rulla nedåt.
- en kort bild, där användarna var tvungna att bläddra för att se innehållet ovanför mitten i sin helhet.
- en animerad bild med ett rörligt element för att leda tittarna under veckan.
bild med tillstånd av Huge
resultaten visade att nästan alla deltagare rullade oavsett varje variation.
statistiken är ännu mer dominerande på mobilen. En studie visade att hälften av användarna på mobilen börjar rulla inom 10 sekunder och 90% inom 14 sekunder.
några av dagens mest populära webbplatser som Amazon, Facebook och Twitter är fantastiska verkliga exempel för användare som naturligt rullar. Deras hela erfarenheter bygger på att bläddra igenom en nyhetsflöde.
förra gången du besökte en av dessa webbplatser, stannade du och tänkte på om du behövde bläddra eller inte?
det finns för många olika skärmstorlekar för att exakt förutsäga ”The Fold”
Tänk på hur många olika enheter du använder varje dag.
det finns smartphones, smartwatches, tabletter, bärbara datorer.
med antalet olika enheter där ute finns det bara för många variabler att tänka på när man försöker förutsäga var den faktiska vikningen finns på en webbplats.
exemplet ovan visar de olika områdena ”vikningen” på en webbplats kan landa beroende på vilken enhet du visar en webbplats på.
varje enhet har en annan skärmstorlek, visningsorientering och pixeldensitet.
att försöka designa för alla dessa storlekar på en gång är en kamp du inte kan vinna.Luke Wroblewski, en digital produktdesigner, undersökte de olika skärmstorlekarna på Android-mobiltelefoner. Han fann att det fanns nästan 4000 olika vikpunkter-och det är bara en typ av enhet!
det betyder att även om du tror att du har behärskat din presentation ovanför varje enhet, finns det ingen garanti för det.
det är helt enkelt orealistiskt att förvänta sig att varje person i världen (med olika inställningar, textstorlekar och bland operativsystem kommer att se saker på samma sätt som du gör under dina tester.
hur människor köper har förändrats
hur människor köper idag är helt annorlunda än hur de brukade i år tidigare.i en ny bloggartikel sa impacts egen Liz Murphy: ”vi kan leva i en värld där köpare gör sitt fördömda för att undvika att prata med någon i försäljningen…”
den stora takeaway från hennes citat är att människor är mer fokuserade på att engagera sig med ett varumärke och utbilda sig själva. De är redo och förväntar sig att spendera tid på att rulla och absorbera information på din webbplats för att hjälpa dem att utvärdera om du är rätt match för dem.
det är väldigt sällsynt att de kommer fram till din webbplats och förväntar sig att se exakt vad de letar efter den andra sidan laddas.
Vad ska jag verkligen fokusera på?
i slutet av dagen är veckan egentligen bara en riktlinje att tänka på när man utformar en sida.
dess huvudsyfte är att påminna dig om att toppen av din sida ska sätta scenen för resten av innehållet samtidigt som du tar tag i någons uppmärksamhet.
att designa med alla dina viktigaste länkar ovanför vecket garanterar inte högre omvandlingsfrekvenser. Faktum är att det är mer sannolikt att leda till röran och användare som inte vet var de ska leta först.
istället för att överbelasta toppen av din sida, försök att fokusera på några av följande saker:
placera rätt Information ovanför vikningen
omvandlingsfrekvenserna på en sida är inte beroende av om dina uppmaningar (CTA) är över eller under vikningen.
vad som är viktigt är att placera dina CTA i ett område där människor kommer att känna att de är redo att konvertera och se till att innehållet runt det uppmuntrar denna åtgärd.
Neil Patel säger ” högre omvandlingsfrekvenser har inget att göra med om knappen är ovanför vikningen, och allt att göra med om knappen är under rätt mängd bra kopia.”
med det sagt måste du överväga var du har framtidsutsikter i köparens resa och hur utbildade de är på ditt företag.
till exempel, med framtidsutsikter som redan vet vad du erbjuder och vet att de vill arbeta med dig, en CTA, över eller under vecket skulle sannolikt konvertera riktigt bra.
men när det gäller någon som är ny i ditt företag behöver de mer utbildning så det är osannolikt att du kommer att se ett svar på en framträdande CTA ovanför veckan.
du skulle sannolikt se högre omvandlingsfrekvenser om du placerade samma CTA efter ett tydligt värdeförslag och en välskriven kopia som förklarar dina tjänster.
Undvik att skapa ”falska bottnar” på din webbplats
en falsk botten är när du skapar en del av en webbplats som ger en användare en illusion av att vara längst ner på en sida trots att det fortfarande finns mer information under det avsnittet.
ta en titt på exemplet nedan. Hjälteavsnittet i DoorDash slutar spola med botten av webbläsaren så att användarna känner att det inte finns mer innehåll under det här avsnittet.
det enklaste sättet att undvika att ge människor en falsk botten är att inkludera subtila visuella signaler för att låta användarna veta att det finns mer innehåll att läsa.
i exemplet nedan kommer du att märka att Zenefits innehåller en liten textrad som säger ”utforska Zenefits” med en pil som pekar nedåt. Denna subtila cue låter användarna veta att det finns mer att se på rullningen.
tänker uppifrån och ner
så, återgå till den ursprungliga frågan: är ”ovanför vikningen” fortfarande relevant? Absolut är det, men skälen till varför har utvecklats och förändrats sedan termen ursprungligen började användas.
vikningen är viktig för att ställa in förväntningarna på resten av sidan, men att klämma in så många länkar som möjligt i detta område garanterar inte bättre konverteringar.
istället måste du verkligen fokusera på saker som att placera dina CTA i lämpliga områden, inklusive rätt kopia för att stödja, och ta hänsyn till vissa UX-principer som att inte skapa ”falska bottnar” för dina användare.
sammantaget vill du fånga användarens öga med kvalitetsinnehåll och en design som belyser det så att de vill hålla fast och bläddra.
även tillbaka i tidningsdagarna antog författare inte att något annat skulle bli läst.
de behövde bara ha tillräckligt för att fånga uppmärksamhet. Din webbplats är inte annorlunda.