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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Например:

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

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

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

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

Выводы

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

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

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

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

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

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

Пять объединяющих особенностей тысячи самых успешных посадочных страниц современности

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

далее →

Когнитивные особенности проектирования интерфейсов

Расположенные рядом объекты воспринимаются пользователем как связанные — именно так звучит теория близости. Наряду с другими поведенческими паттернами этот принцип позволяет проектировать удобные, понятные и логичные интерфейсы.
Эксперты сервиса AskUsers разобрались, что это значит, как работает и каким образом скомпоновать элементы интерфейса так, чтобы они соответствовали принципам теории.

далее →

Какие изображения повышают конверсию сайта: на основе тестов

Изображения повышают конверсию сайта. На эту тему написано много статей. В основном приводят примеры сайтов из США. Мы решили на своем опыте протестировать разные изображения. Чтобы понять, когда конверсия выше.

далее →

Как избежать 10 ошибок в работе с цветом на сайте

Работа с цветом — важнейший навык любого веб-дизайнера. Грамотное владение им может принести сайту успех, а даже небольшая ошибка в создании гаммы доставить много хлопот в будущем. В этой статье специалисты сервиса AskUsers разберут 10 ошибок, которые дизайнеры допускают при работе с цветом на сайте, и расскажут вам, как их избежать. 

далее →

18 апреля / Комментарии

Правила оформления шапки интернет-магазина

Известно, что шапка является одной из главных составляющих интернет-магазина. Зачастую именно на нее посетитель обращает взгляд в первую очередь. В этой статье эксперты сервиса AskUsers поделятся приемами правильной компоновки шапки, расскажут как добиться того, чтобы посетитель обратил внимание на самую важную информацию, а не задавался вопросом “где тут вообще что?”.

далее →

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