Редизайн сценария создания виртуальной машины
Создание виртуальной машины (далее ВМ) — один из ключевых сценариев облачной платформы K2. Существующий процесс развивался вместе с продуктом, но со временем стал сложным и перегруженным: пользователи тратили много времени на настройку, часто бросали сценарий и шли за помощью к нашим менеджерам. Это означало более долгий путь до начала использования ВМ — момента, когда клиент начинает платить деньги
Вместе с командой мы пересобрали этот процесс: изучили проблемы пользователей, пересмотрели флоу и спроектировали решение на базе новой дизайн-системы
Моя роль
- Проанализировал текущий процесс, документацию и накопленную обратную связь
- Провёл интервью с пользователями
- Вместе с командой и PO сформировал и приоритизировал бэклог
- Доработал дизайн-систему под наш продукт
- Спроектировал новый флоу
Процесс
Дискавери и интервью: Я начал с анализа текущего сценария, документации, дизайн-системы и накопленных материалов. Затем мы провели 7 интервью с пользователями, которые регулярно работают с консолью. Исследование показало:
- Даже опытные пользователи тратят много времени на прохождение сценария: много шагов и лишних настроек, которые используются крайне редко. При этом мы не показываем действительно необходимую информацию, например стоимость текущей конфигурации
- Нет подсказок: если пользователю было что-то непонятно, он должен идти и самостоятельно искать нужную информацию
- В сценарии много связанных сущностей, без которых невозможно создать ВМ. Если у пользователя, например, нет нужного SSH-ключа, он был вынужден покидать сценарий и идти создавать SSH-ключ в другой раздел
Определил цели: создать понятный интерфейс, который:
- Позволит создать ВМ, не покидая форму
- Покажет стоимость конфигурации и из чего она складывается
- Будет предлагать подсказки по ходу прохождения сценария и объяснять значение непонятных сущностей
- Будет выглядеть современно и соответствовать правилам новой дизайн-системы
Проектирование: на основе результатов исследования я вместе с командой разработал новый сценарий:
- Перенёс флоу на отдельную страницу. Раньше ВМ создавалась в модальном окне, которое ограничивало пространство и усложняло работу с большим количеством настроек
- Сократил и перегруппировал шаги. Я объединил связанные параметры, изменил их порядок и убрал из основного пути редкие необязательные настройки. В результате форма стала короче и понятнее
- Добавил расчёт стоимости. В правой части страницы пользователь видит состав конфигурации и стоимость её компонентов. Изменения в настройках сразу отражаются в итоговом расчёте
- Добавил блок со ссылками на документацию и контекстные подсказки
- Убрал переход в другие разделы. SSH-ключ, сетевой интерфейс и другие связанные сущности теперь можно создать прямо внутри сценария. После создания они автоматически подтянутся в текущий конфиг
Результат
Проектирование и разработка заняли 5 месяцев. Новый сценарий запущен для внутренних пользователей и ограниченной группы заказчиков.
Сейчас мы собираем обратную связь, собираем бэклог и исправляем баги. Первая обратная связь положительная: пользователи отмечают, что создавать ВМ стало гораздо проще и удобнее
P.S
Редизайн создания виртуальной машины был частью более крупного обновления нашей консоли. Помимо этого, за год работы я также:
- Адаптировал под нас и расширил дизайн-систему IBM Carbon
- Собрал несколько новых компонентов, например Segment Control, Slider и др. Проработал состояния, описал их работу и валидировал разработку
- Переработал пять разделов платформы, включая IAM, профиль пользователя и образы дисков. IAM сейчас тестируем с помощью модерируемых тестов, для которых я полностью завайбкодил этот раздел и все ключевые сценарии
- Спроектировал новую навигацию и тёмную тему