„deasupra pliului.”
pentru unii, este Sfântul Graal al site-ului imobiliar.
de ani de zile, companiile au crezut că este cea mai bună practică să înghesuie cât mai mult conținut important pe site-urile lor web.
au umplut primii 600 de pixeli ai unei pagini cu link-uri către alte pagini, reclame pop-up, formulare de contact și orice alte informații pe care credeau că utilizatorii trebuie să le poată vedea chiar când au ajuns.
raționamentul lor a fost că nimeni nu derulează, astfel încât orice conținut de sub staul este o cauză pierdută.
cu toate acestea, sosirea smartphone-urilor sau tabletelor a schimbat complet modul în care navighează utilizatorii.
derularea a devenit a doua natură, iar utilizatorii sunt mai curioși și se concentrează pe a-și face propriile cercetări asupra unei companii înainte de a fi gata să cumpere.
aceste schimbări au determinat mulți designeri și experți UX să dezbată cât de relevant este de fapt pliul și dacă într-adevăr trebuie să înghesuim tot conținutul nostru acolo.
în primul rând, ceea ce naiba este „deasupra ori?”
dacă acesta a fost primul tău gând când ai început să citești acest blog; nu-ți face griji, nu ești singur.
„Above the fold” este un concept care datează din primele zile ale publicării. Mai exact, era în care ziarele erau principala sursă de știri zilnice pentru majoritatea oamenilor.
când ziarele erau afișate pe standuri de stradă, ele erau întotdeauna stivuite și împăturite în jumătate, astfel încât trecătorii să poată vedea doar jumătatea superioară a primei pagini.
editorii și-au dat seama rapid că, dacă doreau să vândă hârtii, ar trebui să pună toate cele mai importante titluri și imagini vii în această zonă deasupra pliului pentru a atrage clienți.
ideea de „deasupra pliului” s-a răspândit de atunci în lumea digitală, unde pliul se referă la conținutul care se afișează în partea de sus a unei pagini fără a cere vizitatorului să deruleze.
deci, este „deasupra pliului” încă Relevant?
răspunsul simplu este da, dar nu din aceleași motive pentru care a fost odată.
când vine vorba de designul site-ului dvs. web, trebuie să acordați o atenție suplimentară deasupra pliului, dar numai în sensul că partea de sus a paginii dvs. ar trebui să explice în mod clar propunerea dvs. de valoare și, de asemenea, să-i atragă pe utilizatori să continue să deruleze.
pliul stabilește scena pentru restul conținutului paginii și stabilește așteptările a ceea ce utilizatorii se pot aștepta să găsească în restul paginii, dar ideea că trebuie să potrivim cât mai mult conținut posibil în acest domeniu, deoarece este singurul conținut pe care oamenii îl citesc este o practică de design învechită.
iată câteva motive pentru care:
Derularea este a doua natură pentru utilizatorii de astăzi
companiile obișnuiau să creadă că utilizatorii nu ar citi conținutul de sub fold, deoarece nu erau suficient de familiarizați cu derularea și, prin urmare, nu ar ști să deruleze pagina în jos pentru a citi mai multe.
ca cineva care citește acest articol chiar acum, sunt sigur că știți deja cât de neadevărat este acest lucru, dar am văzut și o mulțime de studii care au ieșit la iveală care neagă această idee.
Huge, o agenție de creație cu sediul în Brooklyn, NY, a efectuat un test interesant pentru utilizatori, unde au testat patru versiuni diferite ale unui design. Versiunile incluse:
- o imagine de control, fără indicii vizuale pentru a derula sub fold.
- o săgeată de defilare care indică utilizatorilor să deruleze în jos.
- o imagine scurtă, în care utilizatorii trebuiau să deruleze pentru a vedea conținutul de mai sus în întregime.
- o imagine animată cu un element în mișcare pentru a conduce spectatorii sub fold.
pentru imagine, multumim Huge
rezultatele au arătat că aproape toți participanții au defilat indiferent de fiecare variantă.
Statisticile sunt și mai dominante pe mobil. Un studiu a constatat că, pe mobil, jumătate dintre utilizatori încep să deruleze în 10 secunde și 90% în 14 secunde.
unele dintre cele mai populare site-uri de astăzi, cum ar fi Amazon, Facebook și Twitter, sunt exemple excelente din lumea reală pentru cazul utilizatorilor care derulează în mod natural. Întreaga lor experiență se bazează pe derularea unui flux de știri.
ultima dată când ați vizitat unul dintre aceste site-uri, v-ați oprit și v-ați gândit dacă trebuie sau nu să derulați?
există prea multe dimensiuni diferite ale ecranului pentru a prezice cu exactitate „pliul”
gândiți-vă la câte dispozitive diferite utilizați în fiecare zi.
există smartphone-uri, ceasuri inteligente, tablete, laptopuri.cu numărul de dispozitive diferite acolo, există prea multe variabile să ia în considerare atunci când încearcă să prezică în cazul în care ori real este pe un site web.
exemplul de mai sus arată diferitele zone pe care „pliul” unui site poate ateriza în funcție de dispozitivul pe care vizualizați un site.
fiecare dispozitiv are o dimensiune diferită a ecranului, orientare de vizualizare și densitate de pixeli.
încercarea de a proiecta pentru toate aceste dimensiuni simultan este o bătălie pe care nu o poți câștiga.Luke Wroblewski, designer de produse digitale, a cercetat diferitele dimensiuni ale ecranului telefoanelor mobile Android. El a descoperit că erau aproape 4000 de puncte diferite de pliere-și acesta este doar un tip de dispozitiv!
aceasta înseamnă că, chiar dacă credeți că v-ați stăpânit prezentarea de mai sus pe fiecare dispozitiv, nu există nicio garanție în acest sens.
este pur și simplu nerealist să te aștepți ca fiecare persoană din lume (cu setări diferite, dimensiuni de text și printre sistemele de Operare) să vadă lucrurile la fel ca tine în timpul testelor tale.
modul în care oamenii cumpără s-a schimbat
modul în care oamenii cumpără astăzi este complet diferit de modul în care obișnuiau în anii trecuți.
într-un articol recent de pe blog, Liz Murphy de la IMPACT a spus: „Este posibil să trăim într-o lume în care cumpărătorii fac tot posibilul pentru a evita să vorbească cu cineva din vânzări…”
ideea principală din citatul ei este că oamenii se concentrează mai mult pe angajarea cu un brand și educarea lor înșiși. Sunt pregătiți și se așteaptă să petreacă timp derulând și absorbind informații pe site-ul dvs. web pentru a-i ajuta să evalueze dacă sunteți potrivirea potrivită pentru ei.
este foarte rar că vor ajunge pe site-ul dvs. și se așteaptă să vadă exact ceea ce caută în a doua încărcare a paginii.
pe ce ar trebui să mă concentrez cu adevărat?
la sfârșitul zilei, pliul este într-adevăr doar un ghid de reținut în timp ce proiectați o pagină.
scopul său principal este de a vă reaminti că partea de sus a paginii dvs. ar trebui să stabilească scena pentru restul conținutului, în timp ce atrage atenția cuiva.
proiectarea cu toate link-urile cele mai importante de mai sus ori nu asigură rate de conversie mai mari. De fapt, este mai probabil să ducă la dezordine și utilizatorii să nu știe unde să caute mai întâi.
în loc să supraaglomerați partea de sus a paginii, încercați să vă concentrați asupra unora dintre următoarele elemente:
punând informațiile corecte deasupra Fold-ului
ratele de conversie dintr-o pagină nu depind de faptul dacă apelurile la acțiune (CTA) sunt sau nu deasupra sau dedesubtul fold-ului.ceea ce este important este plasarea CTA-urilor într-o zonă în care oamenii vor simți că sunt gata să convertească și să se asigure că conținutul din jurul său încurajează această acțiune.
Neil Patel spune că „ratele de conversie mai mari nu au nimic de-a face cu faptul dacă butonul este deasupra pliului și totul are legătură cu faptul dacă butonul este sub cantitatea potrivită de copie bună.”
cu acestea fiind spuse, trebuie să ia în considerare în cazul în care vă perspectivele sunt în călătoria cumpărătorului și cum educat sunt pe compania dumneavoastră.
de exemplu, cu potențialii care știu deja ce oferiți și știu că vor să lucreze cu dvs., un CTA, deasupra sau dedesubtul pliului, s-ar converti probabil foarte bine.
dar când vine vorba de cineva care este nou în compania dvs., va avea nevoie de mai multă educație, așa că este puțin probabil să vedeți un răspuns la un CTA proeminent deasupra pliului. veți vedea probabil rate de conversie mai mari dacă ați plasat același CTA după o propunere clară de valoare și o copie bine scrisă care explică serviciile dvs.
evitați să creați „funduri False” pe Site-ul dvs.
un fund fals este atunci când creați o secțiune a unui site web care oferă unui utilizator iluzia de a fi în partea de jos a unei pagini, în ciuda faptului că există încă mai multe informații sub acea secțiune.
uitați-vă la exemplul de mai jos. Secțiunea erou din DoorDash se termină la același nivel cu partea de jos a browserului, făcând utilizatorii să simtă că nu mai există conținut sub această secțiune.
cel mai simplu mod de a evita da oamenilor un fund fals este de a include un indicii vizuale subtile pentru a permite utilizatorilor știu că există mai mult conținut pentru a citi.
în exemplul de mai jos, veți observa că Zenefits include o linie mică de text care spune „explorați Zenefits” cu o săgeată îndreptată în jos. Acest indiciu subtil permite utilizatorilor să știe că există mai multe de văzut pe defilare.
gândire de sus în jos
deci, revenind la întrebarea inițială: este „deasupra pliului” încă relevant? Absolut este, dar motivele pentru care au evoluat și s-au schimbat de când termenul a început inițial să fie folosit.
fold-ul este important pentru a stabili așteptările restului paginii, dar înghesuirea cât mai multor linkuri în această zonă nu garantează conversii mai bune.
în schimb, trebuie să vă concentrați pe elemente precum plasarea CTA-urilor în zonele corespunzătoare, inclusiv copia potrivită pentru asistență și luând în considerare unele principii UX, cum ar fi să nu creați „funduri false” pentru utilizatorii dvs.
în general, doriți să atrageți atenția utilizatorului cu conținut de calitate și un design care îl evidențiază, astfel încât aceștia vor dori să rămână și să deruleze.
chiar și în zilele ziarelor, scriitorii nu au presupus că nimic altceva nu va fi citit.
aveau nevoie doar de suficient pentru a atrage atenția. Site-ul dvs. nu este diferit.