Назад Мини-кейс 2
Флоу переноса контента между соцсетями

Основной сценарий

Проблема

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

Критерии успеха

  • Для пользователя — понятный флоу переезда
  • Для бизнеса — рост конверсии в успешные переезды

Бенчмаркинг

Google Takeout VK Transfer Telegram

Так как прямого аналога приложения на рынке нет, я разобрала схожие функции в других сервисах

Что я переиспользовала в проекте:

  • Возможность точечно выбрать данные и способ их переноса
  • Процесс, статус и история экспорта информации
  • Загрузку архива по ссылке
  • Карточки выбора для конечной точки переноса данных
  • Нейтральную цветовую палитру для большего ощущения бесшовности

Гипотезы и решения

Точки входа

Главная точка входа в фичу переезда находится прямо в тапбаре, потому что это одна из основных функций Appy. Ещё новый переезд можно запустить из истории переездов в личном кабинете, это будет особенно полезно на старте после оплаты тарифа, когда мы возвращаемся в личный кабинет

Экран «Профиль» с тапбаром — главная точка входа в переезд
Из тапбара
Экран «Личный кабинет»: запуск нового переезда из истории переездов
Из личного кабинета
Гипотеза 1

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

Переезд как маршрут

Я использовала метафору выбора маршрута, где пользователь сразу обозначает точки А и Б, так как это распространённый и знакомый многим паттерн

Экран «Маршрут переезда»: выбор сервисов Откуда → Куда и способа переноса
Маршрут переезда
Шторка «Загрузка архива»: с устройства, с Google Диск или по ссылке
Загрузка архива
Гипотеза 2

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

Чувство контроля

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

Архив успешно загружен: 350 объектов, 10 ГБ Тяжёлый архив: 1500 объектов, 80 ГБ — больше тарифа Переезд файлов: прогресс 5% Подсказка: как работает переезд Instagram → VK: перенос в процессе

Процесс

Самые первые решения и мои пояснялки, что и почему я дорабатывала

Что дальше

Анализ продуктовых метрик

  • Конверсии в дохождение
  • Конверсии в успешные переезды
  • CES по шагам
  • Churn Rate по шагам

Варианты ошибок и состояния

  • Переезд на паузе (progress bar)
  • Обрыв переезда (с вариантами причин)
  • Файлы перенеслись, но частично

Предпросмотр перед запуском

  • Что и сколько перенесётся
  • Что останется статистикой
  • Ориентировочная оценка времени

Рефлексия

При проектировании мне потребовалось изучить матчасть в плане технических ограничений площадок, и меня удивил этот объём. А это лишь один пример флоу, в других сервисах будут свои заморочки.

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