Най-добри практики и примери за навигация в мрежата

В процеса на проектиране и разработване често се пренебрегва навигацията в кръвта. Някои хора могат да го възприемат като ненужни, докато други могат да почувстват, че това е прекалено голяма кавга за това, което си струва. Факт е, че навигацията с хляба ще увеличи значително използваемостта на даден уебсайт.

Мъничките дават на потребителите алтернативен метод за навигация, позволявайки им да виждат къде стоят в йерархията на даден уебсайт и ще намалят броя на необходимите стъпки за придвижване до по-високо ниво в даден уебсайт..

Тук са описани различните типове навигация, които се използват днес, защо те са важни и как най-добре да се прилагат онлайн. Включени тук за справка са Над 30 примера за това как се използват хлябките в интернет днес.

Не забравяйте, че въпреки че е вероятно сърфирането да не създаде или прекъсне уебсайта, това ще осигури допълнителна полза за потребителите Ви, като увеличи общата използваемост и функционалността на уебсайта Ви.

Типове паяци

път

Пътните следи, базирани на пътя, указват стъпките или пътя, които потребителят е взел, за да стигне до текущата страница на уебсайт. Освен това потребителите ще виждат връзки към страници, които са посещавали преди, за да достигнат до текущата страница. От трите вида навигация за хеликоптери, навигационната система, базирана на пътя, е най-малко популярна онлайн. Причината за това е, че навигацията, базирана на пътя, осигурява подобна функционалност на “напред” и “обратно” бутони в браузъра. За повечето уебсайтове базирана на местоположението и базирана на атрибути навигационна панорама предлага по-добра функционалност.

местоположение

Късчетата на базата на местоположение показват на потребителя къде се намира текущата страница в йерархията на уебсайта. Този тип навигация е най-често срещан на уебсайтове с повече от две нива на дълбочина или съдържание. При по-нататъшно преместване в даден сайт потребителите получават връзки към страници или категории, които действат като “родител” или ниво от страницата, която преглеждат в момента. Например, потребителят може да е на “говоря” страница, обаче “Какво правим” страницата е родител на “говоря” , докато “У дома” страницата е родител на “Какво правим” страница.

Clearleft Ltd

Атрибут

Атрибутите, базирани на атрибути, показват на потребителя атрибутите или категориите, приписани на текущата страница в даден уебсайт. Често наблюдавани в уебсайтовете за електронна търговия, продуктите могат не само да попадат в категория, но и под определени атрибути. Например, едно превозно средство може да бъде категоризирано като SUV, след което да притежава атрибути като черен цвят и да бъде пуснат през 2010 г..

Cars.com

Защо да използвате кръстоски?

• Голяма ползваемост

  Мънички осигуряват допълнително средство, чрез което потребителите могат лесно да навигират в даден уебсайт. Ако потребителят се приземи на вътрешна страница в уебсайта си от друг източник, ще позволи на потребителя да види точно къде стои в йерархията на сайта. На потребителя се дава възможност да се придвижи до по-високо ниво на уебсайта по всяко време без никакви проблеми.

• Лесно е да се върнете назад

  Първичните навигации не са предназначени да се следват назад, ако са хляб. Тъй като връщане назад е изключително популярна онлайн, предоставяйки малко допълнителна помощ, може да се извърви дълъг път.

• Премахнете допълнителните кликвания

  Breadcrumbs позволяват на потребителите да прескачат от едно ниво на уебсайт към следващия, без да се налага да използват “напред” или “назад” на браузъра. Освен това галериите премахват необходимостта потребителите непрекъснато да прибягват до основната навигация.

• Показва йерархията на потребителите

  Основната навигация на даден уебсайт няма да отразява йерархията на всяка страница в сайта. Предоставянето на пробиви на потребителите ще им позволи да видят йерархията на страницата в даден уебсайт.

• Визуално приятно

  Не само, че гащите осигуряват на потребителите допълнителна използваемост, те правят това, без да заемат много място или място на страницата. Мъничките са лесни за въвеждане във визуалния дизайн на вашия сайт и осигуряват голяма полза за потребителите.

• Осигурява допълнителна помощ

  Напълно е възможно някои потребители да не разбират как работи основната навигация на сайта и в някои случаи потребителите дори не могат да знаят какво търсят. Давайки на потребителите гарнитури, те ще им позволят да видят цялостния напредък и структурата на даден уебсайт, като по този начин ще им позволят да се ориентират по-добре в уебсайта..

