Важные соображения для начинающих UX-дизайнеров Fintech

Опубликовано: 2022-07-22

Финтех процветает. Мировой рынок криптовалют достиг почти 1,8 трлн долларов в 2021 году и, по прогнозам, превысит 32 трлн долларов к 2027 году. Необанкинг также находится на подъеме: в 2020 году доля банковских клиентов, использующих необанк или онлайн-банк, составила 23 процента во всем мире.

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

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

Финансы 101: Начать

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

Если вы не знаете, с чего начать по этим темам, Investopedia — это всеобъемлющий информационный центр информации о личных финансах, криптовалюте и многом другом. Кроме того, у многих финансовых изданий есть бесплатные информационные бюллетени. The Wall Street Journal, The Economist, Financial Times, Barron's, Bloomberg, MarketWatch, CNBC и Axios популярны в англоязычном мире.

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

Инвестирование

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

Учить больше:

  • Книга: Инвестирование 101
  • Курсы: серия бесплатных курсов Академии Хана «Финансы и рынки капитала»
  • Практическое занятие: симулятор фондового рынка от Investopedia и симулятор акций от WallStreetSurvivor

Зеленый прямоугольник, показывающий три снимка экрана приложения для инвестирования Robinhood на смартфоне. Первый показывает производительность Chroma Solar, следующий показывает список акций и цен, а третий показывает экран покупки акций POWA.
Мобильное брокерское приложение Robinhood удобно и просто в использовании, что делает инвестирование доступным для новичков. (Кредит: Робингуд)

Форекс

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

Учить больше:

  • Книга: Торговля валютой для чайников
  • Курсы: Академия Форекс
  • Практическое занятие: откройте демо-счет в FxPro

Криптовалюта

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

Учить больше:

  • Книга: Эпоха криптовалюты
  • Читайте онлайн: технические описания биткойнов и эфириума (сначала прочтите биткойн), руководство по дизайну биткойнов
  • Практическое руководство: руководство по криптовалюте Axios для начинающих (требуются вложения)

Необанки

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

Учить больше:

  • Книга: Новое изобретение банковского дела и финансов
  • Читайте онлайн: эти статьи NerdWallet и Forbes, эта статья Investopedia о розничном банковском обслуживании, серия UX of Banking агентства Built for Mars.

Два скриншота смартфона из приложения Monzo. Тот, что слева, показывает инструмент распределения бюджета, а тот, что справа, показывает панель управления бюджетом.
Monzo, британский необанк, является примером характерной простоты использования, которой известны необанки. (Кредит: Монзо)

Трансграничные и межбанковские платежи

Перевод средств между банками, особенно на международном уровне, представляет собой сложный процесс, который зависит от системы межбанковских переводов для направления средств через банки-посредники для обработки. Для международных платежей существует дополнительный уровень обмена валюты. Наиболее известной такой системой является глобальная система SWIFT, но есть и другие, включая SEPA еврозоны. Национальные межбанковские платежные системы включают ACH в США, Faster Payments в Великобритании и FAST в Сингапуре.

Учить больше:

  • Книга: Банковское дело 4.0: везде, но не в банке
  • Читать онлайн: обзор международных платежей Банка Англии, глава о международных платежах из серии «Build for Mars» Banking UX

Финансовые правила

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

Узнать больше: В каждой стране свои законы и правила. Правительственные веб-сайты являются наиболее авторитетными, но не всегда самыми удобными для пользователей. Если вам нужна помощь в поиске авторитетного ресурса, обратитесь в местную библиотеку.

Потребности проекта Fintech UX/UI

Несмотря на то, что каждый проект уникален, UX-дизайнеры fintech сталкиваются с некоторыми общими проблемами.

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

Онбординг

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

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

Три скриншота со смартфона, демонстрирующие часть процесса адаптации для Monzo. На первом показан вводный экран, на втором представлены инструкции по сканированию паспорта, а на третьем представлен процесс создания видеоселфи.
По закону пользователи Monzo должны заполнить обширную форму «знай своего клиента», чтобы создать учетную запись. Обеспечение гладкости и бесперебойности этого потока имеет решающее значение для сведения к минимуму потери клиентов. (Кредит: Монзо)

Если пользователю необходимо заполнить длинную анкету, я ограничу ее числом до пяти вопросов на экране, чтобы убедиться, что с ним легко справиться. Я также стараюсь свести к минимуму количество необходимого набора текста, предоставляя раскрывающиеся списки для стандартных ответов. Однако по юридическим причинам крайне важно не подталкивать пользователей к выбору ответов, которые не соответствуют действительности или «достаточно близки». Например, если от пользователей требуется поделиться своим доходом, вы получите более точные результаты, если попросите их ввести точное число, а не выбирать из списка диапазонов.

Тщательно протестируйте эти потоки, чтобы оптимизировать их. Если во время онбординга что-то пойдет не так, пользователь, скорее всего, разочаруется или потеряет доверие к продукту и уйдет в другое место.

Депозиты и переводы

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

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

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

Торговые приказы

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

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

Общий внешний вид

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

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

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

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

Готов начать?

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

После того, как вы решили сделать карьеру в области финтех-дизайна, я рекомендую открыть один или два реальных счета и совершить несколько собственных сделок. Это поставит вас на место вашего пользователя лучше, чем что-либо другое. (Конечно, делайте это только в том случае, если вы можете себе это позволить, и убедитесь, что вы понимаете риски и налоговые последствия, прежде чем начать.)

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

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