Услужна навигација Како утиче на дизајн корисничког искуства

Да бисмо дизајнирали ефикасну и једноставну навигацију, не само да морамо размишљати о томе како групишите наш садржај у добро структуриране меније да омогући корисницима да лако нађу оно што желе, али и како дизајнирајте алате који ће им бити потребни за интеракцију са сајтом

Навигација која није стриктно повезана са садржајем и помаже корисницима у извођењу различитих радњи се зове комунална навигација, и то је мање широко дискутован али веома важан аспект дизајна корисничког искуства. Траке за претрагу, обрасци за пријаву и пријаву, претплатите се, дугмад за дељење и штампање, колица за куповину, контекстуални менији и алати који омогућавају корисницима да промене језик или величину фонта типични су примери навигације.

Дизајнирање није тако лако као што се чини на први поглед захтијева разматрање како би сазнали које елементе требамо, гдје их смјестити и како их приказати да би наши посетиоци могли брзо да их пронађу и разумеју како раде.

Како Утилити Навигатион Импацтс УКС

Када дизајнирамо навигацију за услужни програм, морамо одлучити како желимо да наши корисници комуницирају са нашим страницама. Морамо им дати структура интеракције који одговара нашим пословним циљевима, води кориснике кроз путовање клијената, даје им лако разумљиве опције и пружа им пријатно корисничко искуство.

Најпре, они морају бити у стању да брзо изврше акције које желе. Ако им то омогућимо, задовољство клијената ће расти, а задовољни корисници имају тенденцију да троше више времена и више новца на веб странице.

Почетна страница АирБнБ-а прати овај УКС принцип, а његов главни мени садржи само алате за помоћ. То није уобичајено решење, али ако погледамо невероватну стопу раста АирБнБ-а, то је савршен избор за њих.

4 главне ставке изборника циљају 4 главне особе које обично посјећују веб локацију АирБнБ-а: особе које су заинтересиране да постану хост (“Постаните домаћин”), људи који желе да реше проблем који се десио док су користили услугу (“Помоћ”), нови и повратни корисници (“Пријави се” и “Пријавите се”). АирБнБ-ова почетна страница, која је усредсређена на услужне програме, такође садржи и траку за брзо претраживање која је кључни алат на веб сајту за изнајмљивање смештаја.

Друго, корисници не требају сувишне услужне програме, јер превише нереда скреће пажњу и смањује фокус. Који алати су потребни у нашој навигацији и шта не зависи од природе нашег сајта. На пример, може бити корисно укључити приказ штампања на блог или на веб локацију, али иста функција може бити непотребно одвлачење пажње на форумском форуму или на веб сајту друштвених медија.

Васхингтон Пост приказује, на пример, навигацију на својој појединачној страници, другачије него на почетној страници. На тај начин корисници сусрећу само корисне алате који су релевантни, а нису застрашени опцијама које они ионако не би хтјели користити.

Постоје 3 ставке за навигацију услужним програмима које посјетитељи можда желе користити широм веб-локације. Они су паметно укључени у фиксну горњу траку (алат за претрагу, “Пријавите се”, и “претплатити се”), али корисници не морају да размишљају о опцијама које се односе на појединачне поруке као што су “Листа за читање” када претражују почетну страницу или једну од категорија категорије.

Треће, корисници морају брзо да схвате шта могу да ураде на нашем сајту. Посетиоци не знају нужно шта желе, тако да им увек морамо пружити информације о могућностима које имају.

Ако погледате слику испод, можете видети да Тхе Нев Иорк Тимес информише кориснике о доступности 3 различита издања: Америцан, Интернатионал, и Цхинесе, и такође им омогућава брзо се пребацујете између три. Овај одличан пример паметне навигационе алатке показује корисницима мање очигледне опције које вероватно не би пронашли сами, на неприступачан и елегантан начин.

Финд Тхе Бест Плаце

Постоје типични простори за навигацију услужним програмима где корисници интуитивно траже те алате, јер на то су навикли на већини веб сајтова. Кршење конвенција о веб дизајну сматра се лошом праксом корисничког искуства, а посебно је то тачно за навигацију комуналних услуга која је, у већини случајева, више о употребљивости него о креативности.

Како је навигација услужним програмом секундарна у односу на навигацију засновану на садржају у већини веб страница, она се често поставља на мање истакнута, али још увијек видљива подручја. То обично значи (1) горњи десни угао веб сајтова и (2) доњи део подножја. Његово добра идеја да се слиједе ове конвенције, као ово су места на којима већина корисника прво тражи помоћне алате.

Као што можете видјети у наставку, Реутерс је позиционирао већину својих комуналних алата у ова два типична подручја, у горњем десном углу странице, и доњи дио подножја испод навигације засноване на садржају. Јединствено решење је фиксни додатни подножје са 2 корисна елемента које су дизајнери сматрали најважнијим: “Пријавите се или се региструјте” и “Латест фром Ми Вире”.

Интересантно је приметити да је додатна навигациона област за кориснике још увек у некој врсти подножја где би корисници нормално тражили сличне алате, тако да су дизајнери Реутерса били креативни на неки начин али још увек су пратиле конвенције веб дизајна да би одржале употребљивост.

Изградите логичку структуру

Груписање комуналних алата у логичку структуру је кључно ако желимо да направимо сајт са високом стопом конверзије. Ово може бити изазов чак и ако не желимо да корисницима пружимо много опција, али Амазон узима комплексност навигације до следећег нивоа. Амазон има невероватно компликовану навигацију са многим опцијама, али ако користимо Амазон довољно редовно, то не изгледа тако. Ово је магија паметног дизајна.

Они нису поставили само навигацију у горњи десни угао гдје корисници очекују да ће га пронаћи, већ су га подијелили у 3 главне групе: (1) трака за претраживање, (2) информације везане за корисника (испод траке за претраживање) ), и (3) акције које корисници могу да обављају на сајту.

То је паметно, јер, захваљујући визуелним знаковима као што су колица за куповину или икона за претрагу, корисници могу одлучити у трен ока које групе желе да користе, а од тада могу да игноришу друга два. Постоји само једна група (“Ваш рачун”, “Пробај Приме”, “Корпа”, и “Висх Лист”) који има подменије који су такође логички структурирани, а различите групе подменија су подељене дискретним, али видљивим сепараторима како би помогли корисницима да брзо нађу оно што желе.

Направите ефикасан визуелни дизајн

Визуелни дизајн ефективне комуналне навигације треба да прати чувени КИСС принцип (Кееп Ит Симпле, Ступид). Препоручује се да се иконе са текстуалним ознакама, да контроле изгледају као контроле, и визуелно нагласити најважније акције. Такође може бити добра идеја разликовати навигацију засновану на употреби и садржају користећи мало другачији дизајн.

Два одлична примера ефективног визуелног дизајна могу се наћи на Валмартовом и Етсиевом сајту. Дизајнери су поставили навигацију за услужни програм на најгорњу од обе локације и истакли је бојама које се разликују од остатка навигације, Валмарт са плавом позадином и Етси са плавим фонтовима..

Обе локације нагласити најважније акције корисника са различитим елементима визуелног дизајна, Валмарт користи жуто за дугмад Сеарцх и Сигн Ин, док Етси даје дискретну плаву границу дугмету за пријављивање и укључује сиву икону корпе поред менија Царт.

Ово је једино место где Етси користи икону у менију услужног програма, док Валмарт приказује икону поред сваке ставке, али ипак не заборавља да укључи потребне текстуалне ознаке поред икона.