Preskoči na sadržaj
creative group · Global Zakaži razgovor

Hero sekcija sajta ne mora da viče da bi se videla


Otvaram Vitsœ. Preda mnom je komad nameštaja, svetao prostor i nekoliko reči koje ne pokušavaju da objasne čitavu kompaniju. Ne iskače popust. Ne kreće video. Nema tri dugmeta koja se nadmeću za isti prst. Pogled mirno nailazi na ono zbog čega je stranica tu, pa ima kuda dalje. Dok skrolujem, ne osećam da me stranica vuče za rukav. Pustila me je da odlučim.

Tu počinje dobra hero sekcija sajta: ne kao dekoracija na vrhu ekrana, nego kao prvi pošten susret. „Hero“ je naziv za početni, najvidljiviji deo stranice — prostor u kojem posetilac treba brzo da razume šta je pred njim, kome to koristi i kojim putem može da nastavi. To nije malo. Ali nije ni poziv da se u prvih šest stotina piksela ugura ceo katalog, istorija firme i svaki argument koji je ikada postojao.

Često se čuje da je fold, granica prvog ekrana, mrtva ideja jer ljudi svakako skroluju. Skroluju, naravno. Ipak, istraživačka grupa Nielsen Norman Group (NN/g) je 2018. izmerila da se oko 57% vremena gledanja i dalje provodi iznad fold-a. To ne znači da sve mora da stane gore, niti da stranica ispod toga nema smisla. Znači samo da prvi kadar nosi veći teret pažnje. Mora da zasluži skrol.

Zato hero sekcija ne počinje pitanjem kako da bude „privlačna“, nego kako da bude jasna. Naslov treba da kaže stvarnu vrednost, ne da odglumi samopouzdanje. Ako firmi treba dvanaest reči da bi rekla istinu, dvanaest je bolje od osam praznih. Savet od deset reči za naslov i dvadeset za prateći tekst može pomoći da se poruka ne razlije, ali je samo smernica. Nije zakon jezika, a još manje zakon poverenja.

Ispod takvog naslova dolazi kratko objašnjenje: šta tačno dobijam, zašto je to važno baš meni i šta je sledeći razuman korak. Ako neko nudi izradu sajtova, „digitalna rešenja za vaš rast“ ne govori gotovo ništa. Ako kaže za kakvu firmu pravi sajt, koju prepreku rešava i kakav ishod pomaže da se postigne, čitalac već ima materijal za sud. To je i suština psihologije konverzije: ne nagovoriti čoveka da klikne, nego ukloniti nepotrebnu nejasnoću iz njegove odluke.

Tu se vidi i zašto je jedno glavno dugme uglavnom dovoljno. Tri poziva na akciju iste jačine zvuče kao recepcioner koji istovremeno pokazuje ka tri hodnika. Moguće je da svaki vodi negde korisno, ali posetilac prvo mora da razreši internu neslogu stranice. Hickov zakon ne govori da je svaki dodatni izbor greška; govori da više izbora povećava vreme i napor odlučivanja. U hero sekciji je zato poštenije odrediti jedan primarni korak, a sekundarni ostaviti tiše, ako zaista postoji.

Slika, ilustracija ili video takođe moraju imati posao. Vitsœ ne koristi tišinu kao prazninu: proizvod, prostor i ritam stranice potvrđuju ono što rečenica obećava. Nasuprot tome, generička fotografija sastanka sa osmehom i laptopom može popuniti kadar, ali ne objašnjava ponudu. Auto-play video čini još goru stvar. Pokreće se pre nego što je čovek pokazao interesovanje, uzima pažnju i zvuk, pa se predstavlja kao iskustvo. To nije privlačenje. To je otimanje pažnje.

Na telefonu se ta greška brže vidi. Oko šest od deset poseta globalnom webu dolazilo je sa mobilnih uređaja prema StatCounter podacima za 2025, ali hero se često i dalje crta kao da će ga svi gledati na širokom monitoru. Na malom ekranu dugačak naslov prelomi se u nekoliko redova, dugme sklizne ispod slike, a važan detalj fotografije nestane iza tamnog preliva. Zato se mobilni prikaz ne proverava tako što se desktop malo suzi. Proverava se redosledom: da li se prvo vidi poruka, zatim razlog, zatim korak; da li je dugme dovoljno blizu; da li slika nosi smisao i kada joj je kadar drugačiji.

Brzina je isti deo razgovora, samo bez reči. Hero slika ili naslov često postanu Largest Contentful Paint, najveći element koji preglednik mora da prikaže. Google smatra dobrim ako se taj najveći element učita za 2,5 sekunde kod 75% poseta. Nije poenta juriti broj radi izveštaja; čekanje pre prve jasne poruke već je deo utiska o firmi. Slika zato treba da bude odgovarajućih dimenzija i komprimovana, često u nekom od modernih formata slike kao što su WebP ili AVIF, uz prioritet učitavanja kada je zaista glavni vizuelni element. Hero sliku koja je taj LCP element ne treba lazy-load-ovati. Odlagati učitavanje prvog važnog prizora da bi stranica delovala brže na papiru je loša vrsta uštede.

Kada se hero složi, ne treba ga braniti ukusom dizajnera. Treba gledati ponašanje: da li ljudi dolaze do sledeće sekcije, da li klikću glavni korak, da li na telefonu brzo odlaze i šta pitaju pre nego što se jave. Broj bez razgovora lako zavara, ali obrazac ponavljanja retko laže. Ako posetilac posle prvog ekrana ne ume da prepriča šta stranica nudi, problem verovatno nije u boji dugmeta.

Najbolja provera je jednostavna: sakrij sve osim naslova, kratkog objašnjenja, jednog dugmeta i glavnog vizuala. Ako i tada nije jasno šta je ovo, za koga je i zašto bi trebalo nastaviti, hero sekcija još nije završena.