Выход на смену
Мобильное курьерское приложение, используемое для приёма доставок, отслеживания статусов заказов и оформления возврата товаров. В рамках проекта я занимался редизайном интерфейса и пользовательских сценариев.
Команда
Product designer, Product manager
Product designer, Product manager
Длительность
1 месяц
1 месяц
Моя роль
Lead Product Designer
Lead Product Designer
Метрики
Existing basic components were utilizeds
Existing basic components were utilizeds
До редизайна
Проблема
К моменту начала работы над проектом курьерское приложение накопило ряд системных проблем, связанных с интерфейсом, структурой и ограничениями для дальнейшего развития продукта. Эти проблемы напрямую влияли на удобство работы курьеров и сдерживали рост бизнеса
Отсутствие доступности интерфейса.
В приложении не учитывались базовые принципы доступности: низкая контрастность элементов и текста затрудняла восприятие информации, особенно при работе в сложных условиях.
В приложении не учитывались базовые принципы доступности: низкая контрастность элементов и текста затрудняла восприятие информации, особенно при работе в сложных условиях.
Перегруженная структура и избыточное количество экранов
Со временем появилось множество лишних экранов и сценариев, что усложняло навигацию и увеличивало когнитивную нагрузку на курьеров
Со временем появилось множество лишних экранов и сценариев, что усложняло навигацию и увеличивало когнитивную нагрузку на курьеров
Визуально устаревший интерфейс
Приложение выглядело несовременно и не соответствовало текущему уровню продукта и ожиданиям пользователей
Приложение выглядело несовременно и не соответствовало текущему уровню продукта и ожиданиям пользователей
Ограничения для дальнейшего развития продукта
Текущая архитектура и интерфейс не позволяли гибко добавлять новые функции и масштабировать приложение
Текущая архитектура и интерфейс не позволяли гибко добавлять новые функции и масштабировать приложение
Бизнес цели
Перед началом редизайна мы синхронизировались с бизнесом и зафиксировали ключевые задачи, которые приложение должно было решать в ближайшей перспективе
Поддержка активного роста компании
Торговая сеть активно расширялась и приобретала новые магазины, что требовало устойчивого и масштабируемого цифрового решения для курьеров
Торговая сеть активно расширялась и приобретала новые магазины, что требовало устойчивого и масштабируемого цифрового решения для курьеров
Создание универсального курьерского приложения
Необходимо было отвязать приложение от бренда основного магазина и подготовить его к использованию в формате white-label для разных торговых сетей
Необходимо было отвязать приложение от бренда основного магазина и подготовить его к использованию в формате white-label для разных торговых сетей
01
ИССЛЕДОВАНИЕ
На этом этапе мы собрали и структурировали входные данные о текущем состоянии продукта. В основе — отзывы курьеров, обратная связь от команды и моя продуктовая экспертиза
Поиск болей
Совместно с аналитиком мы провели аудит интерфейса и пользовательских сценариев, чтобы выявить узкие места, перегруженные экраны и точки, вызывающие ошибки или замедляющие работу курьеров
(ДОБАВИТЬ КАКИЕ МЕТОДИКИ ПОИСКА БОЛЕЙ МЫ ИСПОЛЬЗОВАЛИ).
(ДОБАВИТЬ КАКИЕ МЕТОДИКИ ПОИСКА БОЛЕЙ МЫ ИСПОЛЬЗОВАЛИ).
Список заказов
Уведомления не работают или теряются
Пользователи часто не получают уведомления в приложении и вынуждены проверять почту, Telegram или сайт. Уведомления воспринимаются как ненадёжные: они приходят нерегулярно или теряются
Пользователи часто не получают уведомления в приложении и вынуждены проверять почту, Telegram или сайт. Уведомления воспринимаются как ненадёжные: они приходят нерегулярно или теряются
Нет понятного центра уведомлений
В приложении отсутствует единое и очевидное место, где можно посмотреть все уведомления. Пользователи не понимают, есть ли у них новые сообщения, и сомневаются, всё ли они увидели.
В приложении отсутствует единое и очевидное место, где можно посмотреть все уведомления. Пользователи не понимают, есть ли у них новые сообщения, и сомневаются, всё ли они увидели.
02
Недостаточная информативность прогресса
Даже когда прогресс отображается, он не даёт чёткого понимания состояния обучения. Пользователям не хватает процентов, шкалы или более наглядного индикатора, который помог бы быстро оценить, сколько уже пройдено и что осталось
Даже когда прогресс отображается, он не даёт чёткого понимания состояния обучения. Пользователям не хватает процентов, шкалы или более наглядного индикатора, который помог бы быстро оценить, сколько уже пройдено и что осталось
02
«Продолжить обучение» не работает корректно
Пользователи не доверяют кнопке «Продолжить обучение», потому что она часто ведёт не на тот модуль или урок. Кнопка может открывать уже пройденные материалы, сбрасывать точку остановки или вести в случайное место. В результате большинство пользователей предпочитают вручную искать нужный урок, а саму кнопку считают ненадёжной.
Пользователи не доверяют кнопке «Продолжить обучение», потому что она часто ведёт не на тот модуль или урок. Кнопка может открывать уже пройденные материалы, сбрасывать точку остановки или вести в случайное место. В результате большинство пользователей предпочитают вручную искать нужный урок, а саму кнопку считают ненадёжной.
Недостаточная информативность прогресса
Даже когда прогресс отображается, он не даёт чёткого понимания состояния обучения. Пользователям не хватает процентов, шкалы или более наглядного индикатора, который помог бы быстро оценить, сколько уже пройдено и что осталось
Даже когда прогресс отображается, он не даёт чёткого понимания состояния обучения. Пользователям не хватает процентов, шкалы или более наглядного индикатора, который помог бы быстро оценить, сколько уже пройдено и что осталось
Приоритет
Совместно с продуктом мы оценили каждую гипотезу по критериям Reach / Impact / Confidence / Effort. Так появился объективный список приоритетов: какие изменения в интерфейсе принесут наибольший эффект на метрики
Возврат в обучение
Доля пользователей, которые возвращаются к обучению через приложение в течение выбранного периода
Доля пользователей, которые возвращаются к обучению через приложение в течение выбранного периода
Возврат в обучение
Доля пользователей, которые возвращаются к обучению через приложение в течение выбранного периода
Доля пользователей, которые возвращаются к обучению через приложение в течение выбранного периода
02
Поиск идей
После анализа пользовательских сценариев и данных стало ясно, что проблемы носят системный характер. Поэтому этап поиска идей был направлен на пересборку пользовательского опыта, а не на точечные правки
Идея №1
Главная страницу это единый хаб, в котором собраны все ключевые точки входа в обучение. Теперь экран поддерживает разные сценарии использования и даёт больше контроля пользователю
Множество точек входа
Теперь с главной можно попасть в разные разделы — от курсов до дополнительных функций
Теперь с главной можно попасть в разные разделы — от курсов до дополнительных функций
Кастомизация виджетов
На странице расположены настраиваемые блоки: пользователь сам выбирает, какие элементы показывать и в каком порядке
На странице расположены настраиваемые блоки: пользователь сам выбирает, какие элементы показывать и в каком порядке
Маркетинговые активности
Рекламные баннеры не мешают обучению — их можно скрыть
Рекламные баннеры не мешают обучению — их можно скрыть
Идея №2
В этой концепции мы сохранили главный экран как единый хаб, но добавили новый элемент — статичный баннер в верхней части страницы. Он служит акцентной зоной для коммуникаций и в перспективе может стать точкой входа в сторисы. Остальная логика осталась прежней
Статичный баннер
Верхняя часть главного экрана занята баннером, который привлекает внимание к ключевым активностям и в будущем может превратиться в вход в сторисы
Верхняя часть главного экрана занята баннером, который привлекает внимание к ключевым активностям и в будущем может превратиться в вход в сторисы
Идея №3
В этой версии мы отказались от кастомизации и сделали структуру более строгой. Главный экран построен вокруг календаря как ключевого инструмента планирования обучения. Такой подход задаёт пользователю чёткий сценарий: сначала планирование, потом доступ к материалам и активностям
Календарь в приоритете
Самый заметный и верхний блок экрана — календарь, помогающий пользователю сразу ориентироваться в расписании и планировать обучение
Самый заметный и верхний блок экрана — календарь, помогающий пользователю сразу ориентироваться в расписании и планировать обучение
Фиксированная структура
Самый заметный и верхний блок экрана — календарь, помогающий пользователю сразу ориентироваться в расписании и планировать обучение
Самый заметный и верхний блок экрана — календарь, помогающий пользователю сразу ориентироваться в расписании и планировать обучение
Новая развилка
Развилка для всех топов курсов вынесена на первый шаг. Пользователи сразу понимают, какие курсы активны, завершены или скрыты.
Развилка для всех топов курсов вынесена на первый шаг. Пользователи сразу понимают, какие курсы активны, завершены или скрыты.
03
Тестирование
На этапе коридорного тестирования мы сравнили несколько вариантов структуры главного экрана. По результатам быстрых проверок стало очевидно, что пользователи лучше воспринимают вариант с точками входа в верхней части экрана и виджетами ниже
Концепция
Прототип позволил проверить общую логику и иерархию экрана:
как пользователи ориентируются, считывают приоритеты и переходят
к ключевым действиям.
как пользователи ориентируются, считывают приоритеты и переходят
к ключевым действиям.
01
Быстрый доступ к ключевым разделам
Виджет объединяет основные разделы приложения и помогает пользователю быстро перейти к нужному сценарию без поиска по экрану. Точки входа формируют понятную верхнеуровневую навигацию и задают структуру всей страницы
Виджет объединяет основные разделы приложения и помогает пользователю быстро перейти к нужному сценарию без поиска по экрану. Точки входа формируют понятную верхнеуровневую навигацию и задают структуру всей страницы
01
Возврат к последнему материалу
Виджет показывает последний урок или модуль, на котором пользователь остановился. Он позволяет продолжить обучение в один клик, снижает количество лишних действий и возвращает доверие к функции продолжения обучения
Виджет показывает последний урок или модуль, на котором пользователь остановился. Он позволяет продолжить обучение в один клик, снижает количество лишних действий и возвращает доверие к функции продолжения обучения
01
Всё значимое — в одном месте
Виджет собирает ключевые уведомления, связанные с обучением: дедлайны, изменения в курсах и важные сообщения. Это помогает пользователю не пропускать критичную информацию и снижает зависимость от внешних каналов.
Виджет собирает ключевые уведомления, связанные с обучением: дедлайны, изменения в курсах и важные сообщения. Это помогает пользователю не пропускать критичную информацию и снижает зависимость от внешних каналов.
01
События и дедлайны во времени
Виджет отображает все учебные события, привязанные ко времени: занятия, дедлайны и напоминания. Он помогает пользователю планировать обучение и лучше ориентироваться в ближайших активностях
Виджет отображает все учебные события, привязанные ко времени: занятия, дедлайны и напоминания. Он помогает пользователю планировать обучение и лучше ориентироваться в ближайших активностях
Выводы
Тестирование показало, что выбранная структура главного экрана с точками входа сверху и виджетами ниже воспринимается пользователями как понятная и логичная.
04
Финальная сбора и работа над UI
После тестирования я перешёл к этапу финальной сборки экрана. На этом этапе решения уже не пересматривались концептуально — фокус был на точности, визуальной иерархии и согласованности элементов между собой
05
Результаты
После тестирования я перешёл к этапу финальной сборки экрана. На этом этапе решения уже не пересматривались концептуально — фокус был на точности, визуальной иерархии и согласованности элементов между собой
Команда
Product designer, Product manager, Front-End, Back-End
Product designer, Product manager, Front-End, Back-End
Длительность
4 месяца
4 месяца
