Kaip žmogus supranta, nuo ko pradėti skaityti ekraną, kuriame vienu metu pateikiama daug informacijos? Atsakymą dažnai lemia ne vien teksto kiekis ar jo paprastumas, bet ir vizualinė hierarchija: tai, kaip išdėstymas, dydis, spalva ir tarpai parodo skirtingų elementų svarbą. Gerai sukurta hierarchija padeda greitai pastebėti pagrindinę mintį, atskirti ją nuo paaiškinimų ir numatyti, kur rasti kitą veiksmą. Ji nėra vien puošyba. Tai sąsajos logika, kuri gali sumažinti pastangas, reikalingas informacijai suprasti, tačiau veikia tik tada, kai pasirinkimai nuoseklūs ir pagrįsti turiniu.

Pirmiausia matoma informacija formuoja skaitymo kelią

Hierarchija ypač svarbi ekranuose, kuriuose žmogus turi ir perskaityti informaciją, ir priimti sprendimą. Aiškiai atskirtos sąlygos, paaiškinimai ir pasirinkimo veiksmai leidžia pirmiausia suprasti aplinkybes, o tada įvertinti galimus veiksmus. Nuorodos tekstas, pavyzdžiui, kazino losimai internetu lietuvoje - https://kazinozaidimaiinternete.lt/ , turi būti vizualiai atskiriamas nuo aplinkinio paaiškinimo, kad skaitytojas atpažintų jį kaip navigacijos elementą. Toks atskyrimas naudingas ne tik ilgame straipsnyje: jis svarbus ir formoje, kur trumpa pastaba gali pakeisti tai, kaip žmogus supranta laukelio paskirtį. Išdėstymas turėtų remti sprendimą, o ne skubinti jį priimti.

Atsivertęs puslapį žmogus paprastai neskaito kiekvieno žodžio iš eilės. Pirmiausia jis peržvelgia antraštes, išskirtas frazes, mygtukus ir vaizdinius elementus, kad susidarytų įspūdį apie turinį. Todėl pagrindinė antraštė, paaiškinimas ir konkretus veiksmas neturėtų varžytis dėl vienodo dėmesio. Kai visi elementai vienodai dideli, ryškūs ar glaudžiai suspausti, skaitytojui tenka pačiam nustatyti, kas svarbiausia. Tai lėtina orientavimąsi net ir tada, kai tekstas parašytas aiškiai.

Hierarchija šį pirmąjį žvilgsnį paverčia suprantamu keliu. Puslapio pavadinimas gali nusakyti temą, skyriaus antraštė – konkrečią mintį, o paprastesnis tekstas – paaiškinti detales. Tinkamai išryškintas mygtukas padeda pastebėti galimą veiksmą, bet neturėtų užgožti informacijos, kurios reikia jam pasirinkti. Svarbu, kad svarba būtų matoma ne vien kūrėjui, žinančiam, kaip puslapis turėtų veikti, bet ir žmogui, kuris jį mato pirmą kartą. Taip vizualinis išdėstymas sumažina spėliojimą ir padeda skaityti pagal poreikį.

Kontrastai, tarpai ir dydžiai kuria santykius

Vizualinė hierarchija susidaro iš kelių tarpusavyje veikiančių sprendimų. Didesnė antraštė dažniausiai atrodo svarbesnė už pagrindinį tekstą, o ryškus mygtukas labiau traukia akį nei santūri nuoroda. Kontrastas padeda atskirti tekstą nuo fono, o tarpai parodo, kurie elementai priklauso vienai temai ir kur prasideda kita. Kiekvienas iš šių požymių gali būti naudingas, tačiau vienas pats negarantuoja aiškumo. Pavyzdžiui, spalva nepadės atskirti veiksmų, jei jos reikšmė nepaaiškinta arba spalvos sunkiai įžiūrimos.

