Навігацыя па сайце: дызайн і юзабіліці

1. Размяшчэнне навігацыйных элементаў
2. Тэкставыя спасылкі: перавагі і памылкі
3. Кантрасты ў каляровай схеме
4. Рашэння з выпадальным меню
5. заключэнне

Рух - найбольш часта выкарыстоўваецца элемент сайта. Парадаксальна, але факт: рух па сайту як аснова падачы інфармацыі, нідзе і нічым не рэгламентавана. Кожны вольны арганізаваць яе па-свойму: зрабіць просты і кароткай, шматузроўневай (з разгалінаванай структурай частак) або нестандартнай.

Праблемы з юзабіліці навігацыйных элементаў прыкметнымі становяцца пры ўскладненні дызайну і структуры сайта. Часам вэбмайстар, вырашаючы абысціся без спасылак, ўбудоўвае ў агульны інтэрфейс нешта не зусім ўпісваецца. Калі перад наведвальнікам адкрыецца старонка непадобная на папярэднюю - як мінімум, гэта падасца нечаканым. Дызайнерскае пышнасць, можа апынуцца кашмарам вельмі хутка.

Размяшчэнне навігацыйных элементаў

Пераканайцеся ў аднастайнасці вашага сайта па стылі / ўвазе карыстацкага інтэрфейсу / кіраванні. Ваш наведвальнік не дасведчаны «куды б яшчэ пайсці» зэканоміць свой каштоўны час, будзе лёгка арыентавацца на сайце і напэўна гэта ацэніць (+1 да юзабіліці ).

Важна не забываць пра тое, што большасці карыстальнікаў не падабаюцца нечаканасці. Людзі прыходзяць на сайт з мэтай атрымаць інфармацыю - а не марнаваць час на высвятленне асаблівасцяў яго навігацыі і структуры. З пункту гледжання usability, у навігацыі па вэб-рэсурсу важна тое, што трэба карыстачу:

1. зразумеласць
2. лёгкасць
3. Мінімальны пачуццё расчаравання

Прыкметная відавочнасць - гэта норма. Недапушчальная сітуацыя, калі наведвальнік не здагадваецца пра клiкабельнасць элементаў першаснай (меню) або другаснай (прамы пераход да старонак) навігацыі. Адным словам:

Вы ж ня хочаце карыстальніка прыстасоўвацца да інтэрфейсу - вяртацца назад, губляючы час у пошуках ...

Найбольшай прыкметнасцю валодае верхняя частка старонкі. Там і месца асноўнай навігацыі сайта. У выпадку складанай структуры, выбавіць візуальная прыкметнасць хлебных дробак (навігацыйных ланцужкоў).

Тэкставыя спасылкі: перавагі і памылкі

Ня лепшая ідэя выкарыстоўваць выявы на кожным кроку з мэтай прыцягнення ўвагі карыстальнікаў. Выявы ўспрымаюцца неадназначна, а тэкставыя спасылкі досыць інфармуюць наведвальніка аб тым: што знаходзіцца ўсярэдзіне часткі, пра што наступная старонка і куды вядзе гэтая кнопка. Часта гэта прасцей і слушней.

Нішто не расчароўвае больш, чым ўвядзенне ў зман з-за занадта агульных назваў пунктаў навігацыі

Невыразная лагічная структура робіць змесціва падзелаў невідавочным для карыстальніка, змушаючы перабіраць іх запар у пошуку якія цікавяць матэрыялаў. Для юзабіліці сайта гэта, натуральна, мінус. Элементарны прыклад падобнага няўдалага рашэнні ў навігацыі (для сайта агенства Eighty8Four) ужо разглядаўся ў артыкуле Дызайн меню сайта: ідэі, парады і прыклады , Але яны памянялі дызайн, выправіўшы гэтую памылку.

Выкарыстоўвайце для пунктаў меню больш канкрэтныя і характэрныя для дадзенай тэматыкі назвы . Абстрактныя агульныя фразы лепш замяніць спецыфічнымі тэрмінамі галіны і якія тлумачаць словамі, ўдакладнялі накіраванасць вашай сферы. Аднак, избегате малопонятных для асноўнай аўдыторыі «жарганізмы».

«Навігацыйныя асаблівасці» павінны быць зразумелыя інтуітыўна. Творчы крэатыў гэта добра, але не абавязкова падтрымліваць карыстацкі энтузіязм з дапамогай навігацыі. Эфектыўнасць навігацыі абразок - спрэчнае пытанне, часта на карысць таго, што адно-два апісальных словы працуюць лепш. Прымяненне абразкоў павінна быць апраўдана, напрыклад паляпшэннем UX :

Спрашчаем карыстацкі інтэрфейс

выкарыстанне кнопак для навігацыі: будзьце больш асцярожнымi. Багацце кнопак карыстачу не спадабаецца, асабліва на малым экране. Калі падумаць аб зручнасці карыстальнікаў і аптымізацыі сайта для планшэтаў і смартфонаў, то ім патрэбныя не разадзьмутая рух, а дастатковасць памеру (кнопкі, ўкладкі, меню спасылкі) і прасторай вакол.

