Дизайн пользовательского опыта для сайта предполагает значительно большее чем простое выяснение что находится на каждой из страниц. Необходимо также придумать как страницы будут «вытекать» одна из другой. Если вы не планируете направление движения на вашем сайте, вы можете столкнуться с проблемами в самом начале разработки.

Вы можете:

• Забыть спроектировать несколько страниц, участвующих в процессах на сайте;
• Забыть спроектировать элементы призыва к действию, которые связывают несколько страниц вместе;
• Не знать где некоторые страницы располагаются в иерархии сайта;
• Не знать какие страницы должны быть связаны ссылками;
• Не знать какие страницы нужно посетить пользователю, чтобы выполнить конкретные задачи.

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

Потоки сайта и пользователей — не одно и то же

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

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

Пользовательский поток как взгляд на направление из точки A в точку B. Вы можете видеть какие направления вам доступны, где вы повернуть и какое расстояние отделяет вас от цели. Эти детали помогают вам эффективно добраться до назначенной точки. Этот более низкий уровень просмотра позволяет вам оценить сколько времени и усилий потребуется для выполнения конкретной задачи.

Когда использовать поток сайта

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

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

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

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

Когда использовать пользовательский поток

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

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

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

Инструмент для работы с потоками

Вы можете провести множество времени, создавая карты потоков. Но их задача — помогать вам, а не пожирать временный ресурсы в самом начале работе.

Вот почему вам может пригодиться инструмент типа Flow Patterns. У вас будут готовые шаблоны карт потоков, которые вы сможете отредактировать под свои нужды. В упомянутой выше программе предусмотрены микровзаимодействия, маркеры и элементы призыва к действию.

Карты потоков нужны всем

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

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

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

Автор статьи anthony

Перевод — Дежурка

Смотрите также:

• Дизайн UI: ограничения человеческой памяти
• Роль исследований UX в разработке продукта
• Реальный опыт дизайна с реальными данными