Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
  1. Главная >
  2. Блог >
  3. UI/UX >
  4. Карта сайта vs. Пути пользователя: кому и зачем это нужно?

Карта сайта vs. Пути пользователя: кому и зачем это нужно?

Карта сайта vs. Пути пользователя: кому и зачем это нужно

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

1. Забыть о дизайне некоторых страниц сайта
2. Забыть о макете кнопки призыва к действию, соединяющей страницы
3. Не знать место конкретной страницы в иерархии сайта
4. Не знать, какие страницы должны быть связаны между собой
5. Не знать, на что должен ориентироваться пользователь на пути к цели.

Если вы когда-либо сталкивались хотя бы с одной из этих проблем, значит, вы уже пытались настроить карту сайта (site flows) или отслеживать пути пользователей (user flows) — это, безусловно, должно предостеречь вас от названных ошибок. Но чтобы использовать эти инструменты в полную силу, нужно хорошо представлять, чем они отличаются друг от друга.

Карта сайта и путь пользователя — разные вещи

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

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

Карта сайта

Путь пользователя можно сравнить с прокладыванием маршрута из точки А в точку Б. Вы видите, какой дорогой идти, где повернуть и представляете себе общую продолжительность пути, что помогает вам выбрать оптимальную дорогу. Этот инструмент более низкого уровня позволяет оценить, как много времени и усилий вам нужно, чтобы достичь цели.

Карта сайта

Когда лучше использовать карту сайта?

Прежде чем начать создавать прототипы страниц, важно хорошо продумать их последовательность. Затем вы должны представить себе, какие страницы нужно связать друг с другом. Это позволит вам спроектировать CTA-элемент, который будет отправлять пользователя в нужном направлении.

CTA-элемент

Надпись на ссылке призыва к действию: «Узнайте больше о StyleSwap».

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

CTA-элемент

Слева-направо — ширина навигации, сверху-вниз — глубина

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

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

микровзаимодействия

Зачем отслеживать путь пользователя?

Решение некоторых задач предполагает не линейный путь, а извилистую дорогу с препятствиями. Такой тип маршрута является более сложным и требует прояснения. Исследование путей пользователя по сайту позволит сделать ресурс более интуитивным, понятным и повысить конверсию.

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

путь пользователя

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

quote
Отслеживая каждый шаг пути пользователя, вы сможете выявить проблемные места вашего ресурса и улучшить их
 

Вместо заключения

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

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

Высоких вам конверсий!

По материалам: uxmovement.comimage source brianjcook 

blog comments powered by Disqus
Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
copyright © 2011–2024 Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "Феникс-Маркетинг". ИНН:7725812838, КПП:772501001, ОГРН: 513774619323915280, Москва, ул. Ленинская слобода, д. 19, стр. 1, этаж/пом 3/25

ООО «Феникс-Маркетинг» — IT-компания с многолетним опытом работы, разрабатывающая инновационные решения для управления процессом лидогенерации (пост-клик маркетинг). Разработанное нами технологическое программное решение LPGENERATOR позволяет создавать целевые страницы в визуальном редакторе и управлять заявками (лидами) в CRM-системе в целях проведения эффективных, высококонверсионных рекламных кампаний