Дизайн-концепт мобильного банкинга за 72 часа
В прошлом году «Альфа-банк Украина» в рамках конкурса на редизайн мобильного приложения собрал много концептов, среди которых был и наш.
Акцент в описании конкурса делался на UX, поэтому задача показалась интересной. Правда, до окончания приёма заявок оставалось всего пять дней.
Времени на полноценные исследования не было, и мы выбрали простой путь: анализ существующих маркетинговых активностей, получение консультаций по продуктам в колл-центре, интервью с несколькими клиентами банка и коридорные тестирования прототипа. И несмотря на то, что в конкурсе мы не победили, решили оформить весь процесс в большой кейс.
Наш вариант мобильного банкинга
По условиям конкурса было необходимо спроектировать интерфейсные решения для двух конкретных сценариев использования (use case) и разработать концепт главной страницы.
Первый сценарий: заказ кредитной карты
Результат
Подробно о процессе работы над use case — проблемы, инсайты, персонажи, сценарии взаимодействия и описание интерфейсных решений — оформили в большой лонгрид.
Второй сценарий: открытие депозита
Результат
Подробно об этом use case — в отдельном лонгриде.
Дизайн-концепт главного экрана
Конкретных use case для главного экрана в задании не было, поэтому мы обратились к исследованиям компании Usabilitylab и выяснили, что приложение мобильного банка должно соответствовать трём ожиданиям:
- Обеспечивать быстрый доступ к просмотру остатков на счетах.
- Отслеживать траты и списания.
- Выполнять базовые банковские задачи.
Разместив их все на одном экране, мы обеспечили простой и быстрый доступ к самым важным функциям.
В ходе проектирования главного экрана мы сформировали несколько гипотез, требующих валидации.
- Объединить выписки по всем картам в единую ленту «События» на главном экране. Это не исключает возможность просмотра отдельной выписки для каждого конкретного счёта, но в целом облегчает контроль движения средств.
- Вывод вместе с выпиской в ленте «События» ситуативных уведомлений, например, о необходимости оплатить коммуналку или предложение открыть депозит. К такому решению мы пришли самостоятельно, но немного позже нашли аналогичное в другом банковском приложении — monobank. К слову, очень успешном.
72 часа на всё
Имея всего пять дней до завершения конкурса, мы потратили на экспресс-исследование и разработку прототипа 72 часа суммарно.
Безусловно, мы сильно упростили привычные процессы проектирования и пренебрегли двумя важными этапами: исследования и полноценное тестирование. Также наше решение покрывает всего несколько сценариев использования и не пригодно для коммерческого запуска.
Однако эта работа отлично иллюстрирует то, что имея даже ограниченные ресурсы и время, можно с помощью простой методологии создать куда более удобный интерфейс, чем те, с которыми ежедневно приходится взаимодействовать тысячам клиентов некоторых банков.
По ссылке — большой кейс решения этой задачи.
Как вам концепт?
Я как пользователь, не совсем согласен с тем что все остатки по счетам и мои последние транзакции отображаются так крупно на главном экране)
Например ситуация, часто в компании друзей или при посторонних, необходимо произвести действие – "перевести $ другу за булочку" или перевести деньги с одного счета на другой. В этот момент я не хочу что бы на весь экран показывался мой баланс и баланс по всем картам + последние действия.
Это, безусловно, удобно, но для меня не секьюрно, я готов немного пострадать ради этого. Поэтому у альфы есть опция "скрыть остаток".
Вы всегда демонстрируете свой экран окружающим?
Если вам юзер говорит конкретную проблему, может стоить прислушаться, а не защищать свой дизайн и язвить, потому что вы художник и так видите?
А вы знаете, что иногда окружающие могут стоять/сидеть так близко, что им будет виден экран даже если ты этого не хочешь, например в метро или баре. Не закрывать же телефон ладонью от всех и вся, тем более что со стороны будешь похож на параноика.
Так а проблема то в чем? Переписка в мессенджерах тоже всегда видна на экране. И содержимое веб-сайта, который вы смотрите с телефона, и ваша лента в FB. Предлагаете все прятать?
Проблема в том, что баланс и транзакции отображаются крупно.
В Райффайзенбанки вообще нажимаешь на баланс и он скрывается звёздочками.
Отодвинь статью от глаз. Будет также как и сейчас в банковских приложухах
почему вы показываете интерфейс в перспективе боком!?? хотите чтобы все себе шею свернули ?
Вы на первых двух мокапах телефон рекламируете или кейс?
С точки зрения UX - странное решение по оформлению статьи)
телефон конечно!
ну такэ, в чем концептуальность? у всех плюс-минус такие дизайны сейчас
За концептуальностью – вам на дрибл :) У нас обычный, унылый, но простой и удобный интерфейс для серьезного продукта.
У нас всё сурьёзно!
Комментарий недоступен
да!
Говорят филиал Тинькова)
Комментарий удален модератором
Интерфейс любого мобильного банка можно сделать лучше одним простым действием: показывать в нём номера карт, чтоб не надо было их искать, когда хочется заплатить на амазоне.
Сразу – не секьюрно. А вот по тапу вполне можно открывать номер.
Я про сразу и не писал. Сейчас они ни сразу, ни когда-нибудь не показываются.
У сбера можно в приложении посмотреть реквизиты карты и даже cv2 код получить в смс.
Почему вы использовали метод персон, а не JTBD
Мы работаем с разными методологиями, в чем числе и Jobs-To-Be-Done. В данном случае у нас было мало времени на исследования и метод персон давал большую эмпатию.
Вы проделали крутую работу в мега сжатые сроки!
А какими сервисами пользовались для создания дизайна и прототипа?
UPD: уже увидел комментарии ниже. Сорри за повтор вопроса ответ на который вы уже дали
Расскажите лучше про технологическую составляющую: в чем сделано.
Андрей, это дизайн-концепт. Технической реализации тут нет. Или что вы имели ввиду?
В чем нарисовано
Прототипирование в Axure, визуалка в Sketch, анимации в Principle.
Какие инструменты использовали для прототипа?
Фреймворк для проектирования – UСD, прототипирование в Axure, визуалка в Sketch, анимации в Principle.
чет отступы поехали
Такое бывает на концептах. Спасибо!
У Альфа из Беларуси, посмотрите какое хотя бы должно быть банковское приложение. А не то что сейчас! :’-(
Посмотрели.
Ну чёт 2010 какой-то. Хотя всё лучше приложения альфы которое есть сейчас
Ох, вы еще не видели "современные" приложения остальных банков в Украине. Если у нас 2010 – там 90-е. Кстати, какое приложение мобильного банкинга для вас современное?
Рокет, сбер, тинькофф