Hero sekcija – pirmos 5 sekundės, kurios nulemia viską

Pirmas įspūdis svetainėje susiformuoja per kelias sekundes. Vartotojas dar nespėja peržiūrėti viso turinio, tačiau jau nusprendžia – pasilikti ar išeiti. Būtent todėl hero sekcija - pirmoji sekcija, kurią matome atsidarę svetainę, yra svarbiausia visos svetainės dalis.

Jei ši vieta neaiški ar perkrauta, visa likusi svetainė dažniausiai nebeturi progos „atsigriebti“. Vartotojas tiesiog išeina – ne todėl, kad jūsų pasiūlymas blogas, o todėl, kad jis nebuvo aiškiai pateiktas.

Žemiau – kas iš tikrųjų daro šią svetainės dalį veikiančią ir kokios klaidos ją dažniausiai sugadina.

Hero sekcijos svarba

Hero sekcija – tai pirmoji pagrindinio puslapio dalis, kurią vartotojas mato atsidaręs svetainę. Tai vieta, kur per labai trumpą laiką turi būti perteikta esmė.

Ji atsako į vieną klausimą:

ar čia tai, ko aš ieškau?

Jei atsakymas neaiškus, vartotojas nesigilina. Jis neieško jo meniu, neskaito toliau – jis tiesiog išeina.

Gerai suformuota pirmoji sekcija:

• iš karto paaiškina, ką jūs siūlote;

• leidžia vartotojui atpažinti, ar tai jam aktualu;

• sukuria pasitikėjimą be papildomo aiškinimo.

Visa kita svetainėje yra tik tęsinys to, kas prasideda čia.

Hero sekcijos struktūra

Iš pirmo žvilgsnio gali atrodyti, kad čia reikia išskirtinių sprendimų. Tačiau realybėje veikianti struktūra yra labai aiškiai apibrėžta ir gana paprasta.

Aiški pagrindinė antraštė

Tai svarbiausia vieta hero sekcijoje. Ji turi būti konkreti ir tiesiogiai pasakyti, ką jūs darote.

Silpnas variantas:

„Kuriame sprendimus verslui“

Stiprus variantas:

„Buhalterinės apskaitos paslaugos smulkiam verslui“

Dažna klaida, pradėti su perteklinėmis frazėmis kaip „Sveiki atvykę į mūsų svetainę!“. Tokie sakiniai nesuteikia jokios papildomos vertės ir neatlieka jokios realios funkcijos. Žmogus atėjęs į svetainę jau žino, kad jis joje yra – jam nereikia to priminti. Jam reikia kuo greičiau suprasti, ar ši svetainė jam aktuali.

Trumpas paaiškinimas

Po antrašte turi būti 1-2 sakiniai, kurie papildo mintį ir padeda suprasti vertę. Tai nėra ilgas tekstas – tai tik kryptis.

Pavyzdžiui:

„Padedame verslams tvarkingai valdyti finansus, sutaupyti laiko ir išvengti klaidų.“

Aiškus veiksmo mygtukas (CTA)

Vartotojas turi iš karto matyti, ką gali daryti toliau. Svarbiausia – vienas pagrindinis veiksmas, ne keli skirtingi.

Pavyzdžiui:

• „Susisiekti dėl projekto“

• „Pateikti užklausą“

• „Užsiregistruoti konsultacijai“

Daugiau apie CTA mygtukus ir jų vietą svetainėje galite skaityti straipsnyje „ CTA mygtukas: kaip sukurti kvietimą veikti, kuris realiai generuoja rezultatus? “.

Vizualas, kuris turi prasmę

Nuotrauka ar video turi padėti suprasti temą, o ne tiesiog atrodyti gražiai.

Labai dažna klaida – naudoti nuotraukas, kurios nepadeda geriau suprasti konteksto. Klasikinis variantas – atsitiktiniai žmonės spaudžia vienas kitam ranką, žiūri į kompiuterio ekraną ar diskutuoja susitikime. Tokios nuotraukos per daug abstrakčios, jos gali tikti daugumai verslų.

Jei vizualas gali tikti bet kuriam kitam verslui – jis nėra tinkamas. Vartotojas nori matyti tai, kas susiję su jūsų konkrečia veikla: darbo procesą, rezultatą. Idealiu atveju tai turėtų būti reali nuotrauka su tikraisiais komandos nariais, darbo aplinka, darbo įrankiais ar pan.

Dažniausios klaidos

Nors Hero sekcijos struktūra paprasta, dauguma dar vis klysta. Ne todėl, kad jos nepažįsta, todėl, jog nori išskirtiniau, įdomiau, įmantriau ir čia beveik visuomet persistengia.

Bandymas išsiskirti bet kokia kaina