• По-ниски проценти на отпадане

  Обикновено галериите ще осигурят по-подробна навигация от основната навигация. По този начин потребителите ще получат повече възможности за навигация в даден уебсайт. Давайки им възможност лесно да проследяват няколко нива в уебсайта, ще намалите процента на отпадане.

• Създава интерес

  Когато потребителят се приземи на вътрешна страница на уебсайт, коефициентите са, че вече са на интересуваща се страница. Могат да предоставят връзки към допълнителни страници и информация, от която потребителят също се интересува, без да ги накара да започнат от първия.

Най-добри практики

• Използвайте дрънкулки в горната част на страницата

  Най-разпространеното и инстинктивно разположение за галета е в горната част на страницата. Това позволява на потребителите да намерят следите по прост начин и да ги използват съответно.

• Използвайте непрекъснато

  Ако решите да използвате галета, уверете се, че ги използвате в целия си уебсайт. Предоставянето на потребителите на трюмове на някои страници, а не на други, само ще ги обърка и осуети. (Един пример за това е Amazon, тъй като те премахват следите от отделните страници на продукта.)

• Мъничките трябва да се разграждат изящно

  Мъничките винаги трябва да започват с началната страница и да намаляват до текущата страница. По този начин вашите галета трябва да преминат от най-високото до най-ниското ниво една стъпка в даден момент.

• Подходящо стилизиране на панировките

  Вие искате вашите галета да се виждат, но не искате те да бъдат фокусна точка. Също така искате да стане ясно, че вашите галета не са част от основното съдържание на страницата, а само допълнителна подкрепа за нея. Намерете щастлива среда, където вашите галета са забележими, но не превъзхождащи.

• Категоризирайте страниците ясно

  Ако имате страници, които попадат в две или повече категории, може да не искате да използвате панировки на уебсайта си. Опитът да се постави страница под две или повече категории вероятно ще доведе само до неясни следи и пъзел на потребителя. Уверете се, че уебсайтът ви има организирана йерархия и се показва съответно чрез вашите галета.

• Ясно отделете всяко ниво

  Уверете се, че потребителите са в състояние да различават разликата между всяко ниво на проследяване. Най-често срещаният разделител между нивата е знакът "по-голям от" (>). Други добри сепаратори включват правоъгълни котировки (»), наклонени черти (/) и стрелки (→). Ако използвате символ с обикновен текст, използвайте само един. (»Е по-привлекателен и ефективен от >>)

• Изключете текущата страница

  Използвайте различен стил в последния елемент от списъка за следене, за да установите, че това е текущата страница, която се разглежда. Можете да постигнете това, като направите елемента смел, променя цвета си, или набляга то.

• Не създавайте текуща страница като връзка

  Не е необходимо последният елемент от списък за следене да бъде линк, защото той е текущата разглеждана страница. Създаването на връзка тук само ще обърка потребителите, особено когато кликнат върху нея и не бъдат отведени на нова страница.

• Не използвайте прахосмукачки като заглавие на страница

  Използването на последния елемент от списъка за следене, тъй като заглавието на текущата страница е неефективно. Ако изберете да използвате панировките, направете го и с добавянето на заглавие на страницата.

• Пържени навигации не се заменят

  Мъничките трябва да се използват само като помощ за основната навигация, никога да не заместват изцяло навигацията. Винаги трябва да предоставяте на потребителите основна навигация, от която да могат да се придвижват в даден уебсайт, преди да използват навигационната лента.

Големи примери за хляба

Vitra Direct

Велосипеди

Illy

SiteInspire

Миа и Маги

Intridea

Дизайн от хората

Roxy

Блик

SitePoint

Мишена

Walmart

1-800-Flowers

Най-добра покупка

Amazon.com

Barns & Noble

Край на земите

ябълка

Google

преследване

AbsolutePunk.net

Littman Bros. Осветление

Guardian.co.uk

ОБЛАСТ 17

Wufoo

Момиче скаути от Средния Тенеси

Колективът в Глазгоу

първороден син

Бел Канада

Grooveshark

Devlounge

За автора - Шей Хоу е професионален дизайнер на уеб и потребителски интерфейс, който в момента живее в Чикаго, Илинойс. Той пише за уеб дизайна в собствения си блог в посрещането и би искал да чуе от вас в Twitter. Моля, не се колебайте да му кажете здравей!