Dizajn sajta i korisničko iskustvo
Vrh vašeg sajta, deo koji posetilac vidi pre nego što počne da skroluje, donosi ili odnosi većinu vaših potencijalnih kupaca. U industriji se ovaj deo naziva hero sekcija i ona je najvredniji deo svake stranice.
Razlog je jednostavan: većina posetilaca odlučuje da li će ostati na sajtu ili otići na osnovu onoga što vidi u tih prvih nekoliko sekundi, pre bilo kakvog skrolovanja. Ako hero sekcija ne komunicira jasno ko ste, šta nudite i šta posetilac treba da uradi, sve ostalo na sajtu postaje nebitno. U ovom tekstu ćemo vam pokazati od čega se sastoji dobra hero sekcija i kako da napravite vrh sajta koji zaista zadržava posetioce.
Hero sekcija je gornji deo vaše stranice, ono što posetilac vidi na ekranu odmah nakon što se sajt učita, bez ikakvog skrolovanja. Na desktopu to je otprilike gornja polovina ekrana, a na telefonu to je ono što stane na prvi ekran.
Ova zona je važna jer obavlja posao koji nijedan drugi deo sajta ne može: ona odgovara na tri pitanja koja svaki posetilac podsvesno postavlja čim otvori stranicu:
Ako hero sekcija odgovori na sva tri pitanja brzo i jasno, posetilac nastavlja da skroluje i istražuje sajt. Ako ne odgovori, on se vraća na rezultate pretrage i otvara sajt vaše konkurencije. Nema drugog pokušaja, taj trenutak je presudan.
Zato ulaganje vremena u hero sekciju donosi disproporcionalno veći rezultat od ulaganja u bilo koji drugi deo stranice. Možete imati odlično napisanu stranicu sa uslugama, detaljnu galeriju projekata i ubedljiva svedočanstva kupaca, ali ako hero sekcija ne zadrži posetioca, on nikada neće stići do svega toga.
Dobra hero sekcija ne mora da bude komplikovana. Zapravo, najefektivnije hero sekcije su iznenađujuće jednostavne. Ali moraju da sadrže četiri ključna elementa.
Ovo je najvažniji element cele hero sekcije. Naslov ne treba da govori o vama i vašoj firmi. Treba da govori o posetiocu i njegovom problemu ili želji. Razlika je ogromna, jer posetilac ne traži vašu biografiju, on traži rešenje za svoj problem.
Naslov privlači pažnju, a podnaslov daje kontekst. Jedna do dve rečenice koje objašnjavaju kako tačno pomažete ili šta vas razlikuje. Na primer, ako je naslov „Dovedite više kupaca kroz svoj sajt”, podnaslov može da bude „Optimizujemo dizajn i sadržaj vašeg sajta da pretvori posetioce u kupce.” Kratak, konkretan, bez generičkih fraza.
Jedno dugme koje posetiocu govori koji je sledeći korak. Ne tri dugmeta, ne pet opcija. Jedno jasno dugme sa konkretnim tekstom.
To može biti fotografija, ilustracija ili čak samo čista pozadinska boja sa dovoljno kontrasta da tekst bude čitljiv. Ključno je da vizual ne odvlači pažnju od naslova i dugmeta, već da ih podržava. O tome šta tačno izabrati za vizual, govorićemo malo kasnije u tekstu.
Iz rada sa firmama iz Srbije, određeni obrasci se ponavljaju iznova. Evo najčešćih grešaka i zašto su problematične.
Ovo je verovatno najrasprostranjenija greška na srpskim sajtovima. Umesto jedne jasne poruke, hero sekcija rotira tri do pet različitih slajdova. Problem je višestruk: posetilac najčešće ne čeka da vidi sve slajdove, poruke se međusobno razvodnjuju, a slajder značajno usporava učitavanje sajta. Istraživanja konzistentno pokazuju da slajderi imaju izuzetno nisku stopu klikova jer posetioci ih tretiraju kao reklame i ignorišu ih.
Jedna jasna poruka uvek prodaje bolje od pet nejasnih.
„Dobrodošli na naš sajt”, „Vaš partner za uspeh”, „Kvalitet na prvom mestu”. Ove fraze zvuče profesionalno, ali ne komuniciraju ništa specifično. Posetilac posle čitanja ovakvog naslova i dalje ne zna šta radite i zašto bi mu to bilo važno. Dobar naslov u hero sekciji mora da sadrži ili korist za posetioca ili jasan opis onoga što nudite.
Velika fotografija u pozadini može da izgleda impresivno, ali ako tekst preko nje nije jasno čitljiv, nema nikakvu svrhu. Svetao tekst na svetloj fotografiji ili taman tekst na tamnoj fotografiji bez odgovarajućeg zatamnjenja ili osvetljenja pozadine čini naslov nečitljivim. A naslov koji se ne može pročitati je kao da ga uopšte i nema.
Iznenađujuće mnogo sajtova ima hero sekciju bez ijednog dugmeta. Posetilac vidi naslov, možda i podnaslov, ali nema nikakav sledeći korak. U tom trenutku, čak i zainteresovan posetilac mora sam da traži gde da klikne, što znači nepotreban napor i veliki broj izgubljenih konverzija.
Naslov u hero sekciji je element koji najviše utiče na to da li posetilac ostaje ili odlazi. Evo pristupa koji bez greške daje rezultate.
Umesto da govorite o sebi, govorite o njemu. Pitajte se šta vaš idealan kupac želi da postigne ili koji problem želi da reši? Odgovor na to pitanje je osnova za vaš naslov.
„Pomažemo firmama da rastu” je vrlo opšte neodređeno. „Povećajte broj upita sa sajta bez većeg budžeta za reklame” je konkretno. Što je naslov specifičniji, to posetilac jasnije vidi da je na pravom mestu.
Naslov u hero sekciji idealno ima između 6 i 12 reči. Dovoljno da komunicira suštinu, dovoljno kratko da se pročita za sekundu do dve. Duži naslovi gube uticaj jer se na ekranu pretvaraju u pasus umesto u naslov.
Evo jednog praktičnog pristupa, napišite rečenicu koja počinje sa
Zatim izbacite „Mi pomažemo” i formulišite ostatak kao direktnu izjavu. To je obično solidan početak koji možete dalje usavršavati.
Sve što važi za hero sekciju na desktopu važi i na telefonu, ali sa dodatnim ograničenjima. Ekran je manji, pažnja je kraća, a uslovi čitanja su često lošiji.
Na mobilnom uređaju, hero sekcija treba da bude još jednostavnija. Naslov mora da stane u dva do tri reda bez da postane preterano mali. Podnaslov treba da bude kratak, jedna rečenica je idealno. Dugme mora da bude dovoljno veliko da se lako pritisne palcem. A pozadinska slika, ako je koristite, mora da funkcioniše i u vertikalnom formatu.
Česta greška je da se hero sekcija dizajnira za desktop, a onda se „nekako” prilagodi za mobilni. Rezultat su presitni naslovi, dugmad koja se jedva vide i slike koje gube smisao kada se iseku na uži format. S obzirom na to da u Srbiji većina poseta dolazi sa telefona, ima smisla da hero sekciju prvo osmislite za mobilni uređaj, pa je onda proširite za desktop.
Za celokupnu sliku o tome kako dizajn sajta utiče na prodaju, od prvog utiska do brzine učitavanja, pogledajte naš kompletan vodič o dizajnu sajta i prodaji.
Otvorite početnu stranicu svog sajta i odgovorite na sledeća pitanja:
Ako je odgovor na bilo koje od ovih pitanja negativan, vaša hero sekcija verovatno gubi značajan broj posetilaca. Dobra vest je da su izmene u hero sekciji obično relativno brze za implementaciju, a mogu da donesu primetan pomak u broju ljudi koji nastave da istražuju vaš sajt umesto da ga odmah napuste.
Hero sekcija je najvažniji deo vašeg sajta jer je jedini deo koji svaki posetilac garantovano vidi. Ona mora da sadrži jasan naslov fokusiran na posetioca, kratak podnaslov, jedno istaknuto dugme i vizual koji ne odvlači pažnju. Izbegavajte slajdere, generičke fraze i pozadine koje guše tekst.
Ako želite da saznate da li vaš sajt gubi posetioce već u prvim sekundama, popunite naš kratki upitnik i dobićete konkretne preporuke za poboljšanje. Treba vam manje od 2 minuta.