Fintech UXの習得–設計のケーススタディ

公開: 2022-03-11

金融ツールは、使用するのに最もエキサイティングな製品ではありません。冷たく、退屈で、企業的であると感じる可能性があります。大量の機能とカスタマイズを備えた複雑なツールとして、ほとんどのツールは不十分なトレーニングと教育を提供し、ドキュメントを作成することすらできません。

規制上の義務により、金融アプリが特定の方法で動作することが要求されることがよくありますが、プロフェッショナルで使いやすい状態を維持しながら、ユーザーがエクスペリエンスを楽しく手間のかからないものにする機会があります。適切なコンテキストがあれば、金融アプリは、単調な現状モデルに従う代わりに、快適で興味深いユーザーエクスペリエンスを提供できます。

インドの証券取引所で教育を受けていない人々が簡単に投資できるように設計された投資アプリであるFisdomを使用すると、クライアントには3つの主要な目標があります。

ユーザーが投資を開始する前に発生した高いドロップアウト率を解決します。
投資登録プロセスを改善する方法を調査します（これについては後で詳しく説明します）。
アプリをより視覚的に魅力的なものにする—Fisdomは、商用利用だけでなく、投資に関心のあるすべての人を対象としています。

Fisdomは、ほとんどの投資アプリやサービスとは動作が異なります。通常、人々は株式、債券、またはその他の多くのものに基づいて投資します…まあ、何でも！彼らが会社を気に入っているからかもしれないし、うまくいくと思っているからかもしれないし、あるいは金融の専門家がそれを勧めたからかもしれない。

このアプリでは、プロセスが逆になっています。ユーザーは投資目標を設定します。これは、選択した期間に獲得したい金額です。そこから、アプリはさまざまなオプションを提案し（履歴データと機械学習を使用）、ユーザーは毎月のデポジットでその目標に向けて投資できます。

金融商品とサービスは、パーソナルファイナンスアプリの明確なプロセスに焦点を当てています — 更新されたプロセスには、市場のヒューリスティックに基づく組み込みの提案があり、ユーザーがより正確に目標を達成するのに役立ちます。

この投資方法は、個々の投資を選択する複雑さを取り除きます（ただし、ユーザーは好きなように投資できます）。そのため、アプリがあらゆる段階でユーザーとの信頼を築くことが重要になります。基本的な機能でさえ単純な誤解は、理論的にはユーザーに多額のお金を失う可能性があります。

しかし、選択肢が豊富なため、アプリを楽しく魅力的なものにするためのイニシアチブをプロセス全体で考慮する必要がありました。これにより、視覚的な魅力と使いやすさを通じて信頼を構築することに焦点が当てられました。

米国を拠点とするフルタイムのフリーランスUXデザイナーが望んでいた

彼らにお金を見せなさい

インドでの投資プロセスでは、投資家は1回限りのK now Y our C ustomer（KYC）フォームに記入する必要があります。フォームは5ページで、多くの情報が必要です。

当初、KYCはユーザーが投資を行うための前提条件でしたが、ユーザビリティテストでは、プロセス中にかなりのドロップアウト率が見つかりました。 KYCが面倒すぎることは明らかであり、フォームに記入するプロセスにはオーバーホールが必要でした。

そこで、KYC登録の要件をプロセスの最後に移動しました。

規制要件では、すべての投資家がKYCを完了する必要があると規定されていますが、ユーザーは最初にアプリとの信頼関係を構築するために時間を必要としました。その信頼を確立するために、プロセスを裏返しにしました。ユーザーがアプリを試して投資を決定できるようにし、投資の準備ができたらKYCフォームに記入します。このようにして、ユーザーはアプリとの信頼関係を築く機会が与えられました。

さらに一歩進んで、ユーザーが投資決定を行った後、KYCを完了するために3日間を与えました。フォームが提出されなかった場合、エスクローで安全な彼らのお金は返金されます。

パーソナルファイナンスアプリは、明確なユーザーフローを使用する必要があります — 再設計されたフローは、不要な出口点を最小限に抑え、面倒な手順を最後に移動することで、ユーザーにアクティビティを案内します。

データ入力の設計

これは依然として重大な課題を残しました。実際、KYCに記入することはばかげたプロセスです。たくさんの個人情報が5ページあり、すべて電話で入力する必要があります。

