UX/UI Product design Web

VK Cloud — улучшение визарда создания виртуальной машины

📌 Контекст

VK Cloud — это облачная платформа, которая полностью заменяет локальную IT-инфраструктуру. Доступ ко всем возможностям платформы осуществляется через личный кабинет. Одна из самых востребованных услуг — виртуальные машины. Чтобы создать виртуальную машину, пользователь проходит многошаговый мастер (визард): выбирает конфигурацию, настройки сети, ПО и другие параметры.

🎯 Задача

Спроектировать альтернативный вид интерфейса, внеся следующие улучшения::

Упростить процесс настройки;
Сделать интерфейс более интуитивным;
Ускорить работу для опытных пользователей;
Визуально улучшить подачу информации

👥 Целевая аудитория

Пользователь - сотрудник компании (администратор, разработчик или DevOps-инженер), который хочет создать виртуальную машину для развертывания приложения, базы данных или тестирования.

Уровень опыта варьируется от новичков (нуждаются в подсказках) до экспертов (ищут скорость и гибкость).

🔍 Анализ текущего опыта пользователей

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

Выявленные проблемы:

🙄 Сложность настройки: Пользователь должен пройти через несколько шагов с множеством параметров, что может быть сложным для новичков.

🤷 Низкая интуитивность: Интерфейс содержит много текстовых полей и выпадающих меню, что может быть перегруженным.

⏱️ Отсутствие быстрого режима: Опытные пользователи вынуждены проходить через все шаги, даже если знают, какие настройки им нужны.

🗺️ CJM — As Is

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

🎯 Цели улучшения

Анализ показал, где пользователи теряются и тратят лишнее время. На этой основе я определил направления улучшений, которые сделают интерфейс легче, быстрее и понятнее.

Снижение когнитивной нагрузки и ошибок
- Сократить когнитивную нагрузку на пользователя.
- Снизить вероятность ошибок и непонимания.
- Упростить процесс настройки
- Сделать интерфейс более интуитивным с помощью логической группировки и визуальных подсказок.

Увеличение скорости и эффективности
- Повысить скорость создания ВМ (особенно для опытных пользователей).
- Ускорить работу для опытных пользователей путем добавления быстрого режима и CLI-интеграции.

Повышение визуального качества и понимания
- Улучшить визуальную подачу информации с использованием иконок, графиков и других визуальных элементов

Рост ключевого метрики — конверсии
- Повысить конверсию визарда → созданная ВМ.

🖌️UX/UI-решения

✨ Результат

Новая структура и интерфейс визарда позволяют:

Сократить время на создание ВМ
Снизить когнитивную нагрузку за счёт логичной структуры
Улучшить first-time user experience
Сделать интерфейс более интуитивным с помощью логической группировки и визуальных подсказок

Что можно развивать дальше:

Поддержать опытных пользователей через быстрые сценарии и CLI-интеграцию
Добавить шаблоны на основе статистики частых конфигураций