Du-l la limită – O prezentare generală a site-urilor web cu defilare lungă

Site-urile web cu defilare lungă sau derulare infinită sunt exact asta: paginile sunt mult mai lungi decât pagina de site „medie” și, prin urmare, derulează „la infinit”. Aceste tipuri de site-uri au devenit populare cu site-urile de social media și site-uri precum Pinterest care includ o mulțime de conținut generat de utilizatori, precum și unele site-uri de știri și bloguri — site-urile web și portofoliile personale încep, de asemenea, să folosească tehnici de derulare lungă pentru a crește implicarea utilizatorilor și timpul petrecut de oameni pe un site.

Derularea infinită a devenit un model de design popular și obișnuit, cu toate acestea, există câteva capcane potențiale de care designerii de UI ar trebui să fie conștienți atunci când proiectează un site care utilizează derulare lungă. Există, de asemenea, unele tipuri de site-uri în care nu este adecvat să se folosească un model de design de derulare lungă.

Scopul și beneficiile derulării lungi

Unul dintre cele mai mari beneficii ale site-urilor web cu defilare lungă este că păstrează vizitatorii pe un site mai mult timp. Când oamenii nu trebuie să ia o decizie conștientă de a consuma mai mult conținut, este mai puțin probabil să facă clic.

Gândiți-vă la acest lucru ca fiind similar modului în care Facebook, YouTube, Netflix și site-uri similare redau automat videoclipurile când se termină cel pe care îl vizionează un utilizator. Ei știu că, dacă un vizitator trebuie să facă efort pentru a face clic pe un videoclip nou, este la fel de probabil să facă clic pe un site complet diferit. Dar dacă videoclipurile continuă să fie redate, este mai probabil să le vizioneze în continuare.

Când site-urile cu defilare lungă sunt codificate corect, acestea încarcă o nouă adresă URL cu fiecare nou conținut. Aceasta înseamnă mai multe vizualizări de pagină pentru site, ceea ce poate crește veniturile din publicitate și valoarea generală a site-ului.

Ca și în cazul oricărei decizii de UX, este important să cântăriți avantajele și dezavantajele pentru persoanele care vor folosi site-ul înainte de a decide asupra unui format. Derularea lungă poate fi o opțiune excelentă pentru anumite tipuri de site-uri, în timp ce în alte situații tot ceea ce face este să frustreze utilizatorii. Este important să înveți diferența dintre cele două.

Când să utilizați derularea lungă (și când nu)

Lucrul cheie de reținut atunci când luați în considerare derularea lungă este că conținutul ar trebui să dicteze formatul, indiferent de ce fel de site este proiectat. Site-urile web cu defilare lungă sunt excelente pentru anumite tipuri de conținut, dar pot prezenta un eșec uriaș al UX cu alte tipuri.

În general, site-urile orientate spre sarcini și obiective nu beneficiază de modele de defilare infinite (de exemplu, site-uri de comerț electronic și tutoriale sau alte site-uri educaționale unde utilizatorii doresc să vadă progrese precise). Aceste tipuri de site-uri trebuie să ofere utilizatorilor un sentiment de finalizare și realizare, ceea ce este mai greu de realizat cu site-uri cu derulare lungă.

Etsy, de exemplu, a încercat un design de defilare infinit în 2012 și a ajuns să revină la paginare. Ei au descoperit că, deși clienții încă au cumpărat aproximativ la aceeași rată, implicarea utilizatorilor a scăzut mult. Chiar și lucruri precum numărul de căutări efectuate au scăzut.

O opțiune pe care unele site-uri de comerț electronic o oferă vizitatorilor este opțiunea „Afișați toate” atunci când se uită la paginile produselor. Acest lucru oferă utilizatorului opțiunea de a vizualiza site-ul într-un format de derulare infinit dacă aleg să facă acest lucru, păstrând în același timp paginile de rezultate mai scurte pentru utilizatorii care preferă acel format.

Paginarea este de asemenea utilă atunci când este important ca oamenii să vadă informațiile în ordine cronologică. Acolo unde un site web cu derulare pe o pagină ar putea încuraja oamenii să parcurgă și să sară înainte, paginarea încetinește vizitatorul și crește probabilitatea ca aceștia să consume informații în ordinea corectă.

Acolo unde un site web cu derulare pe o singură pagină poate străluci cu adevărat este pe site-urile unde citirea de conținut sau articole suplimentare este fluxul natural. Acest lucru se aplică lucrurilor precum site-uri de știri sau bloguri de actualitate. Utilizatorii de pe aceste site-uri doresc adesea să primească cantități mari de informații simultan, iar derularea infinită îl face mult mai ușor.

O altă zonă evidentă în care derularea infinită este o alegere populară UX sunt site-urile de social media sau site-urile cu mult conținut generat de utilizatori. Facebook, Pinterest și Twitter folosesc toate derularea infinită. Aceste site-uri doresc să mențină utilizatorii pe site cât mai mult timp posibil, iar derularea infinită o face bine.

Costurile psihologice ale derulării lungi

Efectele psihologice ale oricărei decizii de proiectare trebuie întotdeauna luate în considerare cu atenție. Când vine vorba de site-uri web cu defilare pe o singură pagină, există efecte psihologice atât pentru, cât și împotriva.

Primul lucru de luat în considerare este că utilizatorilor nu le deranjează clicurile intenționate. Facerea clicului a făcut parte din computere, interfețe grafice cu utilizatorul și internet practic de la începuturile sale. Oamenii sunt obișnuiți cu acel tip special de interacțiune și nu vor fi dezactivați dacă trebuie să facă clic pe câteva link-uri pentru a ajunge la mai mult conținut.