調査段階で、重要な個人情報をスキャンして提供する政府承認のAPIがいくつかあることがわかりました。このデータの多くはKYCで完全に機能したため、ユーザーは納税者番号（PAN）カードをスキャンするか、PANを手動で入力することで大幅な時間を節約できます（すべてのインド国民はPANを持っています）。

これにより、必要なデータをKYCに入力する時間が半分に短縮されました…少なくとも！すでにKYCを完了したユーザーは、自動的に95％完了し、情報を確認してデジタル署名を提供するだけで済みました。

金融アプリの設計のベストプラクティスには、複雑な機能の分解が含まれます — このアプリは、すべての重要な情報を一口サイズの明確なステップに収集するプロセスを分割し、システムをスムーズかつシンプルにします。

KYCを完了しなかったユーザーは、依然として重要な情報を提供する必要があったため、入力を簡単かつ迅速に行うことが重要でした。これには、数字のみの入力フィールドにテンキーキーボードを表示したり、カメラを使用してドキュメントやカードをスキャンできる場合など、簡単な使いやすさのトリックが含まれていました。

Fintechアプリは退屈である必要はありません

フィンテック分野の他のアプリの競争分析中に、それらのほとんどが当たり障りのないカラーパレットと魅力的でない経験を持っていることは明らかでした。

金融アプリのデザイントレンドはゆっくりと改善しています — 競合他社の分析-インドの視聴者を対象としたフィンテックセクターのアプリは洗練されておらず、若いユーザーベースが期待する魅力的なエクスペリエンスを提供していません。

何か新しいことを学ぶとき、情報に襲われることは圧倒される可能性があり、それはほとんどのユーザーが始める前に去ることになります。デザインのミニマリズムは、フラットなカラーパレットや非スキューモーフィズムのボタンではなく、情報の構造と、特定の機能を使用するために必要な認知的負荷に関するものです。

投資は十分に難しいので、プロセスと相互作用の両方で物事をシンプルに保つように意識的に努力しました。その後、ビジュアルデザインは、他のフィンテックツールとは大きく異なることがわかりました。

ビジュアルへの「投資」

これは、アプリケーションの明るく遊び心のあるコンセプトをサポートするために、明るい色合いのパレットを作成することによって実現しました。

フィンテックUXを強力な画像を備えたトップフィンテックアプリとして際立たせる — 強力な配色を選択することで、さまざまな投資戦略を視覚化するための画像の使用の基礎を築くことができました（イラストはFreepikの厚意により提供されています）。

鮮やかなグラフィックとイラストが体験を向上させます。これは、投資のような乾いた主題をよりエキサイティングにするために重要です。これは、コンテンツがオープンで理解しやすい必要があるだけでなく、使用を促進するために関与する必要があるため、投資アプリにとって特に困難です。

パーソナルファイナンスツールは、痛みがなくシンプルでなければなりません — オンボーディングウィザードは明確なメッセージを提供します：このアプリはあなたがあなたの財政目標を達成するのを助けるためのシンプルで楽しい投資アプリです。

最初から、遊び心のあるトーンを設定することが重要でした。カラフルなサインアップ画面は独特の個性を伝え、小さなトランジションアニメーションはエンゲージメントを高めるのに役立ちます。このレベルのカスタマーエクスペリエンスはクライアントにとって珍しいものでした。そのため、開発チームが設計戦略と設計の実装方法をよりよく理解できるように、詳細なアニメーションを仕様として開発チームに提供しました。

フィンテックアプリ — 目標と明確な財務目標との視覚的な関連付けを提供することにより、ユーザーは投資の期待される結果を理解して確認できます。

長期的な投資は困難であり、私たちのほとんどは、私たちが経済的にどこになりたいかを正確に知っています（「私は金持ちになりたい」を除いて）。プロセスを簡素化するために、すべての財務目標に視覚的な関連付けを追加しました。これにより、選択が理解しやすくなりました。

副次的な利点として、視覚化は、ユーザーがそれらのオプションについて学び、お金を投資するためのより多くの情報に基づいた意思決定を行う方法も提供します。

ユーザーの専門知識のレベルを尊重する