Svarbiausia ne sukurti kuo daugiau išskirtinių stilių, o nustatyti nuoseklius santykius. Jei vienodo lygmens skyriai pateikiami panašiai, skaitytojas gali perkelti jau suprastą taisyklę į kitą puslapio vietą. Jei kiekvienas mygtukas turi skirtingą spalvą ar formą be aiškios priežasties, ši taisyklė nebeveikia. Nuoseklumas nereiškia, kad viskas privalo atrodyti vienodai: svarbu, kad skirtumai turėtų aiškią paskirtį. Pavyzdžiui, pagrindinis veiksmas gali būti pastebimesnis, o antraeilis – išlikti randamas, bet neužgožti turinio.

Turinys turi nuspręsti, kas iškeliama

Hierarchijos negalima patikimai sukurti vien nustatant šriftų dydžius. Pirmiausia reikia suprasti, ką žmogus turi sužinoti, palyginti ar atlikti konkrečiame ekrane. Ilgoje instrukcijoje svarbūs gali būti nuoseklūs žingsniai ir išimtys, o paslaugos pradžios puslapyje – aiškus temos paaiškinimas ir kelios pagrindinės kryptys. Jei maketas sureikšmina elementą, kuris nėra naudingas žmogaus tikslui, įspūdingas vizualinis sprendimas gali net klaidinti.

Dėl to turinio struktūra ir vaizdinė struktūra turėtų būti kuriamos kartu. Prieš išryškinant raginimą veikti, verta įsitikinti, kad žmogus supranta, ką tas veiksmas reiškia ir kas nutiks jį pasirinkus. Formoje etiketės, paaiškinimai ir klaidų pranešimai turi išlikti pastebimi tada, kai jų prireikia, o ne tik puikiai atrodyti tuščiame makete. Taip pat svarbu, kad antraštės nusakytų po jomis pateiktą informaciją, užuot vien dekoravusios puslapį. Hierarchija tampa naudinga tada, kai regimas akcentas atitinka turinio svarbą ir užduoties eigą.

Aiškumas priklauso nuo žmogaus ir situacijos

Tas pats ekranas skirtingomis sąlygomis gali būti skaitomas nevienodai. Mažame telefone žmogus mato mažiau turinio vienu metu, o ryški šviesa gali sumažinti kontrasto aiškumą. Dalis naudotojų tekstą didina, naršo klaviatūra arba remiasi ekrano skaitymo programa, todėl vien spalva ar padėtimi perduotas skirtumas gali būti prarastas. Tai nereiškia, kad visos sąsajos turi atrodyti vienodai ar viską išryškinti. Veikiau reikia patikrinti, ar svarbūs ryšiai išlieka suprantami skirtingais naudojimo būdais.

Peržiūrint maketą pravartu klausti ne tik, ar jis tvarkingas, bet ir ką žmogus pastebės pirmiausia, ką palaikys susijusia informacija ir kokios detalės liks nepastebėtos. Tokie klausimai padeda pastebėti, kai dekoratyvinis paveikslas konkuruoja su antrašte arba svarbi pastaba paskęsta tarp smulkių nuorodų. Naudotojų stebėjimas gali parodyti, ar numatyta skaitymo kryptis iš tiesų aiški, tačiau vienas patikrinimas neatsako į visus poreikius. Hierarchiją verta vertinti kartu su kontrastu, teksto didinimu, turinio prasmingumu ir galimybe atlikti veiksmus.

Skaitoma sąsaja neatsiranda vien sumažinus žodžių skaičių ar parinkus ryškias spalvas. Ji parodo, kaip informacija susijusi, kas svarbiausia ir kur žmogus gali tęsti savo užduotį. Tam reikia derinti turinio struktūrą, kontrastą, dydžius, tarpus ir nuoseklias taisykles, kartu nepamirštant skirtingų ekranų bei naudojimo būdų. Vizualinė hierarchija nėra griežtas receptas: jos tinkamumą atskleidžia tai, ar žmogus gali suprasti turinį ir veikti be nereikalingo spėliojimo. Būtent toks aiškumas paverčia tvarkingą ekraną iš tiesų skaitomu.