Dacă ne întoarcem la începuturile editării, obținem termenul „above the fold” ca un termen folosit pentru conținutul care apărea în jumătatea superioară a primei pagini a unui ziar. Conținutul de deasupra pliului apărea cititorilor ca fiind cel mai vizibil, cu titluri captivante și imagini vii folosite în mod obișnuit pentru a atrage atenția cititorilor în speranța că, în timp ce aceștia treceau pe lângă chioșc, îi va convinge să cumpere un ziar.
Acum, avansați rapid până la tranziția de la aper la digital, pe măsură ce aceiași editori și-au mutat afacerile de la print la online. Pe măsură ce designul web a evoluat de la începutul anilor 1990, termenul a continuat să se lipească. Deci, ce înseamnă above the fold pentru pagina dvs. de start? Și mai contează în 2019?
De ce este Above The Fold important pentru site-ul meu?
În era marketingului digital, pliul nu se mai referă la un pliu real într-un ziar, în schimb se referă la conținutul care este încărcat primul atunci când vizitați un site web, atrăgându-vă atenția și atrăgându-vă înăuntru.
În lumea designului web, unde vă faceți griji cu privire la dispunerea și plasarea conținutului, deoarece conținutul care apare deasupra pliului este ceea ce este primul vizibil atunci când vizitatorul site-ului web încarcă pagina. Acel conținut este prima proprietate imobiliară care primește cea mai mare parte a atenției vizitatorilor site-ului dvs. și experiența utilizatorului ar trebui să reflecte acest lucru. Jakob Nielsen estimează că, „…utilizatorii web petrec 80% din timpul lor uitându-se la informațiile de deasupra pliului paginii. Deși utilizatorii derulează mai mult în prezent, ei alocă în continuare doar 20% din atenția lor sub fold.”
În primul rând, trebuie să vă întrebați, care este cel mai important conținut care să mă ajute să îmi ating obiectivele de afaceri?
După ce ați răspuns la această întrebare, știți ce să plasați în acea zonă de mare vizibilitate. Conținutul ar trebui să atragă imediat atenția utilizatorului și să îi prezinte conținutul pe care îl caută, astfel încât acesta să nu sară și să viziteze un alt site.
Câteva sfaturi rapide pentru a crește rata de conversie
- Imaginea eroului: Nu fiți prea eteric aici. Cum arată clienții dumneavoastră fericiți? Ce experimentează ei? Afișați o imagine care evocă o aspirație pozitivă.
- Header Copy: Nu renunțați la claritate pentru a fi inteligent. Dacă încurcați, pierdeți. Rămâneți la un mesaj simplu care afișează exact ceea ce faceți sau empatizează cu provocarea de bază cu care se confruntă.
- Call to action (CTA): CTA-ul dvs. principal trebuie să fie evident și plasat în colțul din dreapta sus al navigației ȘI în secțiunea eroilor.
- Tagline: Asociați textul clar din antet cu o linie de una sau două fraze care poziționează marca dvs. pentru a ajuta la rezolvarea problemei clientului dvs: Mai puțin înseamnă mai mult. Un design excelent al site-ului web ghidează utilizatorul exact acolo unde doriți să ajungă. Prea multe opțiuni pot duce la oboseală decizională.
- Viteza de încărcare: Timpul de încărcare a paginii dvs. de pornire ar putea determina vizitatorii să renunțe!
Plasarea anunțurilor deasupra pliului îmbunătățește vizibilitatea acestora și generează mai multe venituri din publicitate decât anunțurile care sunt plasate în locații mai puțin vizibile.
Cum se măsoară „The Fold” în designul web?
Pe scurt, este imposibil de definit cu exactitate unde este plasat fold-ul pe site-ul dumneavoastră. Locația exactă diferă din cauza varietății dimensiunilor ecranului monitorului (desktop și laptop), a rezoluțiilor de ecran, a plugin-urilor de browser și a dimensiunilor diferitelor telefoane mobile și tablete.
Ca regulă generală, majoritatea designerilor web sunt de acord că linia de pliere este de aproximativ 1000 de pixeli lățime și 600 de pixeli înălțime. Aceasta este cea mai bună estimare pornind de la cea mai comună combinație monitor/browser de 1024×768 pixeli, cu fereastra browserului maximizată și nu există bare de instrumente instalate în partea de sus care împing conținutul în jos.
Dacă sunteți curioși cum să aflați mai multe, consultați programul de analiză al site-ului dvs. web (dacă nu aveți unul, Google Analytics este un loc excelent pentru a începe), care ar trebui să vă poată spune care sunt cele mai comune dimensiuni de ecran pentru vizitatorii dvs. În timp ce dimensiunea obișnuită a ecranului de 1024×768 a fost în mod tradițional cea mai potrivită, noi dimensiuni câștigă popularitate, cum ar fi 320×568 și 360×640, toate din cauza creșterii numărului de vizualizări mobile ale site-urilor web.
Vizualizarea mobilă și designul responsiv
În ultimii doi ani, utilizarea dispozitivelor mobile pentru navigarea pe web a crescut foarte mult și acest lucru complică și mai mult conceptul de optimizare a designului web pentru conținutul above the fold.
O provocare este faptul că dispozitivele mobile oferă o mare varietate de dimensiuni ale ecranului, precum și, utilizatorii de pe dispozitivele mobile navighează în cea mai mare parte în modul portret, mai degrabă decât în modul peisaj. Din nou, având un impact asupra dimensiunii pe care un designer o are pentru a afișa conținutul important.
Optimizely spune: „Având în vedere că atât de mulți oameni accesează paginile web pe o varietate atât de mare de dispozitive, practicile actuale de design web presupun utilizarea designului responsiv: utilizarea de layout-uri flexibile, imagini și foi de stil în cascadă. În cazul designului responsive, nu există un layout fix pentru o pagină, iar conținutul se adaptează la un ecran de orice dimensiune. Paginile web responsive reacționează sau „răspund” la mediul în care sunt consumate sau răsfoite.”
În timp ce conținutul important trebuie să fie în continuare mai sus pe pagină, în zilele noastre, paginile ar trebui să fie concepute pentru a atrage utilizatorii să deruleze, astfel încât să nu rateze conținutul important.
Foldul va exista întotdeauna ca un concept, dar este o regulă care poate fi schimbată sau modificată, mai ales în timp. Deoarece există atât de multe dispozitive și rezoluții de ecran diferite pentru a naviga pe site-urile web, fold-ul diferă mult prea mult de la un utilizator la altul pentru a se putea baza pe el în mod regulat. Dar, asigurându-vă că plasați doar cele mai importante elemente și conținuturi deasupra pliului, puteți găsi un bun echilibru între ușurința de utilizare a site-ului dvs. și servirea conținutului potrivit „Above The Fold.”
Pentru mai multe sfaturi despre cele mai bune practici pentru pagina de start sau despre cum să vă îmbunătățiți viteza site-ului dvs. web, consultați aceste bloguri!
- 5 Cele mai bune practici pentru pagina de start
- 13 moduri de a crește viteza site-ului web
De la pagini de destinație la pagini de start, am ajutat companii ca și a ta să construiască experiențe de utilizator care conduc la vânzare. Programați o oră pentru a discuta.