Создание User Flow
Что это?
User Flow — переход пользователей от одного сценария взаимодействия с интерфейсом к другому, пользовательский маршрут.
Для чего нужно это знать?
User flow позволяет взглянуть на взаимодействие пользователя и приложения глазами пользователя. Нужно помнить, что пользователи любят удобный и понятный для восприятия мозга интерфейс, но для этого его нужно тщательно проработать. Чем проще, тем лучше, иначе пользователь уйдет с сайта. Каĸ раз для этого нужен user flow — он поможет определить пути достижения пользователями цели, на основе выбор поможет вычислить позитивные и негативные сценарии твоих потенциальных пользователей.
Какие базовые понятия включает этот навык?
User flow может быть представлен в виде комбинаций из: - task flow; - wire flow (lo-fi); - screen flow (hi-fi). Task flow – это простое представление того, что пользователь делает на каждом шаге для выполнения цели или задачи. По сути это классическая блок-схема, определяющая эту последовательность. В данной схеме не отражены условности и прочие вопросы, которые необходимо проработать. А что будет, если по результатам поиска ничего не нашлось? А что будет, если оплата не прошла? Здесь представлены лишь общие этапы, которые могут предполагать множество действий: например, поиск может быть расширенным с множеством фильтров, путь оплаты зависит от выбора инструмента оплаты и т.д. Wire flow – это объединение блок-схемы и wireframes. Wireframe – это низкодетализированный набросок дизайна экрана, упор в котором делается не на визуальную составляющую, а на расположение элементов, структуру и содержание экрана. В wire flow вместо элементов блок-схемы представлены схематичные макеты экранов, с которыми взаимодействует пользователь на пути достижения цели. Не нужно зацикливаться на визуальных деталях и отрисовывать каждую кнопку и иконку. Чаще всего акцент делается на элементах навигации в дизайне каждой отдельной страницы. Screen flow - детально проработанные экраны, которые понятны как пользователям, так и разработчикам. Обычно делается акцент на элементах навигации и некоторых нюансах поведения. Его можно использовать как регламентирующий документ для утверждения дизайна макетов. Screen flow можно по сути назвать прототипом, если ему добавить интерактивность. Его особенностью является высокая точность или идеальное пиксельное соответствие: в нем учитывается физический размер экрана и представляются все визуальные и типографические детали продукта. Элементы screen flow – это фактически макеты экранов готового приложения.
Где я могу освоить этот навык?
Освоить навык «Создание User Flow» ты можешь проходя обучение на нашем менторинге по программе «UX/UI Дизайнер». В проекте "Интернет-магазин" ты познакомишься с этим навыком и научишься работать с ним в полной мере.