Бреадцрумб Навигатион Најбоље праксе и примјери

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

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

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

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

Бреадцрумб Типес

Патх

Тачкасте мрвице засноване на стази означавају кораке или путању, које је корисник узео да би дошао на тренутну страницу веб-локације. Осим тога, корисници ће видјети линкове на странице које су раније посјетили да би дошли до тренутне странице. Од три врсте навигационе навигације, навигација заснована на путањи је најмање популарна на мрежи. Разлог постојања, навигација заснована на путањи пружа сличну функционалност “Напријед” и “Назад” на претраживачу. За већину веб-локација навигација заснована на локацијама и навигација заснована на атрибутима нуди бољу функционалност.

Локација

Тачкасте мрвице засноване на локацији указују кориснику гдје се тренутна страница налази у хијерархији веб-локације. Ова врста навигационе навигације се најчешће види на веб сајтовима са више од два нивоа дубине или садржаја. После даљег преласка на сајт корисници добијају линкове ка страницама или категоријама које делују као “парент” или на виши ниво од странице коју тренутно гледају. На пример, корисник може бити на “Говорити” страницу, међутим “Шта радимо” страна је родитељ “Говорити” паге вхиле “Кућа” страна је родитељ “Шта радимо” страна.

Цлеарлефт Лтд

Атрибут

Тачкасте мрвице засноване на атрибутима указују кориснику атрибуте или категорије које су приписане тренутној страници у оквиру веб локације. Често виђени на веб страницама за е-трговину, производи могу не само да спадају у категорију већ и под одређеним атрибутима. На пример, возило може бити категорисано као СУВ, а онда има атрибуте да буде црна боја и да буде издата 2010. године.

Царс.цом

Зашто користити крушне мрвице?

Греат Усабилити

Крушке обезбеђују додатна средства помоћу којих корисници могу лако да се крећу по сајту. Ако корисник дође на интерну страницу на вашој веб-локацији из других извора, крушне мрвице омогућит ће кориснику да види точно гдје стоје унутар хијерархије веб-локације. Кориснику се такође даје могућност да се креће на виши ниво веб сајта у било ком тренутку без икаквих проблема.
Еаси то Бацктрацк

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

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

Примарна навигација веб сајта неће одражавати хијерархију сваке странице унутар сајта. Давање корисницима крушних мрвица ће им омогућити да виде хијерархију странице унутар веб локације.
Висуалли Плеасинг

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

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

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

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

Бреадцрумб Бест Працтицес

Користите Бреадцрумбс на врху странице

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

Ако одлучите да користите хлебне мрвице, побрините се да их користите на целом сајту. Давање корисника крушним мрвицама на неким страницама, а не другима, само ће их збунити и фрустрирати. (Један од најбољих примера је Амазон док уклањају хлебне мрвице са појединачних страница производа.)
Бреадцрумбс треба деградирати Грацефулли

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

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

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

Проверите да ли корисници могу да разликују разлику између сваког нивоа хлеба. Најчешћи сепаратор између нивоа је знак 'већи од' (>). Остали добри сепаратори су цитати десног двоструког угла (»), косе црте (/) и стрелице (→). Ако користите карактер обичног текста, користите само један. (»Је привлачнији и ефикаснији од >>)
Издвојите тренутну страницу

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

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

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

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

Велики примери крушних мрвица

Витра Дирецт

Трек Бикес

Илли

СитеИнспире

Миа и Маггие

Интридеа

Десигн би Хуманс

Роки

Блик

СитеПоинт

Циљ

Валмарт

1-800-Фловерс

Најбоља куповина

Амазон.цом

Барнс & Нобле

Крај света

Аппле

Гоогле

потера

АбсолутеПунк.нет

Литтман Брос. Лигхтинг

Гуардиан.цо.ук

АРЕА 17

Вуфоо

Извиђачи из Средњег Тенесија

Тхе Гласгов Цоллецтиве

Прворођенче

Белл Цанада

Гроовесхарк

Девлоунге

Абоут Аутхор - Схаи Хове је професионални дизајнер веб и корисничког интерфејса који тренутно живи у Цхицагу, ИЛ. Он пише о веб дизајну у свом блогу преко дозволе и волио би чути од вас на Твиттеру. Слободно му реците здраво!