Проекты

Ютека — Переосмысление первой точки контакта

Роль: Product Designer
Область: Главная страница мобильного приложения (iOS/Android)
Команда: Product Manager, iOS/Android разработчики

Проблема

  • Устаревший визуальный язык и паттерны интерфейса
  • Визуальный шум из-за большого количества разнотипных блоков
  • Перегруженные карточки
  • Низкая конверсия
  • Поиск визуально не доминирует: главный CTA растворяется среди баннеров, заказов, чата и рекомендаций.
  • Риск снижения скорости начала сценария и retention
  • Плохая адаптация под контекст пользователя: нет персонализации
Цель:
Упростить сценарии поиска и покупки, снизить когнитивную нагрузку и создать масштабируемую продуктовую поверхность для персонализации и монетизации.
Гипотезы:
  • Пользователи открывают Ютеку в первую очередь для поиска лекарств — поиск должен доминировать.
  • Отслеживание заказов — вторичный, но частый сценарий, требующий постоянной видимости.
  • Персонализированные блоки увеличивают LTV и частоту повторных покупок.
Дизай-процесс:
  • Анализ конкурентных паттернов (consumer apps, e-commerce, health products)
  • Реструктуризация информационной архитектуры главного экрана
  • Проектирование прототипов
  • High-fidelity UI дизайн
  • Формирование продуктовых гипотез для экспериментов
Ключевые решения:
  • Приоритизация сценария поиска
  • Выделение трекинга заказов в отдельный продуктовый модуль
  • Введение кастомизируемых быстрых действий
  • Добавление масштабируемых монетизационных и персонализированных поверхностей

Анализ конкурентов

Проанализировав конкурентов я обнаружил, что 90% разработчиков отказались от логотипов на функциональных экранах своего приложения. Не долго думая, я решил открыть множество других приложений на своем смартфоне: Алиэкспресс, Сбер, Тинькофф, Казанэкспресс и др. И также обнаружил, что на экранах лого отсутсвует.

Лого

Лого на экранах приложения отвлекает и занимает полезное пространство для более важных функций.
Все просто — перед тем, как открыть приложение мы видим иконку с лого, приложение открывается — мы видим фирменный онбординг с лого, появляется главный экран и мы видим интерфейс в брендовых цветах и уникальном оформлении. Лого на главном экране попросту занимае место.

Карточки заказа и функции быстрого доступа в одном блоке?

Допустим, клиент сделал более 2 заказов, в таком случае все карточки с основным функционалом уходят из поля зрения главного экрана вправо. Не хочется свайпать. Принято решение создать новый компактный блок Мои заказы, содержащий только самое важное:
Теперь можно быстро перейти в раздел своих заказов или отдельного заказа и наблюдать статусы.

А куда пропал номер заказа?

Информация о номере заказа для клиента на главном экране не играет важную роль.

Лучше сделать акцент на статус заказа, стоимость и название аптеки. А номер заказа можно посмотреть в самой карточке заказа когда он потребуется.

Фича: кнопки быстрого доступа

Карточки старого раздела быстрого доступа очень большие и занимают много полезного пространства основного экрана, было принято решение сделать более лаконичный вид:
Отдельно хочу отметить, что на случай если пользователь захочет добавить на главный экран какие-то дополнительные функции быстрого доступа - появилась кнопка Добавить действие.

Результат

Теперь статусы заказов и основные функции приложения не перемешаны в одном блоке, а четко разделены на два отдельных блока.
  • Упрощён вход в ключевые пользовательские сценарии (поиск и покупка).
  • Снижена когнитивная нагрузка на первом экране.
  • Усилена визуальная иерархия
  • Создана масштабируемая продуктовая поверхность для персонализации и монетизации.
По результатам экспериментов улучшилась конверсия в поиск и покупку, выросло взаимодействие с персонализированными блоками и рекламными поверхностями.