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

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

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

- мобильного приложения «Пятёрочки»;

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

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

- мобильного приложения «ВкусВилла»;

- мобильного приложения «Магнита».

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

Итак, начнем с Альфа-Банка — одного из крупнейших частных банков России, филиалы которого расположились почти по всей территории нашей страны. Он обслуживает более 26 млн частных клиентов и более 1,5 млн корпоративных. Тяжело представить организацию такого масштаба без качественного мобильного приложения. Давайте заглянем внутрь!

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

На главном экране сразу видим блок «Финансы», где указаны текущие счета и баланс на них.

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

Первая страница вообще перегружена неинформативными блоками и рекламными предложениями. Сейчас на главном экране три раздела с кешбэком:

• «Деньги вам и друзьям» — кешбэк за рекомендации.
• «Кешбэк и привилегии» — основной раздел кешбэка.
• «Моя выгода» — сводная информация по процентам от вкладов и кешбэку.

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

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

У Сбера, например, это реализовано гораздо лучше ― есть соответствующая иконка:

Это позволяет пользователю быстро сориентироваться в приложении, когда нужно оплатить покупку по QR. Хорошо хоть, эта функция хотя бы присутствует на главном экране приложения Альфа-Банка, чего не скажешь о Тинькофф.

Большой плюс в том, что внизу есть кнопка «Настройка главного экрана», можно убрать все лишнее.

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

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

Выводы

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

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

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

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

Оплата по QR-коду — важная функция, как мы считаем, поэтому следует создать специальную иконку и поместить на заметное место.

Сбер — крупнейший универсальный банк России и Восточной Европы. Количество частных клиентов — более 106 млн, корпоративных — более 3 млн. Основные направления деятельности:

• вклады и кредиты;
• ипотека;
• дебетовые и кредитные карты;
• инвестиционно-банковские услуги.

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

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

В самом верху иконка профиля, строка поиска и уведомления. Ниже — блок приветствия. Далее — быстрые кнопки.

Иконка QR-кода находится на самом видном месте, можно зайти в приложение и сразу отсканировать код. Отдельная вкладка посвящена экосистеме Сбера — легко посмотреть текущие акции в дочерних проектах банка.

Есть функция, благодаря которой можно выбрать самые частые платежи и переводы и добавить на главный экран. Только вот нельзя их выбрать самостоятельно, а добавить можно только те, которые выдает вам само приложение. К тому же выбор ограничен всего 7 рандомно сгенерированными контактами, а платежей вовсе нет. Гораздо удобнее было бы иметь возможность устанавливать выбор вручную или сделать, как у Альфа-Банка: приложение также автоматически выдает список контактов, исходя из самых частых переводов, но при этом двумя кликами на экран вы можете отправить перевод любому контакту в том же разделе. У Тинькофф-банка на главном экране такая функция вовсе отсутствует.

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

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

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

В целом ничего лишнего — визуально приятный интерфейс, спокойные цвета, соответствующие айдентике бренда. Дизайн приложения при этом можно персонализировать: выбрать цвет, режим экрана (светлый, темный или системный), убрать лишние элементы и функции. Тинькофф не позволяет сделать так.

Выводы

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

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

В первую очередь мы бы убрали диалоги с главного экрана. Все-таки банк — не мессенджер, и это скорее дополнительная функция, а не основная. Да и насколько вообще она популярна? У Тинькофф-банка и Альфа-Банка чаты вынесены на отдельную страницу, что гораздо удобнее, на наш взгляд.

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

Также рекомендуем оформить промоблок слайдером, как уже оформлены финансы.

Кстати, отдельный плюс Сбера в том, что можно подключить SberPay прямо в приложении, не надо скачивать еще одно, как у Тинькофф.

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

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

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

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

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

В самом низу инфоблок и кнопка просмотра всех продуктов.

Мы не нашли оплату по QR-коду. Как оказалось, ее вообще нет на главном экране. Разработчикам стоит обратить внимание, как это выполнено у Сбера.

Выводы

Лаконичный главный экран, приятный интерфейс, не хватает некоторых функций.

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

Первое, что мы бы добавили на главную, это, конечно, иконку оплаты по QR-коду.

Тинькофф Инвестиции мы бы вынесли как минимум в отдельный промоблок, который оформили бы тем же слайдером. А еще лучше встроить эту услугу внутрь основного банковского приложения. Иначе выходит, что Тинькофф не один такой, а как минимум квартет: Тинькофф-банк, Тинькофф Инвестиции, Tinkoff Pay, Тинькофф Мобайл. (Примечание: один из слоганов рекламных кампаний Тинькофф — «Он такой один»).

Общие моменты, на которые стоит обратить внимание разработчикам приложений мобильных банков:

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

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

А какое приложение из тех, что мы рассмотрели, кажется вам более удобным? Что бы вы улучшили? Как оцениваете наши доработки? Пишите в комментариях, нам важен ваш пользовательский опыт!