Mulți utilizatori nu le place defilarea infinită în mod implicit. A fi confruntat cu o pagină extrem de lungă de parcurs poate fi un pic ca și cum te-ai înecat într-o mare de informații fără sfârșit. Când utilizatorii caută informații specifice, derularea este rareori cea mai eficientă modalitate de a le găsi.

Deoarece nu va afișa cu exactitate lungimea paginii, derularea infinită rupe bara de defilare din partea laterală a paginii. Deși nu toți utilizatorii folosesc bara de defilare, în acest sens, cei care o fac ar putea găsi derularea infinită frustrantă.

Derularea infinită elimină, de asemenea, sentimentul de finalizare pe care utilizatorii îl câștigă în urma finalizării unei sarcini sau în atingerea unui obiectiv pe o pagină și apoi făcând clic pe pagina următoare. Pierderea acestui sentiment de completare poate descuraja utilizatorii și îi poate determina să caute alte surse pentru aceeași informație sau sarcină.

Un alt impact psihologic negativ pe care îl pot avea site-urile web cu derulare lungă este acela că utilizatorii tind să vadă conținutul care este mai jos pe pagină ca fiind mai puțin important decât conținutul din partea de sus. Folosirea antetelor poate ajuta în acest sens, deoarece „resetează” creierul vizitatorului despre locul în care se află „sus”.

Cele mai bune practici pentru site-ul de defilare lungă

Dacă s-a stabilit că un proiect de site web este potrivit pentru un design de defilare lung, există câteva bune practici de reținut pentru a vă asigura că oferă o experiență optimă pentru utilizator.

În primul rând, renunțați la subsol! Când conținutul se încarcă continuu, subsolul va fi împins continuu din partea de jos a paginii. Aceasta înseamnă că orice conținut sau informații conținute în subsol vor rămâne ascunse. Mai rău este atunci când utilizatorii observă subsolul, dar îl pierd din vedere înainte de a avea șansa de a face clic pe ceva. Utilizarea unui subsol lipicios este o modalitate de a evita acest lucru, deși a scăpa complet de subsolul este adesea o opțiune mai bună.

Folosirea indicațiilor vizuale este importantă, mai ales dacă nu este imediat evident când se încarcă ecranul principal că există mai mult conținut pe pagină. Site-urile care au o imagine de antet mare sau conținut vizual care umple ecranul când se încarcă pagina, includ adesea o săgeată (uneori animată) sau imagini similare pentru a indica faptul că există mai mult conținut dedesubt.

Navigarea ar trebui să fie vizibilă în mod constant, fie prin utilizarea unui antet lipicios, fie a unei bare laterale staționare cu linkuri de navigare. Excepția de la aceasta este pe dispozitivele mobile, unde anteturile lipicioase pot ocupa teren valoros pe ecran. Facebook se descurcă bine cu acest lucru făcând ca antetul să dispară atunci când utilizatorii derulează în jos, dar apoi reapar când încep să deruleze înapoi în sus.

Browserul web Chrome face ceva similar cu comenzile din partea de jos a ecranului; acestea dispar când utilizatorul derulează în jos și reapar când încep să deruleze înapoi în sus. Este o modalitate foarte intuitivă de a crea o interfață care maximizează spațiul disponibil pe ecran.

O caracteristică vitală UX care, din fericire, a devenit mai comună în site-urile web cu defilare infinită este schimbarea adresei URL pe măsură ce fiecare secțiune este derulată. Unii fac acest lucru cu marcaje interne din pagină. Alte site-uri, în special site-uri de știri și bloguri, actualizează întreaga adresă URL atunci când utilizatorul derulează. Acest lucru este important, deoarece permite utilizatorilor să creeze un link către exact conținutul la care doresc să se conecteze, indiferent de modificările aduse paginii în sine.

Unii web designeri optează pentru a crea ceea ce ar putea fi considerat un site „hibrid” cu derulare lungă, cu un buton „încărcare mai mult” care încarcă conținut direct pe aceeași pagină. Unii designeri de UI folosesc acest lucru în mod repetat pe pagină, în timp ce alții optează să îl includă o singură dată și, după aceea, transformă site-ul într-un format mai tradițional de derulare lungă.

Pe lângă aceste considerente de proiectare specifice site-ului web de defilare lungă, alte bune practici de UI și UX pentru crearea de design-uri bune încă se aplică site-urilor care folosesc derulare infinită.

Exemple de defilare lungă făcută corect

Apoi mai este acest site, de la Andrew McCarthy. Deși designul este unic, se derulează la infinit cu aceleași informații din nou și din nou. Deoarece McCarthy este designer, este probabil o alegere deliberată pentru a ieși în evidență din mulțime.

Și un alt exemplu de la Sam Rosen, care repetă, de asemenea, același conținut din nou și din nou, deși acest site se întoarce la început în loc să reîncarce tot conținutul.

Concluzie

În timp ce site-urile web cu defilare lungă nu sunt nimic nou, ele ating un nou nivel de maturitate. Designerii nu le mai folosesc doar ca următorul lucru „mare” și, în schimb, acordă atenție modului în care modelul influențează experiența utilizatorului.

Respectarea celor mai bune practici atunci când creează site-uri web cu defilare infinită le permite designerilor să creeze un UX care îi încântă pe utilizatori, mai degrabă decât să-i frustreze. În același timp, site-urile web cu derulare lungă implementate corespunzător pot ajuta, de asemenea, mărcile să-și atingă obiectivele site-ului.

• • •

Citiri suplimentare pe Blogul Toptal Design:

• Design persuasiv: Utilizarea eficientă a psihologiei avansate
• Psihologia designului și neuroștiința Awesome UX
• Experiența este totul – Ghidul suprem UX
• Ultimate UX Hook – Design anticipator, persuasiv și emoțional în UX
• Legile încercate și adevărate ale UX (cu infografică)