Як не загубитися на сайті - 8 порад щодо оптимальної навігації

  • Дата:17.11.2015
  • Автор:Сабина Башук

Оптимальна навігація сайту
Іноді (а в деяких випадках завжди) люди недооцінюють важливість головного меню навігації на етапі розробки або навіть при редизайне сайту.Приклад панелі навігації

Чому панель меню/главной навігації так важлива?

1. Це перший (або друге), що користувачі бачать на вашому сайті.
Да, відразу після логотипу, або навіть в першу чергу.

2. Вона говорить користувачу, куди йти. Відіграє роль провідника

3. Вона відповідає на питання «А що я можу тут знайти для себе?»  

 В чек-аркуші по структурі Landing Page ми вже стосувалися питання важливості першого екрану Landing Page. Не можна нехтувати оптимізацією панелі головного меню, так як вона служить для кращої навігації і, отже, кінцевої конверсії.

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

Практичні поради для ідеального меню навігації

  • Не усложняйте

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

Невдалий приклад меню навігації

  • Хто ви?


 Вебмастера вважають, що перш, ніж здійснити будь-яку транзакцію на сайті, ваша аудиторія захоче дізнатися більше про вашої компанії. Якщо вони знають, що купують у перевіреної компанії, рівень їх довіри до вам росте. Меню навігації — це ідеальне місце для розміщення кнопки «Про нас», «Про магазине» або чого-то зразок. Якщо не можете розмістити її на панелі головного меню, то розмістіть її хоча б в хэдере.

Вдалий приклад меню навігації

  • Релевантність

 Релевантність тексту меню пов'язаної сторінці дуже важлива.  

Нерелевантные пункту меню сторінки

  •  Менше краще

 Занадто велике кількість елементів меню може збити користувача з толку. Залиште кілька кнопок, які найбільш важливі для вас з точки зору процесу покупки.

Приклад панелі навігації

  • Якщо найменувань занадто багато, розбийте їх на категорії

 В деяких випадках сайт інтернет-магазина продає сотні найменувань товарів. В таких случаях дуже важливо розбити товари на категорії таким чином, щоб користувачі розуміли, куди їм кликати, щоб знайти бажане.

Приклад навігації по категоріям сайту

  • Адаптація до вашому бізнесу

 Кнопки «Що ми делаем», «Товары» і т.п. можуть містити посилання, але якщо ви знаєте, що цікаво вашим користувачам, ви можете вступити хитріше і збережете багато часу користувачам.

Меню сайту Apple складається з кнопок з назвами товарів, без випадає меню. Воно виглядає акуратно і в то ж час дуже добре відповідає на питання «А що я можу тут знайти для себе?»  

Панель навігації сайту Apple

  • Кликабельность

Інтерактивність теж має значення. Наведення курсора і натискання клавіші повинні викликати відчуття, що ви натискаєте на справжню кнопку. Виділення кнопок кольором також сприяє підвищенню кликабельности.

Приклад кликабельной кнопки меню


    • Поле пошуку як головне меню

    Поле пошуку в головному меню — це обов'язковий елемент, якщо ви хочете краще зрозуміти, що потрібно вашим користувачам. Яким чином?

    1. Ваші користувачі прямо вводять то, що їх цікавить, на вашому сайті.

    2. Ви відразу будете розуміти, що саме вони шукають на вашому сайті. Ви зможете дізнатися нові ключові слова, щоб точніше націлювати рекламу (також корисно для SEO).

    3. Ви будете знати, чого вони не шукають. З допомогою цих знань, ви зможете виключити деякі ключові запити або знизити їх значимість в вашої рекламної кампанії.

    Пошукової варіант меню навігації

     Велике поле пошуку на сайті Hotline показує, що їм важливо, що шукають користувачі. Продовжуйте експериментувати, якщо хочете краще вивчити вашу аудиторію. Тестування — це ключ до всьому. Як ми говорили в початку, панель навігації — це перший, що користувачі бачать на сторінці, і вона варто витрат енергії, щоб зробити ваш сайт більше привабливим і конвертувати більше користувачів в покупців.

    Переклад статті: Tips for better Navigation Menu - Reduce confusion - Sell more by Kamaksh