Способы навигации пользователей на сайте
Представьте, что вы путешествуете на авто, но из-за пробок все основные дороги перекрыты, и вам необходимо свернуть в незнакомую часть города. Какое-то время продвигаться в нужном направлении вам помогут дорожные знаки, но вдруг и они исчезнут. Похоже, потеряться в незнакомом месте пустяковое дело.
Любой сайт, независимо от своей конечной цели, должен выполнять основную задачу – указать пользователю путь к интересующей его информации. Однако, возможно по своей вине, а может и по вине дизайнера, пользователь теряется и не знает, куда двигаться дальше. Как же помочь вашим посетителям сориентироваться на сайте. Есть несколько действенных способов.
Заголовки страниц
Каждая страница сайта нуждается в уникальном, достаточно кратком, но не менее содержательном заголовке. Заголовок подсказывает пользователям, что именно можно найти на той или иной странице. Заголовки страниц выполняют свою функцию гораздо эффективнее если:
- шрифт заголовка больше основного текст хотя бы на пару пикселей;
- использован другой цвет шрифта или фона для шрифта;
- имеется заметное пространство сверху и снизу от заголовка.
Хлебные крошки
«Хлебными крошками» называют цепочки ссылок, которые призваны показать, каким образом текущая страница относится к главной. Часто они расположены непосредственно над заголовком страницы. Например: Главная > Форум > Работа > Вакансии.
Преимущества «хлебных крошек» в их способности моментально указать на местоположение пользователя, а также помочь последним понять структуру и иерархию сайта. Пользователь видит, как он попал на текущую страницу и как ему вернуться на несколько шагов назад.
При этом, «хлебные крошки» показывают реальную структуру сайта, а не путь, по которому пришел пользователь.
Первичная и вторичная навигация
Хотя это и очевидно, но не лишне будет напомнить, что именно правильное использование первичной навигации является самым мощным инструментом для ориентирования пользователей. Желательно сделать элементы навигации отличными по цвету и фону, названия навигационных элементов должны четко соответствовать заголовкам страниц. В отличие от первичной навигации, определяющей разделы сайта, вторичная направляет пользователя к конкретным страницам.
Ссылки
Ссылки обязаны четко сообщать, куда они ведут. Пользователь с большей долей вероятности перейдет по ссылке, если будет знать, куда она ведет. Не стоит нагружать страницу бессмысленными надписями, типа «Нажми здесь». Как и названия прочих элементов навигации, названия ссылок должны соответствовать заголовку целевой страницы.
Структура страницы
Важную роль в навигации по сайту играет и структура его страниц. При проектировании страницы помните, что:
- многие пользователи знакомы со стандартными структурами сайтов, поэтому расположение элементов навигации в тех местах, где их ожидают увидеть, позволяет быстрее сориентироваться. Старайтесь избегать слишком «навороченных» дизайнов.
- пользователю легче принять решение о том, куда двигаться дальше, если ключевые элементы (ссылки) расположены рядом. Старайтесь группировать ключевые элементы.
Прогресс
Желательно показать пользователю, этапы процедуры, которую он совершает на сайте (речь идет о процедурах, требующие последовательного посещения нескольких страниц, например, при заказе товара в электронном магазине или скачивании файлов). Сделайте прогресс легко заметным, чтобы пользователь видел свое текущее положение, пройденные и предстоящие этапы.
Карта сайта
Наличие карты имеет значение для сайтов с большим количеством страниц. Вот уж где легко заблудиться! К карте можно обратиться, когда необходимую информацию невозможно отыскать с помощью поиска по сайту, поэтому карта сайта должна полностью отражать структуру последнего, быть четкой и понятной. Чтобы создать в wordpress карту сайта для блога можно использовать плагин dagon design sitemap generator.
Название страницы (Title)
Название страницы – это текст, который расположен в строке заголовка браузера. Помните, что чем короче название, тем понятнее его смысл. Важную информацию расположите вначале, так как именно первые несколько слов часто имеют наиболее важное значение для пользователей. Смысл названия должен оставаться понятным, даже если страница не видна (находится в истории посещений или в списке избранного).
Вообще все пожелания по навигации пользователей крайне положительно будут влиять не только на позитивное восприятие проекта со стороны посетителей. Некоторые из них будут полезны также для поисковых систем – карта сайта, хлебные крошки, название страницы – все это нужные вещи. Кроме того, чем лучше юзабилити проекта, в том числе и навигация, тем эффективнее он будет работать и тем больше с него будет отдача.
Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2024-11-26 » Капитан грузового судна, или Как начать использовать Docker в своих проектах
- 2024-11-26 » Обеспечение безопасности ваших веб-приложений с помощью PHP OOP и PDO
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-15 » Перенос сайта на WordPress с одного домена на другой
- 2024-11-08 » OSPanel 6: быстрый старт
- 2024-11-08 » Как установить PhpMyAdmin в Open Server Panel
- 2024-09-30 » Как быстро запустить Laravel на Windows
- 2024-09-25 » Next.js
- 2024-09-05 » OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения
- 2024-08-28 » Чек-лист: как увеличить конверсию интернет-магазина на примере спортпита
- 2024-08-01 » WebSocket
- 2024-07-26 » Интеграция с Яндекс Еда
- 2024-07-26 » Интеграция с Эквайринг
- 2024-07-26 » Интеграция с СДЕК
- 2024-07-26 » Интеграция с Битрикс-24
- 2024-07-26 » Интеграция с Travelline
- 2024-07-26 » Интеграция с Iiko
- 2024-07-26 » Интеграция с Delivery Club
- 2024-07-26 » Интеграция с CRM
- 2024-07-26 » Интеграция с 1C-Бухгалтерия
- 2024-07-24 » Что такое сторителлинг: техники и примеры
- 2024-07-17 » Ошибка 404: что это такое и как ее использовать для бизнеса
- 2024-07-03 » Размещайте прайс-листы на FarPost.ru и продавайте товары быстро и выгодно
- 2024-07-01 » Профилирование кода в PHP
- 2024-06-28 » Изучаем ABC/XYZ-анализ: что это такое и какие решения с помощью него принимают
- 2024-06-17 » Зачем вам знать потребности клиента
- 2024-06-11 » Что нового в работе Яндекс Метрики: полный обзор обновления
- 2024-06-11 » Поведенческие факторы ранжирования в Яндексе
- 2024-06-11 » Скорость загрузки сайта: почему это важно и как влияет на ранжирование
Если ты рождён без крыльев, не мешай им расти. (Коко Шанель / ЖИТЕЙСКАЯ МУДРОСТЬ ) |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.