Інтуітыўны & хуткі UI: для высокай канверсіі сайта неабходны зручны інтэрфейс акаўнта. Многія ўключаюць дадатковыя магчымасці для карыстальнікаў, якія прайшлі рэгістрацыю або якія стварылі рахунак. Часам гэта спараджае праблемы. Адрозненні ў інтэрфейсе / навігацыі для аўтарызаваных (якія атрымалі доступ да бонусам, сэрвісам) і астатніх, можа расчароўваць і служыць перашкодай. Лагічным будзе спрасціць інтэрфейс, пазбавіўшыся ад празмернасцяў ў выбары опцый.

Кантрасты ў каляровай схеме

правільны кантраст кветак у афармленні навігацыйнай панэлі будзе заўважаны і ацэнены неадкладна. Ён павысіць эфектыўнасць пошуку інфармацыі і паменшыць верагоднасць страты цікавасці ў наведвальніка раней, чым той знойдзе што-небудзь цікавае для сябе.

Рашэння з выпадальным меню

Часта, рашэнне выкарыстаць выпадальнае меню - дрэнная ідэя, галоўным чынам з-за праблем з некаторымі пошукавікамі. Пра рашэнне складанасцяў з аб'ёмнай навігацыяй сайта можна пачытаць тут . Аднак, гэта не адзіны недахоп.

Выпадальнае меню ствараецца для павышэння магчымасцяў выбару. Але наведвальнік які вырашыў зрабіць пераход па кліку, раптам наторкаецца на дадатковыя раздзелы, падраздзелы, опцыі, мініяцюры Drop-Down Меню. Часта губляецца ў ім - так званы парадокс выбару. У выніку карыстач прапускае старонкі з важнымі матэрыяламі, задавальняючыся больш вузкаспецыялізаваных інфармацыяй, атрыманай з усёй гэтай шматстатнасці. Атрымліваецца, што вы не здолелі зацікавіць мэтавага наведвальніка, нават пры наяўнасці карыснага кантэнту. Перш за ўсё, спытаеце сябе: а ці трэба выпадальнае меню сапраўды?

Аўтаматычнае згортванне выпадаючых спісаў пры найменшым няправільным руху часам патрабуе малпінай спрыту для кіравання сайтам

Чаму такое адбываецца? Карыстальнікі жадаюць марнаваць мінімум свайго часу на навігацыю і для доступу да пунктаў падменю перамяшчаюць курсор па кароткім шляху - дыяганальнае. Міжвольны выхад паказальніка мышы за межы прыводзіць да Маржа меню. Пры большай колькасці узроўняў меню, пачынаюцца праблемы. Глядзіце самі: (http://gig-pro.ru)

Як папулярныя сайты-гіганты з вялікай колькасцю падраздзелаў, сэрвісаў і да т.п. вырашаюць праблему навігацыі? Іх шмат, таксама як і спосабаў візуальнага адлюстравання ўсяго кантэнту на вэб-старонках. вось некалькі цікавых рашэнняў :

Wikimart (Левае вертыкальнае меню) выпадальнага меню збоку з які расчыняецца спісам матэрыялы па тэме са спасылкамі матэрыялы па тэме (гл. Павелічэнне прасторы за апошняй спасылкай спісу). Яшчэ прыклады:
http: /www.mvideo.ru
http: /www.ebuyer.com
http: /molotok.ru

Ёсць і выключэнні, калі выпадальнае меню паляпшае юзабіліці, дазваляе рэалізаваць шматузроўневую іерархію катэгорый тавараў або раздзелаў сайта. Mega Drop Down меню - найбольш падыходнае рашэнне для буйных вэб-сайтаў або парталаў. Тут яно становіцца памочнікам карыстальніка, паколькі на сайтах шырокай тэматыкі заўсёды абцяжараная рух. Калі толькі карыстачу не прадастаўлена магчымасць доступу да ўсіх пунктах меню ў адным месцы (МЕГА меню). сайт Tesco.com добры прыклад навігацыі з пашыранай структурай меню, якое выпадкова не схлопываются.

Каб пункты меню размясціць дакладна, ўспомніце правіла:

Чалавек запомніць першае і апошняе з таго, што бачыў ці чытаў нашмат лепш, чым ўсю прамежкавую інфармацыю

Для навігацыйнай панэлі, сайдбар або паста: інфармацыя на пачатку і злева лепш запамінаецца і заўважаецца першай. Астатняе - паміж значным кантэнтам і кантактамі.

заключэнне

У дызайне навігацыі улічвайце патрэбы карыстача і асаблівасці розных экранаў. распрацоўваючы аптымальную структуру падачы інфармацыі, не абмяжоўваць сваім меркаваннем. Большасці вэб-рэсурсаў патрабуецца лёгкая і лагічная рух: увага карыстальніка важна сфакусаваць на змесце, а не ўпраўленні сайтам.