B2B
Веб-интерфейс
New feature
Сделала сложный сценарий настройки расписания простым с помощью продуманной системы параметров
B2B
Веб-интерфейс
New feature
Сделала сложный сценарий настройки расписания простым с помощью продуманной системы параметров
Компоненты были спроектированы и использованы в рабочем продукте. Для портфолио я переработала флоу и визуальную подачу, чтобы показать подход к проектированию сложных сценариев, не раскрывая детали продукта.
  • 1 простой флоу
    для сложного сценария
  • 2 шага
    от настройки до подтверждения

Задача

Спроектировать простой и понятный интерфейс для сценария настройки добавления события и его расписания с большим количеством параметров и состояний.

Задача

Спроектировать простой и понятный интерфейс для сценария настройки добавления события и его расписания с большим количеством параметров и состояний.

Основные параметры

Основная задача — дать пользователю возможность последовательно задавать значения, не перегружая основной интерфейс.

Ключевые моменты при первом соприкосновении с настройками:

  • выбор параметров непосредственно в контексте основного экрана;
  • раскрытие дополнительных настроек по необходимости;
  • как следствие сохранение понятной и простой структуры при большом количестве вариантов.

Основные параметры

Основная задача — дать пользователю возможность последовательно задавать значения, не перегружая основной интерфейс.

Ключевые моменты при первом соприкосновении с настройками:

  • выбор параметров непосредственно в контексте основного экрана;
  • раскрытие дополнительных настроек по необходимости;
  • как следствие сохранение понятной и простой структуры при большом количестве вариантов.

Варианты настроек

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

Отдельные состояния для разных комбинаций параметров и действий пользователя:

  • Базовое состояние
  • Выбор параметров
  • Дополнительные настройки
  • Изменение значения
  • Подтверждение

Варианты настроек

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

Отдельные состояния для разных комбинаций параметров и действий пользователя:

  • Базовое состояние
  • Выбор параметров
  • Дополнительные настройки
  • Изменение значения
  • Подтверждение

Статистика

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

В итоге сценарий выглядит так:

Настроить → проверить → подтвердить → вернуться к основной задаче → собрать статистику

Статистика

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

В итоге сценарий выглядит так:

Настроить → проверить → подтвердить → вернуться к основной задаче → собрать статистику

Результаты

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

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

Результаты

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

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

Следующие кейсы
-40% времени на поиск документа, 7 → 4 действия до выгрузки документов
Смотреть
1 новый модуль спроектирован с нуля, 20+ сценариев и состояний
Смотреть