Улучшаем мобильные приложения Альфа-Банка, Сбера и Тинькофф-банка: часть 2

Всем привет! Мы — компания Polygant, команда разработчиков мобильных и веб-приложений. И мы продолжаем серию статей по улучшению мобильных приложений Альфа-Банка, Сбера и Тинькофф-банка. В прошлый раз мы анализировали их главные экраны, а еще раньше:

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

<p><i>Экран «Платежи» в мобильных приложениях Альфа-Банка, Сбера и Тинькофф-банка</i></p>

Экран «Платежи» в мобильных приложениях Альфа-Банка, Сбера и Тинькофф-банка

Альфа-Банк

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

<p><i>Экран «Платежи» в приложении Альфа-Банка</i></p>

Экран «Платежи» в приложении Альфа-Банка

Первым делом обратили внимание на верхнюю плашку. Там расположились следующие функции:

  1. Поиск. Возможность поиска по приложению всегда удобна.
  2. Поддержка. Как оказалось, красный кружок с ореолом справа от поиска — это поддержка. Сложно сразу понять по иконке, что это за функция, пришлось тапнуть, чтобы выяснить.
  3. QR-код. Здорово, что поместили наверх. Иконка сразу подсказывает назначение функции, а черный цвет ее оформления удачно выделяется на светло-сером фоне.

Далее видим «Шаблоны и автоплатежи»: здесь можно добавить наиболее частые операции, настроить автоплатеж. Стоит отметить, что создать шаблон легко: достаточно нажать на кнопку «Новый шаблон». Однако есть один нюанс: выбор будет касаться только тех платежей и переводов, которые отображены в истории. Для выбора собственных настроек следует перейти в «Шаблоны и автоплатежи», нажать на «+» и создать необходимый шаблон.

Ниже расположены «Счета на оплату». Здесь дублируется информация, которая есть и в платежах. Видимо, разработчики задумывали вывести в быстрый доступ основные платежи (коммунальные услуги, штрафы и налоги, образование). Но почему в таком случае нет возможности редактировать эту категорию самостоятельно? В пункте «Коммунальные услуги» только наименования управляющих компаний без разделения на сферы (в отличие от Сбера, где есть отдельно и «Электроэнергия», и «Интернет», и «Охрана»).

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

Наконец, раздел «Платежи», оформленный списком с иконками. Здесь много вариантов потратить деньги на разные нужды — от мобильной связи до валютной торговли. В самом конце есть пункт «Запрос денег», но он почему-то не работает. Список услуг довольно внушительный, при этом разбивки на подкатегории нет, из-за чего тяжело сориентироваться и найти нужную функцию. Сбер, например, в категории «Государство» объединил подкатегории ― государственные услуги и пошлины, а в категории «Дом» — все, что касается жилища: электроэнергию, газ, воду, отопление, связь, охрану.

<p><i>Категоризация платежей в приложении Сбера</i></p>

Категоризация платежей в приложении Сбера

Выводы

Много полезной информации и различных функций. В целом приятный интерфейс, но из-за отсутствия категоризации выглядит слегка перегруженным.

Улучшаем мобильное приложение

У Альфа-Банка уже есть удачное решение — переводы в виде иконок, оформленные слайдером. Почему бы не применить это к «Платежам», предварительно объединив их в категории. Это помогло бы сократить длинный список услуг, сделало бы экран более дружелюбным к пользователям.

«Счета на оплату» мы бы просто убрали. Дублировать информацию нет смысла, тем более, что пользователь при необходимости может вынести быстрые платежи наверх.

Сбер

На главном экране мобильного приложения Сбера мы оценили приятный, логично проработанный интерфейс. Он показался нам более продуманным, чем у Альфа-Банка. Перейдем к «Платежам» от разработчиков Сбера.

<p><i>Экран «Платежи» в приложении Сбера</i></p>

Экран «Платежи» в приложении Сбера

Как и в Альфа-Банке, наверху экрана расположили строку поиска, за ней — переводы по СБП и оплату по QR-коду.

Далее слайдер с частыми переводами и платежами. Тут, кстати, есть функция «Перевести голосом».

Основная секция экрана содержит три категории: «Перевести», «Оплатить», «Сервисы».

В разделе переводов видим иконки «Переводы между своими счетами», «В другую страну» и контакты, которым часто переводите средства. В плане переводов Сбер уступает Тинькофф-банку. Дело в том, что у Сбера есть две категории переводов «В другой банк» и «Перевод по СБП»: за перевод первым способом взимается комиссия, за перевод вторым — нет. Таким образом банк пытается лишний раз заработать на невнимательности клиентов, нарушая прозрачность. У Тинькофф-банка все переводы в другие банки автоматически проходят через СБП, то есть без комиссии (при условии, что СБП подключен и у отправителя, и у получателя денег).

