Above the fold rămâne o parte importantă a designului unui site web, deși noțiunea a devenit din ce în ce mai complexă cu fiecare an care trece. Deși s-ar putea să nu mai fie văzută la fel de consecventă ca odinioară, încă necesită înțelegere și considerație pentru toate site-urile web care caută să prezinte o experiență captivantă pentru vizitatorii lor.
Ce este above the fold?
Conceptul de above the fold datează de secole, de la începuturile presei tipografice. Ziarele, datorită modului în care erau tipărite pe foi mari de hârtie, erau împăturite după ce ajungeau la chioșcurile de ziare. Acest lucru a dus la faptul că doar jumătatea superioară a hârtiei este vizibilă pentru trecători.
Industria ziarelor și-a dat seama rapid că, pentru a aduna audiență, trebuie să prezinte titluri, conținut și imagini care să atragă atenția în jumătatea superioară a paginii. Acest principiu de bază rămâne același pentru conținutul digital.
Desigur, site-urile web nu au un pliu fizic precum ziarele, pliul în această privință se referă la bara de derulare.
Ceea ce nu este vizibil imediat, care necesită derulare, este considerat sub pliu. Din nefericire, versiunea digitală a above the fold nu este la fel de simplă ca cea tipărită.
Dimensiuni
Primul aspect de luat în considerare pentru un site web este modul în care dimensiunile sale apar cititorului. Nu toate ecranele sunt la fel. Mai mult, odată cu proliferarea pad-urilor și a telefoanelor, fiecare site se prezintă în moduri extrem de diferite. Asta ca să nu mai vorbim de problemele legate de rezoluțiile de ecran și de plug-in-urile pentru browsere.
Dimensiunile telefoanelor au devenit, fără îndoială, cel mai important domeniu care trebuie analizat cu atenție, utilizarea acestora eclipsând desktopurile în 2016. Telefoanele mobile vin în diferite forme și dimensiuni, la fel ca și ecranele lor, așa că, spre deosebire de un ziar broadsheet, linia de pliere este un concept mult mai puțin previzibil.
Instrumente online pentru definirea poziționării Above The Fold
Există multe instrumente online gratuite pe care le puteți folosi pentru a testa vizual și a plasa diferite aspecte ale site-ului dvs. web în legătură cu „Fold-ul” acestuia. Deși acestea sunt extrem de utile pentru a vă ajuta să vă faceți o idee fizică despre aspect, ele pot oferi doar o prezentare superficială a site-ului web și nu o analiză în profunzime. Din acest motiv, se recomandă efectuarea unei optimizări complete a site-ului web.
Bune practici
În timp ce este adevărat că nu există reguli stricte și rapide pentru plasarea deasupra pliului, unele bune practici funcționează adesea ca linii directoare utile. Unele dintre acestea sunt idei de bun simț, cum ar fi asigurarea că cel mai atractiv conținut se află deasupra pliului. Alte practici se referă la dimensiunile menționate anterior, cum ar fi dimensiunea standard a pliului de 1.000 de pixeli lățime – 600 de pixeli înălțime pentru ecranele de 1.024 pe 768 de pixeli. Cu toate acestea, majoritatea dimensiunilor de ecran sunt mai mari decât acestea în 2018, așa că este important să vă ajustați site-ul web în consecință.
De asemenea, este important să nu presupuneți niciodată că cele mai bune practici înseamnă ortodoxie. Timp de mulți ani, site-urile web au fost concepute ca primele pagini ale ziarelor, dar acest lucru a dus la un fel de „templatizare”, prin care majoritatea site-urilor arată la fel. Inovațiile, cum ar fi derularea verticală (sau click-ul) înseamnă că conceptul de above the fold este literalmente răsturnat, iar experiența pare mult mai naturală pentru cititor ca rezultat.
Câteva site-uri web, de fapt, au renunțat cu totul la fold, proiectând pagini fără conținut below the fold și eliminând complet problema. Aceste designuri „compacte” sunt plăcute ochiului din punct de vedere estetic și sunt capabile să se potrivească tuturor dimensiunilor de ecran.
Unul dintre cele mai rele lucruri pe care le poate face un site web este să prezinte un „Fals fond” al paginii. Aceasta este situația în care un site are informații suplimentare care necesită defilare, dar existența acestora nu este evidentă pentru vizitator. Aceasta este cea mai rea dintre toate lumile. Un pliu nu trebuie să fie un obstacol, ar trebui să curgă în mod natural și să atragă vizitatorul înăuntru.
Mai multe informații aici.
Call To Actions Above Or Below The Fold?
Unul dintre miturile despre designul deasupra pliului este că este întotdeauna cea mai bună practică să ai un Call To Action (CTA) care să fie văzut clar și instantaneu. Aceasta este, ca multe altele legate de acest subiect, o simplificare excesivă a conceptului. Unde să plasați apelul la acțiuni depinde de mai mulți factori, cel mai important fiind:
- Vizitatorii siguri
- Vizitatorii siguri care sunt familiarizați cu produsul dumneavoastră – sau propunerea este simplă
- Vizitatorii siguri cărora li se prezintă o propunere complexă
Vizitatorii siguri sunt cei care sunt susceptibili să reacționeze la apelul la acțiuni, deoarece în mare parte și-au luat o decizie înainte de a vizita site-ul. Acesta este punctul în care mărcile cunoscute au un avantaj, deoarece „vizitatorul cert” nu are prea multe de învățat despre un produs sau un serviciu. În aceste cazuri, plasarea unui apel la acțiune deasupra pliului este doar o chestiune de comoditate.
Pentru vizitatorii nesiguri care înțeleg simplu apelul la acțiune sau care au anumite cunoștințe despre produs sau serviciu, plasarea apelului la acțiune deasupra pliului este, în general, cea mai bună practică pentru cam aceleași motive ca cele enumerate mai sus, deși conținutul informativ este, de asemenea, important.
Pentru vizitatorii nesiguri cărora li se prezintă o propunere complexă, cum ar fi un produs sau un serviciu care nu este în mod evident benefic pentru ei, plasarea apelului la acțiune deasupra pliului nu va fi suficientă. Ceea ce este necesar este o explicație mai detaliată a motivului pentru care ar trebui să se acționeze în urma apelului la acțiune. De fapt, plasarea apelului la acțiune în față poate părea puțin cam insistentă.
Prin simplificare, apelul la acțiune trebuie plasat într-o poziție în care vizitatorul a fost cel mai mult convins să acționeze asupra lui.
Plasarea anunțurilor
Întotdeauna trebuie să se înțeleagă că cea mai mare parte a atenției, indiferent de cât de tacticos vă proiectați site-ul, va fi totuși concentrată deasupra pliului. Prin urmare, este de la sine înțeles că, pentru a maximiza implicarea anunțurilor, ar trebui să inundați această zonă cu anunțuri, nu-i așa? Ei bine, nu. Algoritmii Google penalizează sever această practică și, dacă nu sunteți atent, ați putea să vă distrugeți incomensurabil clasamentul site-ului dumneavoastră. Mai mult, puteți împinge informațiile importante nu doar sub pliu, ci și dincolo de răbdarea vizitatorului dvs.
Plasarea anunțurilor este un echilibru complex care necesită cunoașterea ratei de respingere, analiza angajamentului și comportamentul utilizatorului. Aceste decizii se iau cel mai bine cu datele potrivite la îndemână.
Importanța designului above the fold
După cum ar trebui să fie evident în acest stadiu, importanța designului above the fold este esențială, dar complexă. Ca urmare, este înțelept să vă feriți de orice sfat care tratează în termeni absoluți. Este cu siguranță adevărat adevărat să spunem că obiceiurile utilizatorilor s-au schimbat enorm față de primele zile ale internetului. În anii ’90, din cauza vitezelor lente de conectare și a site-urilor web extrem de lente, era obișnuit ca majoritatea „navigatorilor” să citească rareori ceva sub pliu. În zilele noastre, oamenii sunt mult mai predispuși să folosească rotița de defilare a mouse-ului.
Acest lucru a dus, din fericire, la dispariția în mare parte a „cramming-ului”, prin care informațiile erau îndesate deasupra pliului. În zilele noastre, este mult mai frecvent să fim întâmpinați cu designuri minimaliste și elegante, care permit vizitatorului să descopere ce are de oferit site-ul.
Un studiu recent al Google a arătat că reclamele care apar deasupra pliului au o vizibilitate de 73%, în timp ce cele de sub el au doar 44%. Dar acest lucru trebuie pus în balanță cu faptul că un conținut care atrage vizitatorul reduce considerabil acest decalaj, iar reclamele pot fi un obstacol în acest sens. Ca întotdeauna cu acest subiect, contextul și echilibrul sunt esențiale.