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

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

- мобильное приложение «МТС Банка»;

- мобильное приложение «МКБ»;

- мобильное приложение «Лукойла».

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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

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

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