<p><i>Функции «Перевод в другой банк» и «Перевод по СБП» в приложении Сбера</i></p>

Функции «Перевод в другой банк» и «Перевод по СБП» в приложении Сбера

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

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

В отличие от Альфа-Банка и Тинькофф-банка, в Сбере мы не увидели возможности создавать шаблоны для быстрых операций.

Выводы

В целом на экране использовано удачное решение для устранения визуального шума, но опять-таки есть, что доработать.

Улучшаем мобильное приложение

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

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

Тинькофф

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

<p>Экран «Платежи» в приложении Тинькофф-банка</p>

Экран «Платежи» в приложении Тинькофф-банка

Здесь вверху тоже видим строку поиска и QR-код. Далее идет «Избранное» — раздел, который можно полностью персонализировать.

Ниже — «Перевод по телефону» с еще одной строкой поиска, при нажатии на которую открываются ваши контакты, и иконками тех, кому вы отправляете переводы чаще всего.

Затем располагается слайдер «Переводы»: из другого банка, по номеру карты, между счетами, по реквизитам, по номеру договора, SWIFT-переводы. И еще один слайдер — «Платежи»: мобильная связь, ЖКХ, госуслуги, погашение кредитов, интернет, ТВ и телефония, транспорт, образование, электронные кошельки и т. д. Плюс в том, что платежи можно просмотреть как слайдером, так и раскрывающимся списком. Сам список длинный, потому что в нем нет обобщающей категоризации. Дизайн иконок нам показался не очень удачным.

В самом низу — «Действия»: снять наличные, запросить деньги. Кстати, мы проверили: у Тинькофф-банка действительно работает функция «Запросить деньги». А у Альфа-Банка она заявлена, но по факту не работает.

<p><i>Функция «Запросить деньги» от приложения Тинькофф-банка</i></p>

Функция «Запросить деньги» от приложения Тинькофф-банка

Выводы

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

Улучшаем мобильное приложение

Мы бы заменили иконки. Нам кажется, что из-за текущего дизайна информация с них считывается недостаточно эффективно.

Как и в случае с Альфа-Банком, мы бы предложили разработчикам обратить внимание на категоризацию, примененную Сбером.

Общие рекомендации от нашей команды

  1. Разделяйте и категоризируйте. Информации, которую необходимо разместить в приложении, много, а место на экране ограничено, так что не пренебрегайте структурированием.
  2. Слайдеры. Удобно, но предварительно структурируйте информацию.
  3. Заявленные функции. Если они предусмотрены, то должны работать корректно. Если не работают, то лучше их убрать.
  4. Иконки. Это эффективное решение с точки зрения восприятия информации, но их дизайн нужно четко прорабатывать.

А как бы вы оценили экраны платежей в Альфа-Банке, Сбере и Тинькофф-банке? Что вам нравится, а что нет? Мы считаем, что фидбек пользователей очень важен для развития сервисов и приложений, поэтому с нетерпением ждем ваших комментариев.

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

7777
13 комментариев

Приветствуем!

Спасибо за анализ и советы, возьмём на заметку 👌

Отметим лишь некоторые моменты.

Счета на оплату не дублируют платежи. В этом разделе можно просмотреть и оплатить выставленные счета за услуги, штрафы, долг по налогам, если оформить подписку в приложении. Мы сами уведомим о задолженности, а оплачивать или нет, решите вы. Подписку можно всегда удалить, если неактуально.

Что касается Запроса денег — функция работает, если разрешён доступ к контактам, получатель также наш клиент и у вас актуальная версия приложения. Можно запросить у знакомого деньги, например, за счёт в ресторане. Ему придёт уведомление с вашим комментарием, а вы сможете отследить статус запроса в разделе Исходящие запросы 🙂

3
Ответить

Добрый день! Обратите внимание, что у Тинькофф-Банка данная функция работает с любой версией приложения и даже без него, так как ссылка на оплату приходит в СМС.
У вас же получается, что необходимо дать доступ к контактам, а еще предварительно скачать актуальную версию приложения. При этом выходит, что функция доступна только пользователям Android, так как клиентам с IOS в текущей ситуации приходится использовать только веб- банкинг.

1
Ответить

Прикольно, если разрабы приложений реально что-то поменяют. Про категоризацию прям жирный плюс

2
Ответить

Важная информация!

2
Ответить

@Альфа-Банк @Сбер @Тинькофф что скажете по поводу таких улучшений?

1
Ответить

Здравствуйте. Спасибо за идеи. Рассмотрим.

1
Ответить

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

1
Ответить