Броситься в омут с головой в разработку нового проекта, делать наброски страниц и работать над созданием информационной архитектуры финального продукта — может показаться заманчивой идеей. Однако, это не совсем правильный подход к делу. Для того чтобы сформировать у человека хорошее впечатление от продукта — разработчики должны сфокусировать свое внимание на потребностях пользователя, а это означает, что развить понимание того, как создать лучший алгоритм выполнения задач для конкретного пользователя! Чем проще вы сделаете перемещение пользователя от начала и до конца определенного процесса, тем легче будет человеку работать с продуктом и, вероятнее всего, что у пользователя останется наилучшее впечатление от проекта в целом.

Оригинал статьи: https://www.interaction-design.org/literature/article/flow-design-processes-focusing-on-the-user-s-needs

Автор / владелец авторских прав: Джон Аццолини (John Azzolini). Условия авторских прав и лицензии: Public Domain.

При разработке потока, нужно рассматривать и учитывать не только пользовательский, но и другие потоки. Однако, разработчики интерфейса, в основном, обеспокоены именно пользовательским потоком.

Что мы должны делать? Как разработать продукт, ориентируясь на пользовательский поток?

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

Так, например, целями пользователя на розничном веб-сайте могут быть:

• желание купить новый продукт;
• исследование альтернативных продуктов;
• желание вернуть товар.

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

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

Они определяют точки входа в воронки завершения задачи (аналогичные «воронкам конверсии» в маркетинге).

Автор / владелец авторских прав: Photo.iep. Условия использования и лицензии: CC BY 3.0

Классическая воронка конверсии — это та, с которой знакомы почти все в маркетинге и дизайне продукта. Она отслеживает ожидания клиентов, движущихся через поток продаж.

Воронка завершения задачи

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

Обычно это включает:

• Дизайн точки входа (баннерная реклама, текст поиска, электронная почта и т. д.).
• Дизайн целевой (исходной) страницы (как вы будете приветствовать посетителя на сайте и направлять его к началу процесса, для которого он пришел?).
• Дизайн самого процесса.

Соображения при анализе точки входа

С каждой точкой входа вы можете рассмотреть:

• Какую группу или группы пользователей мы таргетируем, используя конкретную точку входа?
• Пользователи активно ищут как взаимодействовать с нашим сайтом или продуктом, или собираются «споткнуться» через нас?
• Будут ли они искать решение проблемы, и если да, то что дальше?
• Как мы можем привлечь их внимание и удерживать его достаточно долго, чтобы человек решил перейти на сайт?
• Как мы можем быть ближе к вовлеченному пользователю? Какие сообщения могут работать с этими пользователями? Можем ли мы определить их болевые точки и решение?
• Каковы наилучшие призывы к действию? Каким должен быть призыв, чтоб пользователь кликнул и перешел на сайт?

Автор / авторское право: Бесплатные изображения. Условия авторских прав и лицензия: CC BY 2.0

Не каждый призыв к действию — «купите сейчас!» Это все примеры кнопок (англ. — CTA buttom), с которыми вы уже знакомы. Даже если вы не думаете об их силе призыва когда видите на просторах Интернета.

Соображения относительно целевой страницы

При создании и дизайне каждой целевой страницы вам нужно подумать:

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

Соображения, касающиеся этапов процесса

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

• Как мы можем минимизировать шаги в процессе без чрезмерно усложняющих экранов?
• Можем ли мы завершить процесс, а затем запросить дополнительную информацию? Если да, то как это может стимулировать?

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

Как говорит Скотт Бельский (Scott Belsky) — вице-президент по продукции и сообществу в Adobe; «Правило для разработчиков пользовательского интерфейса: больше вариантов, больше проблем».

Автор / владелец авторских прав: Researcher9999. Условия авторского права и лицензии: CC BY-SA 4,0

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

Заключение

При разработке потока, дизайнеры должны акцентировать свое внимание на желаниях пользователя и на том, что человек хочет получить от взаимодействия с конкретным продуктом. Это свидетельствует о том, что мнение и практика пользователя являются приоритетными аспектами при структурировании графического дизайна или информационной архитектуры сайта, а также, играют важную роль при продвижении проекта,особенно когда заходит речь о визуальном дизайне и архитектуре.  Воронку завершения задачи можно нарисовать на бумаге и использовать для объяснения термина “пользовательский поток” другим членам команды (например разработчикам). Это наглядный и простой способ объяснения вопроса: что хочет получить пользователь от вашего продукта?

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

Полезные источники:

Данная статья раскрывает разницу между потоком сайта и потоком пользователей и когда нужно сосредоточиться на каждом из них: http://uxmovement.com/wireframes/site-flows-vs-user-flows-when-to-use-which/

Если вы хотите создать плавные потоки пользователей, в этой статье, однозначно, есть полезные советы для вас — https://studio.uxpin.com/blog/creating-perfect-user-flows-for-smoothux