Субъективный взгляд на UX Эсхата Онлайн

Субъективный взгляд на UX Эсхата Онлайн

Muhammad Abdugafarov
Текущий дизайн приложения

Уже давно хотел написать об отдельных ошибках UI/UX в приложении «Эсхата Онлайн». После последнего обновления не смог сдержаться и опубликовал злобный пост-критику. Теперь в этом лонгриде хочу развернуто изложить свои замечания.

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


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

Картинка 1. Главный экран до обновления
Картинка 2. Главный экран после обновления
Главный экран приложения Сбербанк

В обновлении 3.23.2.237 для Android появились изменения в главном экране (см. картинку 1 — до, картинку 2 — после). Месяц назад Сбербанк выпустил похожий редизайн, и там всё выглядит удобнее и эстетичнее. Вне зависимости от того, кто у кого позаимствовал идею, важно, что в Сбербанке это реализовано лучше.

Ошибки:

  1. Насыщенный градиент. Слишком много ярко-синего в верхней части. Градиент далёк от фирменного цвета, а не у всех пользователей есть разноцветные карты.
  2. Смена главной кнопки. Раньше это была «Платежи», теперь — «Все продукты». Разве просмотр продуктов важнее быстрых платежей?
  3. Кнопка «Платежи» внизу. Это один из самых часто используемых разделов — она должна быть доступна в один клик.
  4. Постоянный баннер Visa. Предложение бесплатной карты появляется даже у тех, у кого уже есть все типы Visa. Его можно скрыть, но при каждом запуске оно возвращается и раздражает.
  5. Ограниченные темы. Доступны только «Эсхата» и «Чёрная» — чёрная тема никак не сочетается с остальным интерфейсом.

Решения:

  1. Смягчить цветовую палитру главного экрана: сделать фон более нейтральным и менее насыщенным.
  2. Вернуть «Платежи» на видное место и сделать кнопку более заметной.
  3. Скрывать баннер Visa для пользователей, у которых уже есть все карты, или предлагать персонализированные акции (достаточно простой логики if‑else).
  4. Расширить набор тем: добавить несколько цветовых схем, применяющихся ко всем экранам.

2. Авиабилеты

Главный экран сервиса Авиабилеты

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

  • Горячие предложения
  • Популярные направления
  • Выбор дат сразу на главном экране

Смотрите, как устроен главный экран у Aviasales — там всё под рукой.

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



3. Афиша

Главный экран сервиса Афиша

Сейчас это просто каталог событий, а не сервис, который решает задачу пользователя: «Куда сходить в свободное время».

Потребности пользователя:

  • Быстрый поиск по городу и дате
  • Фильтрация по жанру и цене
  • Сортировка по популярности и времени

Добавьте фильтры, рекомендуемые события «для вас» и возможность перейти к интересным мероприятиям в пару кликов.


Общие рекомендации

  1. Deep links на все экраны. Это позволит пользователям делиться ссылками и моментально открывать нужные разделы — особенно полезно для «Авиабилетов» и «Афиши».
  2. Методология JTBD (Jobs To Be Done). Работайте не от «что мы хотим предложить», а от «какую задачу решает пользователь».

Заключение

Хороший продукт рождается на стыке бизнеса и разработки. Бизнес знает потребности пользователей, разработка — как их реализовать. Только вместе вы создадите удобное и полезное приложение.

За дополнительной консультацией можете обращаться мне в телеграм.

Спасибо за внимание — верю, что следующие обновления будут ещё лучше!

Report Page