Начини за подобряване на навигацията в сайта

Превод на статията: Как да подобрим навигацията в сайта.
Автор: Дан Раджан.

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

Бъдете традиционни.

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

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

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

Бъдете очевидни.

Втората често срещана грешка е приравняването на навигацията към съдържанието, което със сигурност не е така. Представете си например ситуация, в която сте поканени на вечер, в която всичко изглежда перфектно организирано - гурме храна, интересни хора, комуникация, но поканата, която сте получили предварително, не ви позволява да разберете какво наистина ви очаква. Тоест, вместо да ви информира за мястото, часа и посоката на събитието, поканата съдържа само нейното загадъчно име, като „Парти от века на плачещия Джон“. Трябва да получите впечатлението. Елементите за навигация трябва да са описателни, защото те са само връзки и хората трябва да знаят какво да очакват след активирането им. Също така, имайте предвид, че навигацията е много важна част от SEO, което означава, че ако някой напише „нашите продукти“ в полето за търсене, той ще бъде отведен на страница, представяща вашите продукти, освен ако не приложите по-сложно и уникално име за съответната навигационна връзка - "нашите творения", или нещо подобно.

Разгледайте сайтовете, спечелили високи награди за дизайн, веднага ще забележите, че те нарушават поне едно от правилата за изграждане на навигация, които представих. Въпреки всички присъщи техники като свободно пространство и изтънчен дизайн, които са много ефективни, те противоречат на такова понятие като използваемост. Този тип слабо функциониращ сайт включва използването на онова, което е известно в индустрията за уеб дизайн с унизителния термин Mystery Meat Navigation (MMN) или „Трудна за четене навигация“. Външно това може да изглежда впечатляващо и е напълно разумно за дизайнера: „Наистина ли е неразбираемо, че преместването на курсора на мишката в лявата част на страницата и на разстояние 45,1 сантиметра надолу ще доведе до появата на връзки, водещи към страницата, която подчертава моята политическа гледна точка? И е съвсем очевидно, че има рецензия на любимата ми книга. 451 Фаренхайт, отразяващи леви политически възгледи, които споделям ".

Не пръскайте.

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

Основният виновник в този случай е смущаващото падащо меню и нещата се влошават още повече, ако нямате отделен интерфейс за мобилни устройства. Това като правило не създава никакви проблеми за търсачките и като цяло не е това за потребителя, освен ако такова поведение на менюто не е изненада за него. Първоначално хората виждат само най-добрите (родителски) връзки и правят своя избор въз основа на това, което е, а след това изведнъж става възможно да отидат на редица други страници. Никога не включвайте връзки към вложени подсайтове в главното меню, което въвежда елемент на хаос във вашата навигация. Това е и основата на добре познатото SEO твърдение, че наличието на прекомерен брой връзки води до изтичане на теглото на ресурса и в резултат се отразява негативно на трафика му. Ако все пак трябва да поставите повече връзки в рамките на стандартната навигационна лента, отколкото тя може да съдържа, тогава можем да заключим, че използвате некачествено и фрагментирано съдържание, което в резултат може да създаде проблеми в бъдеще.

Бъди кратък.

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

Отдавна е установено, че краткосрочната човешка памет (* т.нар. Човешка работна памет) е способна да съхранява само 7 обекта за 20 секунди, което означава, че размерът на менюто за навигация трябва да бъде ограничен до седем елемента или дори по-малко . По този начин, като имаме логично обяснение и липсата на желание да натоварваме менюто за навигация с голям брой елементи, можем да заключим, че ако имате няколко връзки, пряко свързани с вашия сайт, тогава тези, с които посетителите са най-запознати, можете да преминете към по-малко важни области на навигационната лента (ще разгледаме това подробно по-късно). По този начин потребителите няма да положат много усилия да ги намерят, тъй като те вече са много запознати с местоположението им.

Придържайте се към стандартите.

В настоящата епоха на господството на Google, всички ние прекрасно знаем колко е важно за нас да имаме добра SEO оптимизация на сайта. Под термина „добра оптимизация“ нямам предвид компромис между качеството на съдържанието и високите позиции на ресурса в резултатите от търсенето, тъй като това ще бъде само случай на неуспешна SEO оптимизация. Въпросът с оптимизирането на вашия сайт не означава непременно използването на максимално допустимия брой ключови думи и други подобни; по отношение на навигацията в сайта, той може да се състои в изключване на използването на бутони като негови елементи. Когато създавате навигационна система за ресурси, винаги използвайте връзки, това е добро дългосрочно дизайнерско решение, което освен това се взема предвид от търсачките.

Нещо повече, той също така подобрява вашия сайт по отношение на използваемостта (ако приемем, че вашият дизайн е достатъчно добър, разбира се). Например, потребители с увредено зрение, които увеличават размера на шрифта в своя браузър, могат само да се възползват от това решение. Същото се отнася и за потребители на мобилни устройства, които не трябва да чакат изображенията, използвани за декориране на бутоните, и след повторно щракване не чакайте зареждането на други изображения, съответстващи на тяхното активно състояние (* както за последния аргумент, този проблем може лесно да бъде решен с помощта на CSS спрайтове). Продължавайки с темата за използването на бутони, съдържащи изображения като контроли за навигация, също е лоша идея да се използват просто изображения, които не предоставят алтернативен текст за същата цел. Такива методи за изграждане на навигационна система не се препоръчват за използване, тъй като текстът трябва да присъства в нейния дизайн и, както беше споменато много пъти, в стандартна форма, позната на потребителя.

Да бъда постоянен.

Заключение.

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