Шаг 1. Приоритизация функций

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

Шаг 2. Разработка навигации

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

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

Шаг 3. Разработка навигации внутри каталогов

Функциональные элементы могут содержать свою внутреннюю навигацию – например, каталог товаров в интернет-магазине. В этом случае для проектирования также используются инструменты карточной сортировки и анализа CJM. Основной упор в анализе делается на критерии, по которым пользователи выбирают разделы каталогов. Например, для каталога одежды базовый критерий – пол (разделение на мужскую и женскую одежду).

Шаг 4. Построение карты шагов в процессе использования функции

В процессе использования или, как еще говорят, утилизации функции продукта пользователи совершают определенную последовательность шагов. Чтобы снизить нагрузку на пользователя, создатели продукта обычно прибегают к построению CJM.

Путешествие пользователя к пополнению баланса мобильного телефона значительно улучшилось благодаря построению CJM

Сначала анализируется, из каких шагов состоит путь клиента сейчас (as is CJM). Для этого надо проследить либо текущий (до редизайна) путь внутри продукта, либо, если создается новая функция, тот путь, которым пользователь удовлетворял свою потребность в продуктах конкурентов или офлайн. На основании такого анализа строится идеальный клиентский путь (to be CJM).

Шаг 5. Построение потока экранов

После объединения различных клиентских маршрутов сформируется древовидная структура разделов. Чтобы зафиксировать результаты, можно воспользоваться диаграммой потока экранов (Screen Flow).

Диаграмма потока экранов – представление древовидной структуры, где в каждом узле находится экран со схематичным изображением элементов интерфейса