Способы навигации пользователей на сайте
Представьте, что вы путешествуете на авто, но из-за пробок все основные дороги перекрыты, и вам необходимо свернуть в незнакомую часть города. Какое-то время продвигаться в нужном направлении вам помогут дорожные знаки, но вдруг и они исчезнут. Похоже, потеряться в незнакомом месте пустяковое дело.
Любой сайт, независимо от своей конечной цели, должен выполнять основную задачу – указать пользователю путь к интересующей его информации. Однако, возможно по своей вине, а может и по вине дизайнера, пользователь теряется и не знает, куда двигаться дальше. Как же помочь вашим посетителям сориентироваться на сайте. Есть несколько действенных способов.
Заголовки страниц
Каждая страница сайта нуждается в уникальном, достаточно кратком, но не менее содержательном заголовке. Заголовок подсказывает пользователям, что именно можно найти на той или иной странице. Заголовки страниц выполняют свою функцию гораздо эффективнее если:
- шрифт заголовка больше основного текст хотя бы на пару пикселей;
- использован другой цвет шрифта или фона для шрифта;
- имеется заметное пространство сверху и снизу от заголовка.
Хлебные крошки
«Хлебными крошками» называют цепочки ссылок, которые призваны показать, каким образом текущая страница относится к главной. Часто они расположены непосредственно над заголовком страницы. Например: Главная > Форум > Работа > Вакансии.
Преимущества «хлебных крошек» в их способности моментально указать на местоположение пользователя, а также помочь последним понять структуру и иерархию сайта. Пользователь видит, как он попал на текущую страницу и как ему вернуться на несколько шагов назад.
При этом, «хлебные крошки» показывают реальную структуру сайта, а не путь, по которому пришел пользователь.
Первичная и вторичная навигация
Хотя это и очевидно, но не лишне будет напомнить, что именно правильное использование первичной навигации является самым мощным инструментом для ориентирования пользователей. Желательно сделать элементы навигации отличными по цвету и фону, названия навигационных элементов должны четко соответствовать заголовкам страниц. В отличие от первичной навигации, определяющей разделы сайта, вторичная направляет пользователя к конкретным страницам.
Ссылки
Ссылки обязаны четко сообщать, куда они ведут. Пользователь с большей долей вероятности перейдет по ссылке, если будет знать, куда она ведет. Не стоит нагружать страницу бессмысленными надписями, типа «Нажми здесь». Как и названия прочих элементов навигации, названия ссылок должны соответствовать заголовку целевой страницы.
Структура страницы
Важную роль в навигации по сайту играет и структура его страниц. При проектировании страницы помните, что:
- многие пользователи знакомы со стандартными структурами сайтов, поэтому расположение элементов навигации в тех местах, где их ожидают увидеть, позволяет быстрее сориентироваться. Старайтесь избегать слишком «навороченных» дизайнов.
- пользователю легче принять решение о том, куда двигаться дальше, если ключевые элементы (ссылки) расположены рядом. Старайтесь группировать ключевые элементы.
Прогресс
Желательно показать пользователю, этапы процедуры, которую он совершает на сайте (речь идет о процедурах, требующие последовательного посещения нескольких страниц, например, при заказе товара в электронном магазине или скачивании файлов). Сделайте прогресс легко заметным, чтобы пользователь видел свое текущее положение, пройденные и предстоящие этапы.
Карта сайта
Наличие карты имеет значение для сайтов с большим количеством страниц. Вот уж где легко заблудиться! К карте можно обратиться, когда необходимую информацию невозможно отыскать с помощью поиска по сайту, поэтому карта сайта должна полностью отражать структуру последнего, быть четкой и понятной. Чтобы создать в wordpress карту сайта для блога можно использовать плагин dagon design sitemap generator.
Название страницы (Title)
Название страницы – это текст, который расположен в строке заголовка браузера. Помните, что чем короче название, тем понятнее его смысл. Важную информацию расположите вначале, так как именно первые несколько слов часто имеют наиболее важное значение для пользователей. Смысл названия должен оставаться понятным, даже если страница не видна (находится в истории посещений или в списке избранного).
Вообще все пожелания по навигации пользователей крайне положительно будут влиять не только на позитивное восприятие проекта со стороны посетителей. Некоторые из них будут полезны также для поисковых систем – карта сайта, хлебные крошки, название страницы – все это нужные вещи. Кроме того, чем лучше юзабилити проекта, в том числе и навигация, тем эффективнее он будет работать и тем больше с него будет отдача.
Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2024-03-13 » Стратегии SEO на 2024 год
- 2024-03-13 » Как использовать анимацию с помощью JavaScript-библиотеки GSAP
- 2024-03-13 » Использование GSAP 3 для веб-анимации
- 2024-03-13 » Cогласование топографической съёмки с эксплуатирующими организациями
- 2024-02-19 » Теряются лиды? Как настроить сквозную аналитику
- 2024-02-17 » Мерч и IT: на что обратить внимание в 2024 году
- 2024-02-16 » Копируем с RSync: основные примеры синхронизации файлов
- 2024-02-15 » Лучшие noCode AI платформы для создания диалоговых ботов
- 2024-02-14 » Факторы ранжирования Google 2024 — исследование Semrush
- 2024-02-12 » Перенос сайта на другой хостинг
- 2024-02-05 » В России сформирован реестр хостинг-провайдеров
- 2024-02-04 » Использование SSH для подключения к удаленному серверу Ubuntu
- 2024-02-03 » Подключаемся к серверу за NAT при помощи туннеля SSH. Простая и понятная инструкция
- 2024-02-02 » Настройка CI/CD для Gitlab-репозитория: схемы и гайд по шагам
- 2024-02-01 » GitLab CI Pipeline. Запуск сценария через SSH на удаленном сервере
- 2024-01-29 » Introduction to GitLab’s CI/CD for Continuous Deployments
- 2024-01-26 » Настройка GitLab CI/CD
- 2024-01-25 » Установка shell gitlab runner
- 2024-01-25 » Установка и регистрация gitlab-runner в docker контейнере
- 2024-01-25 » Переменные Gitlab-Ci
- 2024-01-25 » Настройка CI/CD в GitLab для синхронизации проекта с веб-серверами
- 2024-01-25 » Копирование файлов scp
- 2024-01-21 » Бездепозитные бонусы от казино: обзор условий и правил использования
- 2024-01-18 » Современная обработка ошибок в PHP
- 2024-01-18 » Пример шаблона проектирования MVC в PHP
- 2024-01-18 » Мифический человеко-DevOps
- 2023-12-28 » Google подвел итоги 2023 года в поиске
- 2023-12-28 » 5 ошибок отдела продаж, из-за которых вы теряете клиентов
- 2023-12-28 » Американский суд признал монополию Google на рынках дистрибуции Android-приложений
- 2023-12-28 » Хостинг-провайдер GoDaddy перестанет оказывать услуги пользователям из России
Мудрость приносит следующие три плода: дар хорошо мыслить, хорошо говорить и хорошо поступать Демокрит - (около 460 до н.э.- около 360 до н.э.) - древнегреческий философ |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.