Просто стильная картинка — это путь в никуда. UX/UI кейс Promodo и E-Pul

Команда UX/UI агентства Promodo сделала редизайн платёжной системы E-Pul из Азербайджана — и оценка приложения в Google Play за несколько месяцев выросла с 4,5 до 5. За счет чего удалось добиться таких результатов — рассказываем в кейсе.

Исходные данные

Проект E-Pul — это электронная платёжная система, которая работает в Азербайджане. У неё есть десктопная версия и мобильное приложение для iOS и Android. Перед командой Promodo стояла задача обновить и то, и другое. В ближайшее время компания планирует выйти на международный рынок, поэтому качественный UX/UI — мастхэв.

Система E-Pul на рынке с двухтысячных, за это время она успела укорениться и обрасти огромным количеством функций. Структура сайта уже не могла обеспечить удобство использования, а в приложении не хватало возможностей для кастомизации. Да, в нём были все основные функции по типу шаблонов, истории платежей и пополнения мобильного, но они не были под рукой. А если они далеко спрятаны — это равносильно, что для пользователя их нет.

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

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

Нам предстояло с нуля разработать иерархию функций и вывести на первый план самые необходимые.

Решение

Основные функции

На основе фидбэка от пользователей собрали список из шести самых популярных инструментов платёжной системы, которые добавили на главный экран приложения:

  • пополнение мобильного;
  • коммунальные платежи;
  • оплата интернета;
  • перевод на карту;
  • банковские услуги;
  • платёжные системы.

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

Главный экран

Ключевая особенность обновлённого интерфейса — возможность изменять главный экран, с которого начнётся сеанс в приложении. Пользователь может сам выбрать и закрепить самый необходимый ему раздел: Избранное, Сообщения, История, Шаблоны и т.д. Например, при входе в E-Pul он будет сразу попадать на страницу со своими шаблонами платежей. Можно оставить и классический вариант с быстрым доступом к основным шести функциям.

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

Навигация

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

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

Наша UX/UI-команда руководствовалась известным принципом: классное приложение — это когда пользователь справился со своей задачей и не заметил интерфейс. Интерфейс замечают, когда возникают неудобства.

Результат — за несколько месяцев после обновления приложения E-Pul его средняя оценка в Google Play выросла с 4,5 до 5 баллов.

Полный кейс можно увидеть в нашем порфолио в Behance.

5564
·
9
Головна