Навигация как способ управления вниманием пользователя

Смотрите в каталоге
SEO (управление и аналитика)

При создании сайтов большинство разработчиков акцентируют свое внимание на красивом дизайне и различных интересных фишек, полагая, что именно это привлечет потенциальных клиентов. Однако на самом деле посетителям больше пригодится простота и удобство поиска конкретного товара или услуги.

Специалисты сервиса AskUsers подготовили полезную статью, из которой вы узнаете, как упростить покупателям жизнь за счет создания грамотной навигации по сайту.

Задать порядок действий

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

Нужно несколько раз подумать, что давать к прочтению пользователю сначала: информацию о компании, услуги или цены? А может, каталог товаров или список последних акций? В зависимости от выбранной вами бизнес-модели и особенностей рыночного сегмента ответы на эти вопросы могут быть диаметрально противоположными, а значит, «шаблонное» решение не подойдет ни в том, ни в другом случае.

Именно поэтому при создании нового серьезного сайта обычно берут некий собирательный образ клиента – и далее эксперты тщательно планируют порядок действий персонажа. Это делается с помощью customer journey map, story board или других способов создания логичных последовательностей действий потенциального клиента.

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

Лаконичность навигации

Зачастую солидные сайты содержат до тысячи разнообразных страниц и подразделов. Как грамотно показать их все в меню, дав клиенту прозрачную навигацию и при этом не утомив его? Вариантов может быть несколько:

а) можно создать сложную иерархию на несколько уровней вложений, где переход на каждый новый подуровень в меню будет открывать список доступных для просмотра подразделов;

б) или можно четко отфильтровать важное от второстепенного, разместив все ссылки со статьями, фотогалереями, отзывами и т.д. – в подвале вашего сайта, как не влияющие напрямую на ваши продажи. В шапке же стоит отставить только ключевые ссылки с гарантированно высоким интересом у пользователей;

в) многие крупные ритейлеры делают по-несколько разных меню на одном экране. Вверху информационные разделы по оплате, доставке, возврату и т.д. А слева в вертикальном меню – список основных категорий товаров. Здесь важно, чтобы визуально и стилистически разные меню выглядели по-разному, причем стоит отдать предпочтение вертикальному каталогу товаров.

Если у вас интернет-магазин, вынесите каталог в отдельное меню. Это позволит вовлечь посетителя в изучение товаров и не отпустить его в другие разделы.

Три простых правила визуального оформления

1. Продуманная навигация – это еще не все. Позаботьтесь о том, чтобы все названия разделов были оформлены в одном стиле, с примерно одинаковым количеством слов в каждом названии, в одном стиле, падеже и т.д.

Например:

2. Также, если у вашего раздела есть разворачивающаяся вниз или в сторону панель подменю – это нужно обязательно показать пиктограммой (треугольником, стрелочкой). Пользователь должен предугадывать каждое следующее действие сайта – будь это модальное окно, панель с подменю или запуск видео.

3.Названия пунктов меню должны быть крупными и легко читабельными, как и любые другие заголовки на странице. А это значит, что более 5-7 названий разделов вряд ли получиться качественно уместить в горизонтальном меню. Если сократить количество разделов никак не получается, то лучше добавить раскрывающуюся панель «еще…», но не мельчить ни в коем случае.

«Мобильность» интерфейса стоит проверить

Скрытое под пиктограммой «гамбургера» модное навигационное меню подразумевает, что сайт идеально адаптирован под все мобильные устройства. Убедитесь, что это действительно так, и никаких проблем с мобильными устройствами не возникает, чтобы не разочаровывать пользователей, зашедших со своих смартфонов. Посмотрите, как некрасиво выглядит мобильная версия, на которой все блоки наезжают друг на друга, а запланированное на будущее место под рекламный баннер перекрывает основной контент - в таком неопрятном варианте пользователь точно не захочет долго изучать предоставленную ему информацию и уже тем более - оставлять свои личные данные:

Выводы

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

Лучше всего с помощью навигации постоянно управлять вниманием и интересом вашего будущего клиента, а не бросать его на самотек в слишком скучном и обширном меню сайта.

Конечно, полностью угадать действия посетителя на сайте вы не сможете. Но стоит действовать как муниципальные работники по обустройству территории: дать пешеходам свободу, а потом проложить по натоптанным тропкам дорожки. В реалиях сайтостроения это означает: анализируйте!

Посмотрите на пути пользователей и постарайтесь сделать их оптимальными для продаж и удобными для людей.
Компании и сервисы: AskUsers
Автор: Анна

Подписаться на новости

Читайте также

25 октября / Комментарии

11 принципов веб-дизайна, которые повышают конверсию

Вы хотите увеличить количество конверсий на своем сайте? Многие знают, что дизайн оказывает на это значительное влияние. В этой статье мы поделимся 11 принципами веб-дизайна, которые повышают коэффициент конверсии.

далее →

26 сентября / Комментарии

Разбор юзабилити интернет-магазина Ulmart.ru и его преобразования за 2016 год

Изначально статья планировалась как одно целое, где я хотел рассмотреть возможные ошибки в юзабилити топа российских интернет-магазинов. Но после нескольких дней обзора, понял, что каждый сайт заслуживает отдельного разбора. Кроме того, мне захотелось не только осветить проблему, но и предложить своё видение ее решения. В связи с этим вся статья строится по схеме: Гипотеза о проблеме > Причина и Обоснование > Решение.
Поскольку статья начата еще в ноябре 2015 года, а закончена только сейчас, Ulmart успел исправить часть проблем,  обозначенных в статье. Об этом я дополнительно говорю в примечаниях . И сейчас мы можем отследить те преобразования, которые были сделаны.

далее →

6 сентября / Комментарии

Комфорт покупателей как залог успешного бизнеса. Основные ошибки в юзабилити интернет-магазинов

Четыре года назад была опубликована статья «22 ошибки в юзабилити интернет-магазинов, а также работающие варианты по их исправлению». Мы решили, что настала пора освежить данную информацию и задали разработчикам сайтов и CMS следующие вопросы: «Какие указанные в данном материале ошибки по-прежнему актуальны?», «С какими юзабилити-ошибками интернет-магазинов вам приходится встречаться чаще всего?», «Какие юзабилити-советы вы можете дать заказчикам?». И вот что мы узнали.

далее →

11 августа / Комментарии

Чек-лист юзабилити интернет-магазина

По-настоящему проверить удобство интернет-магазина без подтверждения данными веб-аналитики, не получится. Контекст взаимодействия; задачи, опыт и мотивы пользователей; устройства, с которых пользователи просматривают магазин — всё это влияет на конверсию и не может быть оценено чек-листом.
При составлении чек-листа, я ориентировался на исследования института Baymard, Юзабилити Лаб, Mastercart и студии Сибирикс + некоторые собственные наблюдения.

далее →

Адаптивный дизайн. Just do it

Вечером иногда очень хочется пиццы. Это желание охватывает прямо утром и терзает одичавший желудок весь день: пока едешь в метро, весь день в офисе и по пути домой. И вот, уже в маршрутке, рука тянется к телефону и открывает заветный адрес любимой пиццерии. Но что-то пошло не так. Ничего не видно. Малюсенькие квадратики раздражающе мелькают перед глазами, чтобы прочесть состав, приходится увеличивать страницу вручную. И ведь ещё нужно умудриться попасть на кнопку «Заказать». Именно так выглядит столкновение суровой реальности с резиновыми сайтами.

далее →

X
Нажмите «Нравится»,
чтобы читать Shopolog.ru в Facebook