Көрнекі иерархия

Көрнекі иерархия - бұл экрандағы элементтердің орналасуы, олардың салыстырмалы маңыздылығы олардың кез келгені оқылмас бұрын бірден көрінеді. Ол өлшемі, салмағы, түсі, контрасты, аралығы, орналасуы және топтастырылуы арқылы жасалады және назардың бетте қозғалу ретін анықтайды. Адамдар оқудың орнына сканерлейтіндіктен, иерархия көбінесе қалу немесе кету туралы шешім қабылданғанға дейін болатын жалғыз байланыс болып табылады.

Жұмыс істейтін иерархия бет жүктелген алғашқы сәттердегі үш сұраққа жауап береді: бұл бет не туралы, мен мұнда не істей аламын және келесіде қайда қарауым керек. Иерархия анық болған кезде, толық сөйлемді оқымай сканерлеген келуші өзін дұрыс бағдарлай алады. Ол тегіс болған кезде, әрбір элемент бірдей бәсекелеседі, көздің жүретін жолы жоқ және келуші түсіну үшін оқуы керек, ал көпшілігі мұны істей бермейді.

Иерархия баса назар аудару арқылы ғана емес, шектеу арқылы да құрылады. Бір нәрсені көрнекті ету үшін басқа нәрселерді онша көрнекті етпеу керек, сондықтан бірнеше мүдделі тараптардың әрқайсысы бетке өз құқығы бар ұйымдарда иерархия болжамды түрде төмендейді. Механизм жақсы құжатталған: әр тоқсан сайын жаңа элемент көтеріледі, ештеңе төмендетілмейді, ал екі жылдан кейін бетте алты бәсекелес орталық нүкте пайда болады және иерархия мүлдем болмайды. Оны қалпына келтіру үшін визуалды емес, ұйымдастырушылық басымдық туралы нақты шешім қажет.

Бос орын - қолжетімді ең үнемі бағаланбайтын құрал. Элементтің айналасындағы кеңістік оны оқшаулайды және оның маңыздылығын арттырады, ал топтар арасындағы кеңістік шекара немесе тақырыпты қажет етпей, олардың бөлек мәселелер екенін көрсетеді. Қабаттың үстіне көбірек сәйкес келу үшін бос орынды азайту сұраныстары әдетте иерархияға қосымша мазмұнның пайдасына қарағанда көбірек зиян келтіреді, себебі тығыз бет ештеңені тез білдірмейді, ал ештеңені тез білдірмейтін бет өтіп кетеді немесе тасталады.

Иерархия да тек визуалды емес, және оны осылай қарастыру қолжетімділіктегі ақаулықтарды тудырады. Тақырып деңгейлері, бағдарлар және оқу реті арқылы көрінетін беттің семантикалық құрылымы көмекші технология жеткізетін иерархия болып табылады және ол визуалдыға сәйкес келуі керек. Көрнекі басым элемент стильденбеген div ретінде белгіленген немесе тақырып деңгейлері құрылымдық мағынасына емес, сыртқы түріне қарай таңдалған бет экран оқу құралын пайдаланушыларға көрінетін пайдаланушыларға қарағанда басқа иерархияны ұсынады.

Иерархия сонымен қатар нақты мазмұннан аман қалуы керек, бұл көптеген дизайндар іске қосылғаннан кейін сәтсіздікке ұшырайтын жер. Алты сөзден тұратын тақырып және таңдалған өнім суреті бар анық оқылатын макет қырық сөзден тұратын тақырып, жоқ сурет, ұзын өнім атауы және мерчендайзинг тобы қолданған үш жарнамалық бейджмен басқаша әрекет етеді. Идеалдандырылған мысалдармен емес, ең ұзын сенімді жолдар мен ең аз жағымды деректерді қоса алғанда, шынайы мазмұн ауқымымен дизайн жасау иерархияның толтырылған алғашқы аптада құлауына жол бермейді. Бұл сондай-ақ дизайнер еместерге баса назар аударуға мүмкіндік беретін механизмдерді басқарудың дәлелі болып табылады, себебі бейдждерді, баннерлерді және ерекшелеу стильдерін қолданудың шектеусіз мүмкіндігі уақыт өте келе баса назар аудару ештеңе білдірмейтіндей етіп қолданылады.

Иерархияны тексеру қарапайым және сирек жасалады. Бес секундтық тест адамдардың алғашқы әсерден нені алып тастағанын көрсетеді. Тек кең пішіндер қалғанша дизайн бұлыңғырланатын көз қысу тесті бір ғана фокустық нүктенің сақталғанын немесе сақталмағанын анықтайды. Бетті тек тақырып контуры ретінде оқу құрылымның визуалды стильдеусіз мағыналы екенін көрсетеді. Бұл тексерулер стандартты болып табылады. UX аудитіжәне алынған ережелерді анықталған тип шкаласы, аралық шкаласы және екпін жүйесі ретінде кодтау өнімнің дизайны жұмыс - жаңа беттер салынған кезде иерархияның қайтадан бұзылуына жол бермейтін нәрсе.