Сделала сложный сценарий настройки расписания простым с помощью продуманной системы параметров
B2B
Веб-интерфейс
New feature
Сделала сложный сценарий настройки расписания простым с помощью продуманной системы параметров
Компоненты были спроектированы и использованы в рабочем продукте. Для портфолио я переработала флоу и визуальную подачу, чтобы показать подход к проектированию сложных сценариев, не раскрывая детали продукта.
1 простой флоу
для сложного сценария
2 шага
от настройки до подтверждения
Задача
Спроектировать простой и понятный интерфейс для сценария настройки добавления события и его расписания с большим количеством параметров и состояний.
Задача
Спроектировать простой и понятный интерфейс для сценария настройки добавления события и его расписания с большим количеством параметров и состояний.
Основные параметры
Основная задача — дать пользователю возможность последовательно задавать значения, не перегружая основной интерфейс.
Ключевые моменты при первом соприкосновении с настройками:
выбор параметров непосредственно в контексте основного экрана;
раскрытие дополнительных настроек по необходимости;
как следствие сохранение понятной и простой структуры при большом количестве вариантов.
Основные параметры
Основная задача — дать пользователю возможность последовательно задавать значения, не перегружая основной интерфейс.
Ключевые моменты при первом соприкосновении с настройками:
выбор параметров непосредственно в контексте основного экрана;
раскрытие дополнительных настроек по необходимости;
как следствие сохранение понятной и простой структуры при большом количестве вариантов.
Варианты настроек
Флоу учитывает разные комбинации параметров и позволяет изменять их без выхода из основного сценария. Для каждого варианта предусмотрены отдельные состояния интерфейса и обратная связь о выбранных значениях.
Отдельные состояния для разных комбинаций параметров и действий пользователя:
Базовое состояние
Выбор параметров
Дополнительные настройки
Изменение значения
Подтверждение
Варианты настроек
Флоу учитывает разные комбинации параметров и позволяет изменять их без выхода из основного сценария. Для каждого варианта предусмотрены отдельные состояния интерфейса и обратная связь о выбранных значениях.
Отдельные состояния для разных комбинаций параметров и действий пользователя:
Базовое состояние
Выбор параметров
Дополнительные настройки
Изменение значения
Подтверждение
Статистика
После настройки пользователь получает возможность проверить выбранные параметры и убедиться, что сценарий настроен корректно. Финальное состояние возвращает пользователя к основному интерфейсу, не разрывая контекст работы. Важно, что система собирает данные по событию и позволяет собирать полноценную статистику.
В итоге сценарий выглядит так:
Настроить → проверить → подтвердить → вернуться к основной задаче → собрать статистику
Статистика
После настройки пользователь получает возможность проверить выбранные параметры и убедиться, что сценарий настроен корректно. Финальное состояние возвращает пользователя к основному интерфейсу, не разрывая контекст работы. Важно, что система собирает данные по событию и позволяет собирать полноценную статистику.
В итоге сценарий выглядит так:
Настроить → проверить → подтвердить → вернуться к основной задаче → собрать статистику
Результаты
Нужно было одновременно поддерживать большое количество настроек, учитывать разные комбинации параметров и при этом, чтобы все оставалось понятным для пользователя.
В результате я структурировала сложный сценарий в последовательную систему настроек, проработала ключевые состояния и зависимости между параметрами. Это позволило сократить визуальную и когнитивную нагрузку и сделать работу с компонентом более предсказуемой для пользователя.
Результаты
Нужно было одновременно поддерживать большое количество настроек, учитывать разные комбинации параметров и при этом, чтобы все оставалось понятным для пользователя.
В результате я структурировала сложный сценарий в последовательную систему настроек, проработала ключевые состояния и зависимости между параметрами. Это позволило сократить визуальную и когнитивную нагрузку и сделать работу с компонентом более предсказуемой для пользователя.