apeescape2.com
  • メイン
  • Webフロントエンド
  • Uxデザイン
  • ブランドデザイン
  • モバイルデザイン
Uxデザイン

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

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

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

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



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

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

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

金融商品とサービスは、パーソナルファイナンスアプリの明確なプロセスに焦点を当てています

更新されたプロセスには、市場のヒューリスティックに基づく組み込みの提案があり、ユーザーがより正確に目標を達成するのに役立ちます。

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

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

Cプログラミング言語とは何ですか

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

彼らにお金を見せなさい

インドでの投資プロセスでは、投資家は1回限りを完了する必要があります に 今 Y 私たちの 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や他のいくつかのアプリで 裕福な そして Sqrrl 、インドのフィンテックアプリは、ユーザー中心の設計アプローチのおかげで改善されています。ほとんどの場合、他の種類のアプリで一般的になっているクリーンなインターフェイスデザインと洗練されたユーザーエクスペリエンスがまだ不足していますが、変更はすでに始まっており、ユーザーのニーズに対応する、より明確でスマートなエクスペリエンスを作成するアプリやサービスが増えています。

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

•••

ApeeScapeデザインブログの詳細:

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

AWSでのTerraformによるダウンタイムゼロのJenkins継続的デプロイ

技術

AWSでのTerraformによるダウンタイムゼロのJenkins継続的デプロイ
なぜ私はNode.jsを使うのでしょうか?ケースバイケースのチュートリアル

なぜ私はNode.jsを使うのでしょうか?ケースバイケースのチュートリアル

Webフロントエンド

人気の投稿
デザインディーバを管理する方法(そして1つではない)
デザインディーバを管理する方法(そして1つではない)
デザインのパートナー–クライアントの共感へのガイド
デザインのパートナー–クライアントの共感へのガイド
収益の質:財務デューデリジェンスの重要な柱
収益の質:財務デューデリジェンスの重要な柱
デザイントーク:UXリサーチャーのCaitriaO'Neillとの実際の研究
デザイントーク:UXリサーチャーのCaitriaO'Neillとの実際の研究
野生のRailsエンジンのガイド:実際のRailsエンジンの実例
野生のRailsエンジンのガイド:実際のRailsエンジンの実例
 
フレームワークを保持する–依存性注入パターンの調査
フレームワークを保持する–依存性注入パターンの調査
ブランドマーケティング担当副社長
ブランドマーケティング担当副社長
SRVB暗号システム入門
SRVB暗号システム入門
デジタル遊牧民のための人間工学:自殺せずに道路で働く
デジタル遊牧民のための人間工学:自殺せずに道路で働く
ビデオゲームの物理チュートリアル-パートIII:拘束された剛体シミュレーション
ビデオゲームの物理チュートリアル-パートIII:拘束された剛体シミュレーション
人気の投稿
  • Shopifyウェブサイトをデザインする方法
  • @media screen and(max-width:
  • PythonでTwitterデータをマイニング
  • アートにおけるデザインの原則
  • バイヤーの交渉力の例
カテゴリー
設計プロセス ツールとチュートリアル 投資家と資金調達 デザイナーライフ プロジェクト管理 製品ライフサイクル 人とチーム その他 技術 収益性と効率性

© 2021 | 全著作権所有

apeescape2.com