Liana Grigorian
8 596
Блоги

Неудобные и устаревшие: обзор мобильных приложений четырёх крупнейших банков США

Арт-директор и основатель студии Designstudio.AG Артём Городецкий и команда AIC разобрали интерфейсы приложений с точки зрения UX.

Поделиться

В избранное

В избранном

Bank of America

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

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

На каждой странице приложения — футер с юридической информацией. Если нажать на ссылку, появится сообщение: «Вы переходите на другой сайт. Мы хотим, чтобы вы знали: владелец сайта несёт ответственность за его содержание. Его политика конфиденциальности может отличаться от нашей, поэтому, пожалуйста, ознакомьтесь с ней». И два варианта ответа: «Да» и «Нет».

Возникает два вопроса:

  • Зачем сообщать о том, что напрямую не касается пользователя? Если это что-то серьезное, необходимо рассказать о последствиях.
  • В сообщении нет вопроса, но есть варианты ответа. С чем я соглашаюсь? От чего отказываюсь? Что произойдёт дальше?

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

После этого планируем встречу с сотрудником банка. Нас снова перекидывает на сайт банка. На этот раз всё работает — мы назначили встречу. Огорчает кнопка подтверждения внизу экрана: она слишком узкая.

Chase

Приложение второго по капитализации банка США выглядит аккуратнее и лаконичнее.

На стартовом экране баланс кредитной карты. Баланс здесь — это отсутствие или наличие задолженности, а не доступные средства. Количество доступных средств указано ниже.

На первом экране всё выглядит более-менее прилично, но как только мы пройдём вглубь приложения, мы снова встретим полотна мелкого юридического текста.

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

Функциональность весьма ограничена. Всё, что предлагает приложение:

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

В боковом меню не сильно больше вариантов:

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

Перевести деньги родным или пополнить баланс сотового нельзя.

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

Citibank

Тёмно-синий стартовый экрана Citibank выглядит аккуратно. Но функциональность страдает: на главном экране видим лишь карту и её номер.

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

Есть и откровенные недоработки. Когда планируете путешествие, банк предлагает выбрать карту, которую вы хотите защитить от блокировки во время путешествия. Но в списке лишь одна карта, нужно выбрать именно её, иначе дальше не пройти. Единственное, что можно сделать после подтверждения дат — посмотреть список всех путешествий.

На случай потери или кражи карты в банковских приложениях есть функция «Заблокировать карту». Пробуем сделать это в приложение Citibank.

Видим сообщение: «Если вы заметили что-то подозрительное, позвоните в онлайн-банк или зайдите в личный кабинет с ноутбука и сообщите, что карта утеряна или украдена». Вместо того, чтобы дать клиенту возможность быстро заблокировать карту и заказать новую, банк предлагает искать телефон горячей линии и объяснять ситуацию менеджеру.

В верхнем правом углу замечаем «Продолжить», которое ведёт в следующий раздел. Там можно запросить новую карту. Но есть два непонятных момента:

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

TD Bank

Главная страница приложения TD Bank:

  • Кнопки в верхней части экрана дублируют список опций в нижней.
  • Главный элемент страницы — кнопка «Apply Now» выполнена в лучших традициях 2004 года. Она меньше остальных объектов: её буквально раздавило двумя блоками.

Мы не смогли оценить работу приложения TD Bank, так как оно не работает в России. После перехода в любой раздел появляется сообщение: «Мы работаем над этим». По словам Артёма Городецкого, так происходит все шесть лет, что он обслуживается в банке.

Почему так происходит

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

В 2018 году банки США по-прежнему играют роль «надежного хранилища денег» и как будто не думают о юзабельности их мобильных продуктов для клиента. Дизайнер Майкл Джанда называет три проблемы, из-за которых это происходит.

Приложения написаны на старом коде

Первый банк в США появился в 1781 году. Первый онлайн-банкинг — в 1980-х годах. А к 2000 году уже около 80% банков США предлагали эту услугу. Например, у Bank of America в 2001 году было 3 млн онлайн-пользователей.

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

Банки чересчур зарегулированы государством

Любое изменение проходит несколько этапов согласований. У Bank of America 36 млн пользователей интернет-банкинга и 25 млн активных пользователей мобильного приложения. При таком объёме пользователей выпускать новые обновления нужно аккуратно и регулярно.

Банки перенимают негативный опыт друг у друга

Новый дизайн начинается с исследования. Обычно оно включает в себя анализ конкурентов и других компаний на рынке со схожими проблемами. И нередко банки копируют друг у друга неудачные решения.

Но Майкл Джанда считает, что не всё потеряно.

Всё меняется постепенно. Я обслуживаюсь в Wells Fargo уже более 20 лет. В прошлом году они выпустили новую версию мобильного приложения с кардинальными улучшениями и доработками в UX. Перемены происходят, но не так быстро, как хотелось.

Подписывайтесь на социальные сети AIC: «Вконтакте», Facebook, Telegram.

#дизайн

{ "author_name": "Liana Grigorian", "author_type": "self", "tags": ["\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 56, "likes": 42, "favorites": 26, "is_advertisement": false, "section_name": "blog", "id": "42722", "is_wide": "" }
{ "is_needs_advanced_access": false }

Комментарии Комм.

Популярные

По порядку

0

Прямой эфир

Подписаться на push-уведомления
[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]