Как облегчить навигацию на сайте? 5 нестандартных примеров

Содержание

9294ce3b06bc30efeb6f2728f26532d7

В новом фильме Даррена Аронофски Ною пришлось изрядно поломать голову, прежде чем он понял, чего же от него хочет Бог. Есть сайты, где каждый посетитель может почувствовать себя Ноем. К счастью, вы можете облегчить задачу своим будущим клиентам. Нужно просто быть конкретнее бога и не говорить загадками.

Для большинства сайтов стандартная навигация (горизонтальная или вертикальная) подходит идеально. Просто размещаете ее с понятными названиями меню («Создание сайта», «Натяжные потолки»). И вопросов больше не будет. Но есть ситуации, когда нужна дополнительная информация.

Ниже 5 хороших примеров такого нестандартного подхода:

1) Как Dove ассоциирует категории с упаковкой товара

Как выбирают продукцию Dove? Как и любую другую для ухода за кожей. При этом потенциальные клиенты хорошо помнят именно упаковку каждого средства. Разработчики сайта учли этот момент и добавили в категории изображения упаковок. Найти нужное стало несколько проще.

dove

В этом же направлении пошла компания Naked Juice. Но с одним ключевым дополнением. Они размещают не просто упаковку товара, но и сами ингредиенты (натуральные) на заднем фоне. Сразу же видно, что за сок нам предлагают.

juice

2) Большое меню

Нам для одного клиента нужно было реализовать меню, в котором бы четко сегментировались потенциальные клиенты (по типу товара). Результатом стало создание следующего мега-меню:

diatec11

Верхний уровень разделяет заказчиков по типу:

  • Частным клиентам
  • Корпоративным клиентам

А уже дальше по самой услуге – загородный дом или бассейн, а может даже квартира. Конкретные направления идут ниже активными ссылками.

3) Diesel – акцент на больших изображениях

Брендовый сайт одежды – это настоящее раздолье для нестандартных решений. Если бренд известный и отличается качеством, приятным дизайном, то имеет смысл делать акцент на изображениях. Компания Diesel разделила  3 направления своих услуг следующим образом:

diesel

Здесь у нас все:

  • Сумки
  • Обувь
  • Аксессуары

Все остальные рубрики идут ниже большим списком на белом фоне. Сверху же приоритетные. Таким образом компания сразу же расставляет акценты и направляет посетителей туда, куда больше всего хочет (в самые популярные разделы).

4) Промо в меню

Так поступают многие интернет-магазины. Самый яркий пример – это Amazon:

amazon1

В раскрывающемся меню в каждой категории нам предлагают какую-ту акцию или представляют новый товар.

5) Дополнительная навигация

На сайте «Спортмастера» есть обычная навигация и дополнительная под промо-тизером. Как раз она и интересна. По сути, она позволяет просматривать товары по назначению – по виду спорта, который вас интересует.

sportmaster34

Удобно для больших сайтов.

Конечно, это не все примеры нестандартных решений для навигации. Их объединяет одно – они созданы не для того, чтобы разнообразить дизайн или удивить аудиторию. Он упрощают навигацию посетителям сайта. И это единственный критерий, которым нужно руководствовать при планировании навигации сайта.