Освоение Fintech UX — пример дизайна

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

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

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

1. Устраните высокий процент отсева, который возник до того, как пользователи начали вкладывать средства.
2. Изучите способы улучшения процесса регистрации инвестиций (подробнее об этом позже).
3. Сделайте приложение более привлекательным: Fisdom предназначен для всех, кто интересуется инвестициями, а не только для коммерческого использования.

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

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

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

Тем не менее, из-за множества альтернатив инициатива сделать приложение интересным и увлекательным должна была приниматься во внимание на протяжении всего процесса. Это усилило наше внимание к укреплению доверия за счет визуальной привлекательности и простоты использования.

Покажи им деньги

Инвестиционный процесс в Индии требует, чтобы инвесторы заполняли одноразовую форму « Know Y our Customer » (KYC). Форма состоит из пяти страниц и требует много информации.

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

Поэтому мы перенесли требование регистрации KYC в конец процесса.

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

Мы даже пошли еще дальше и дали пользователям три дня на прохождение KYC после принятия инвестиционного решения. Их деньги, хранящиеся на условном депонировании, будут возвращены, если форма не будет отправлена.

Дизайн для ввода данных

Это по-прежнему оставалось серьезной проблемой: на самом деле заполнение KYC — нелепый процесс. Это пять страниц с большим количеством личной информации, которую нужно набрать на телефоне!

На этапе исследования мы обнаружили, что существует несколько одобренных правительством API, которые сканируют и предоставляют важную личную информацию. Большая часть этих данных отлично работала для KYC, поэтому пользователи могли сэкономить значительное время, либо отсканировав свою карточку с постоянным номером налогового счета (PAN), либо введя PAN вручную (все граждане Индии имеют PAN).

Это сократило время ввода необходимых данных в KYC вдвое… как минимум! Пользователи, которые уже завершили KYC, автоматически были завершены на 95%, и им нужно было только подтвердить свою информацию и предоставить цифровую подпись.

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

Финтех-приложения не должны быть скучными

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

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

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

«Инвестиции» в визуальные эффекты

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

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

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

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

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

Уважайте уровень знаний вашего пользователя

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

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

Пустые состояния, язык, сообщения

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

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

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

Заключительные мысли

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

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

С Fisdom и несколькими другими приложениями, такими как Wealthy и Sqrrl, финтех-приложения в Индии улучшаются благодаря подходу к дизайну, ориентированному на пользователя. Большинству по-прежнему не хватает четкого дизайна интерфейса и улучшенного взаимодействия с пользователем, которые стали обычным явлением в других типах приложений, но изменения уже начались, и все больше приложений и сервисов создают более четко определенные и интеллектуальные возможности, отвечающие потребностям пользователей.

На индийском рынке такое изменение дизайна было рискованным; Fisdom был одним из первых стилизованных инструментов для личных финансов, а другие компании только недавно начали сосредотачиваться на UX. Эти риски окупились; приложение Fisdom теперь имеет сотни тысяч установок (по сравнению с 1-5 тысячами до редизайна) и рейтинг 4,2 звезды в магазине Google Play.

• • •

Дальнейшее чтение в блоге Toptal Design:

• Лучшие практики дизайна пользовательского интерфейса и распространенные ошибки
• Пустые состояния — самый недооцененный аспект UX
• Простота — это ключ — изучение минимального веб-дизайна
• Эвристические принципы для мобильных интерфейсов
• Дизайн для удобочитаемости — руководство по веб-типографике