Svetainių kūrime galioja tam tikros nusistovėjusios taisyklės, kurios nėra atsitiktinės – jos paremtos vartotojų įpročiais. Žmogus ateina į svetainę jau turėdamas aiškų lūkestį, kaip ji turėtų veikti: kur bus logotipas, kur meniu, kaip pateikta pagrindinė informacija. Jei šie elementai išdėstyti įprastai, jis natūraliai juda toliau, net nesusimąstydamas. Tačiau bandant išsiskirti ir laužyti šią logiką, atsiranda momentas kada vartotojas turi sustoti ir pagalvoti. Kiekvienas toks momentas formuoja neigiamą patirtį.

Eksperimentuoti galima – bet ne su pagrindais. Dizaino prasme hero sekcija gali atrodyti įvairiai: skirtingi vizualai, spalvos, kompozicija. Tačiau jos struktūra turi išlikti aiški ir atpažįstama.

Per daug skirtingų elementų

Keli skirtingi tekstai, aprašymai, papildomi paaiškinimai, keli mygtukai vienu metu sukuria priešingą efektą – vietoje aiškumo atsiranda triukšmas. Vartotojas nebežino, į ką pirmiausia atkreipti dėmesį, blaškosi. Hero sekcijos tikslas yra vienas – greitai perteikti esmę, todėl joje turi būti viena pagrindinė mintis, vienas aprašymas, vienas mygtukas. Kuo daugiau skirtingų elementų atsiranda, tuo labiau išsiskaido dėmesys ir silpnėja poveikis.

Per ilgi tekstai

Hero sekcija nėra skirta ilgiems paaiškinimams – jos tikslas yra greitai ir aiškiai perteikti esmę. Dažna klaida – bandyti šioje vietoje papasakoti viską, tačiau tai tik apkrauna vartotoją ir sumažina aiškumą. Praktikoje žmogus šią dalį ne skaito, o skenuoja, todėl kuo mažiau teksto – tuo lengviau jį suvokti. Optimalu, kad hero sekcijoje būtų viena aiški antraštė ir vienas trumpas paaiškinimas, dažniausiai 1–2 sakiniai. Jei tekstas pradeda virsti pastraipa ar keliomis eilutėmis, tai jau signalas, kad informacijos per daug. Visa platesnė informacija turi būti pateikiama žemiau, kur vartotojas jau sąmoningai skaito, o ne bando greitai suprasti, ar ši svetainė jam apskritai aktuali.

Nėra CTA mygtuko - aiškios krypties

Informacija pateikiama, tačiau nėra aišku, ką vartotojas turėtų daryti toliau. Žmogus gali suprasti, ką jūs siūlote, tačiau jei nemato aiškaus veiksmo – susisiekti, pateikti užklausą ar užsiregistruoti – jis dažnai tiesiog išeina. Tai nėra todėl, kad nesusidomėjo, o todėl, kad nebuvo nukreiptas. Hero sekcijoje visada turi būti vienas aiškus veiksmas, kuris natūraliai pratęsia vartotojo kelią. Be jo net ir gerai pateikta informacija praranda dalį savo vertės.

Pirmas įspūdis lemia sprendimą

Kad būtų aiškiau, verta į tai pažiūrėti iš vartotojo pusės.

Žmogus ateina į svetainę su konkrečiu tikslu. Per pirmas sekundes jis turi suprasti:

• ką jūs darote;

• ar tai jam aktualu;

• ką jis gali padaryti toliau.

Jei tai aišku – jis lieka ir juda toliau.

Jei ne – jis išeina, net jei žemiau esantis turinys yra kokybiškas.

Kaip tai susiję su visa svetaine?

Hero sekcija nėra atskira dalis. Ji yra visos svetainės pradžia.

Jei ji aiški, vartotojas natūraliai juda toliau – skaito, domisi, gilinasi. Jei ji neaiški, visas vartotojo kelias nutrūksta dar net neprasidėjęs.

Tai yra vieta, kur prasideda sprendimas. Būtent todėl ši vieta turi ne tik atrodyti gerai, bet ir veikti.

Santrauka

Hero sekcija yra svarbiausia svetainės vieta, nes būtent čia per kelias sekundes susiformuoja pirmas įspūdis. Ji turi aiškiai parodyti, ką jūs siūlote, kam tai skirta ir kokį veiksmą vartotojas gali atlikti toliau. Kai ši vieta neaiški, perkrauta, niekur nenukreipianti vartotojas dažniausiai nesigilina ir išeina. Veikianti pirmoji sekcija yra paprasta, konkreti ir nurodanti kryptį – ji ne tik pristato, bet ir veda.

---

Norite sukurti svetainę savo veiklai, bet nežinote, nuo ko pradėti? Susisiekite ir trumpai papasakokite apie savo projektą – įvertinsiu apimtį ir pasiūlysiu sprendimą.

---

Straipsnio autorė Beatričė Valaitytė, „On digital“