Vizualinė Hierarchija ir Dėmesio Nukreipimas
Sužinokite, kaip teisingai išdėstyti elementus, kad vartotojai instinktyviai žiūrėtų tą, ką norite, kad jie žiūrėtų.
Pirmos sekundės svarba nesuabejojama. Šiame straipsnyje rasite konkretžias taktikas, kaip paruošti svarbias sekcijas ir pagrindines žinutes taip, kad jos paveiktų sprendimus.
Jei žmogus nenumato to, ko jis turėtų matyti per pirmą sekundę, jis tiesiog paslinksta žemyn. Ar gal išeina iš puslapio visai. Tai yra realybė, su kuria susiduriame kasdien tirinėdami internetą.
Viršutinė dalis (angl. above-the-fold) — tai sritis, kuri matoma iš karto, neišskleidus puslapio žemyn. Tai jūsų pirmas šansas padaryti teisingą įspūdį. Čia vyksta sprendimas: „Likti ar išeiti?"
Svarbu suprasti — tai nėra tik estetika. Tai strategija. Tai yra tiesioginis kelias prie konversijos. Dėl to turime apie tai kalbėti išsamiai.
vartotojų palikto puslapio per 3 sekundes
vidutinis laikas sprendimui
konversijų prasideda čia
Viršutinė dalis nėra fiksuota. Jos matmenys skiriasi priklausomai nuo to, kokią priemonę naudoja žmogus. Tai yra žiauriai svarbu.
Darbalaukyje monitorius gali būti 1440px platus ir 900px aukštas — jūs turite šiek tiek erdvės žaisti. Telefone jūs turite 375px plotį ir apie 667px aukštį. Čia ne taip daug vietos. Mobilieji prietaisai sugeria daugiau nei 70% visų nukreipimo puslapio apsilankymų šiandien.
Reiškia, jūs projektuojate mobiliajam iš pradžių. Jei tai veikia telefonuose, tai veiks visur.
Šis straipsnis yra edukacinis išteklius, skirtas padėti suprasti konversijos optimizavimo principus. Skaičiai ir statistika yra paremtos bendromis industrijos žiniomis ir gera praktika. Konkretūs jūsų puslapio rezultatai gali skirtis priklausomai nuo auditorijos, industrijos, dizaino ir kitų veiksnių. Lygiai taip pat, rekomenduojama testuoti visas strategijas su jūsų realiais vartotojais prieš įgyvendindami dideles investicijas.
Viršutinės dalies komponavimas turėtų būti paprastas. Nereikia čia visų puslapio turinio. Tik esmė.
Pirmas elementas — logotipas arba bendrovės pavadinimas. Tai suteikia kontekstą. Antrasis — aiški pagrindinio antraštės, kuri sako tiksliai, kas tai yra ir kam jis naudojamas. Trečias — trumpa aprašo eilutė, kuri sustiprina pagrindinio pranešimo. Ketvirtasis — veikimo mygtukas. Tai pagrindinis šaukimas veikti.
Kiekvienas iš šių elementų turi žinoti jo vaidmenį. Jei vienas iš jų nėra aišku — visa sistema sutrinka.
Jei viskas atrodo vienodai svarbu, tada niekas nėra svarbu. Tai yra pagrindinė problema, kurią matome kasdie. Dizaineriai kartais nori visą informaciją padėti tiesiai čia, bet tai nėra teisinga taktika.
Spalvos turi daryti skirtumą. Jei jūs naudojate tik vieną spalvą visame puslapyje, žmogus nesupranta, kur jis turėtų atkreipti dėmesį. Tačiau jei naudojate dvi arba tris spalvas strategiškai — jūs nukreipiate akis ten, kur jūs norite.
Dažniausiai vienas mygtukas turi būti visai kitokios spalvos nei likusis puslapis. Jei mygtukas yra mėlynas, bet visas puslapis yra pilkas, akis automatiškai žiūri į mygtuką. To jums ir reikia.
Kontrasto taisyklė yra paprasta: jei puslapis yra šviesus, mygtukas turėtų būti tamsus. Jei puslapis yra tamsus, mygtukas turėtų būti šviesus. Tai veikia.
Trumpas tekstas viršutinėje dalyje — tai yra principas. Jūs negalite parašyti tūkstančio žodžių eseistiko čia ir tikėtis, kad žmogus jį perskaitys. Jis jį nepraskaitys.
Tikslinis apibūdinimas yra geriau. „Išbandykite naujos kartos svetainės kūrimo įrankį" yra geriau nei „Mūsų inovatyvus sprendimas siūlo išsamią platformą, kuri skirta moderniam verslo procesui valdyti naudojant giliausias technologijas". Pirmas pasiūlymas žmogus supras per sekundę. Antrasis palikti nebaigtas skaitydamas.
Pagrindinis posakis turėtų būti vienas sakinys. Jei jums reikia trijų sakinių, kad paaiškintumėte savo idėją, jūs to neaiškinate. Jūs tik darosite sumaišalą.
"Jei negalite to paaiškinti paprastai, jūs to nesupranta pakankamai gerai."
— Konversijos optimizavimo principas
Dabar jūs žinote, kas yra viršutinė dalis ir kodėl ji svarbi. Bet žinojimas nėra veiksmas. Jūs turite tai išbandyti su jūsų puslapiu.
Pradėkite nuo to, kad atidarysite jūsų nukreipimo puslapį mobiliu telefonu. Matote tą, ką matys 70% jūsų vartotojų. Ar viršutinė dalis jums patinka? Ar ji sako, kas tai yra? Ar ji kviečia jus daryti ką nors?
Jei atsakymai yra „ne", tada jūs žinote, kur pradėti. Pakeiskite antraštę. Pakeiskite spalvas. Sumažinkite tekstą. Padidinkite mygtuką. Testuokite su tikrais žmonėmis — jei jie supras iš karto ir jie spaustų mygtuką, jūs esate kelyje į sėkmę.
Viršutinė dalis nėra kur nors paslaptinga. Tai yra tiesiog pirma sekundė. Padaryti ją tiesą — tai yra jūsų darbas.
Perskaitykite kitus mūsų straipsnius apie nukreipimo puslapio strategijas ir sužinokite, kaip padidinti savo konversijas.
Grįžti į Kategoriją
Redakcinė Komanda
Parašyta KonvertuoK redakcinės komandos, skirtos praktiniams konversijos optimizavimo gidams.
Sužinokite, kaip teisingai išdėstyti elementus, kad vartotojai instinktyviai žiūrėtų tą, ką norite, kad jie žiūrėtų.
Mobilieji įrenginiai naudojami daugiau nei dvi trečdalius laiko. Sužinokite, kaip optimizuoti mobiliajai.
Formos yra jūsų nukreipimo puslapio širdis. Išmokite, kaip sumažinti atsisakymų dažnį ir padidinti užpildymų skaičių.