包括的な目標の1つは、経験に関係なく、あらゆるユーザーに賢明な投資決定を行うために必要なすべての情報を提供することでした。クライアントの懸念は、かなりの割合のユーザーがFisdomを使用して初めての投資を行うことでした。そのため、他のすべての人にとって「初心者」の経験をせずに、プロセスについて初めての人を教育することが重要でした。

ガイドと教育は、金融アプリの設計に不可欠です — ユーザーは、ライフスタイルや専門知識のレベルに基づいてコンテンツをフィルタリングできます。

投資プロセスのほぼすべてのステップで、ユーザーが表示またはスキップできるツールチップの形式で厳選されたコンテンツを提供しました。ナレッジベースは、さまざまなユーザーペルソナ（学生、既婚、退職者、主婦など）と専門知識のレベルを反映するように編成されました。このようにして、ユーザーは理解していないことをすべて読み上げ、他のすべてをスキップすることができます。

空白の状態、言語、メッセージ

投資は十分に困難であるため、ユーザーが入力を提供したり前進したりする必要がある時期と場所を示す明確なラベル付けに焦点を当てました。空白の状態（ゼロデータ画面）については、ユーザーが次のステップについて確信できるように、明確な召喚状ボタンを提供しました。

アプリのコンテキストツールチップを使用して、コンテンツは楽しくて直接的なものになるように作成されました。ユーザーが次のステップについて混乱したために行き詰まる可能性を回避しようとしました。これは、明確にするためだけでなく、アプリを気楽に保つためでもありません。具体的には、タスクを完了したり、戻ったり、機能の詳細を読んだりするために、ユーザーが常に前方へのパスを持っていることを確認することでした。

わかりやすくするために、パーソナルファイナンスアプリのツールチップが頻繁に提供されています — わかりやすいエラーメッセージ、強調表示された行動の呼びかけ、役立つヒントにより、邪魔になることなく複雑なプロセスが簡素化されます。

以下に示すように、残りのステップの進行状況、スキップするオプション（可能な場合）、およびリダイレクトを明確に示すことによって、マルチステッププロセスも明らかになりました。これにより、ユーザーへの信頼感が生まれます。途中のすべてのステップで、彼らは何が起こっているのか、彼らの現在の進歩、そして次のことを見ることができます。

銀行のUXトレンドに続いて、フィンテックアプリは改善されています — アプリのユーザーフローは、ユーザーが実行するための絶え間ないフィードバックと明確なアクションを使用して設計されており、アプリへの信頼を生み出すためにユーザーをガイドします。

まとめ

金融アプリは、規制および法的要件のために不利になっているようです。最近まで、これにより、設計が不十分で、当たり障りのない、場合によっては一貫性のないアプリ、機能、およびプロセスが発生していました。ただし、UXでは、これらの制限は祝福となる可能性があり、設計者が作業するための構造を提供します。少しの余分な労力と思考で、規制などの要件に従う必要がある場合に、明確でシンプルなエクスペリエンスを作成することが実際に簡単になります。

これは、新時代のフィンテック製品が得点する機会がある場所です。ユーザーを特定し、ニッチに向けてエクスペリエンスを調整することにより、法的な制限と要件は、回避する問題ではなく、設計するための課題になります。これらの要件は、製品内で楽しく有益な方法で教育する機会も提供します。

Fisdomや、WealthyやSqrrlなどの他のいくつかのアプリでは、ユーザー中心の設計アプローチのおかげで、インドのフィンテックアプリが向上しています。ほとんどのアプリは、他の種類のアプリで一般的になっているクリーンなインターフェースデザインと洗練されたユーザーエクスペリエンスをまだ欠いていますが、変更はすでに始まっており、より多くのアプリとサービスが、ユーザーのニーズに対応するより明確でスマートなエクスペリエンスを作成しています。

インド市場では、この設計変更は危険でした。 Fisdomは最初の定型化されたパーソナルファイナンスツールの1つであり、他の企業は最近UXに焦点を合わせ始めたばかりです。これらのリスクは報われました。現在、Fisdomアプリには、数十万のインストール（1〜5kの再設計前から）とGooglePlayストアでの4.2つ星の評価があります。

•••

Toptal Designブログでさらに読む：

UIデザインのベストプラクティスとよくある間違い
空の状態–UXの最も見過ごされている側面
シンプルさが鍵–最小限のWebデザインを探る
モバイルインターフェースのヒューリスティック原則
読みやすさのための設計–Webタイポグラフィのガイド