クレジットカード不要の自動引き落とし決済サービスGoCardlessに学ぶスマホアプリのUI/UXケーススタディ

ユーザー （ 例えば、小規模事業のオーナー様等)のキャッシュフローを更に効率的に制御し、手間がかからないようにする為、GoCardless （ゴー・カードレス）モバイルアプリを設計します。

アプリの製作過程

製品戦略

研究と分析

MVP ソリューション

情報構造

ワイヤーフレーム

ビジュアルデザイン & プロトタイプ

GoCardless(ゴー・カードレス)は、クレジットカードとデビットカードに匹敵する新しい国際支払ネットワークを構築しています。目標は、企業が世界中のどこからでも迅速かつ容易に誰からでも支払を受ける事が出来るようにする事です。

口座振替をデジタル時代に導き、定期的な支払を受ける為の最良のシステムを構築しています。

GoCardlessを使う前は、莫大な人数の管理者がクライアントセッションを追跡し続ける為に存在し、それらがPTセッションの別のブロックによる事を通知する必要がありました。

問題は、大量の電子メールでメッセージが迷子になることが多いという事です。クライアントは新しいブロックの前に支払を転送する事を忘れ得ます。一般的にオンラインバンキングにアクセスするのは厄介でした

それはたった３年前でしたが、オンラインバンキングはメインポータルにログインする為に複数のステップを必要としました（即ち物理的安全キー）

GoCardlessは、ビジネス管理を進化させ、単純化するのに役立ちました。セッションの
ブロックを請求する代わりに、新規及び既存の顧客に対して口座振替の支払を設定しました。

3か月毎に、全体的な進捗状況を確認します。進行中の共同作業の場合は、新しい支払計画を立てて加えるだけです。

ウェブダッシュボード

それで、何故アプリ?

フリーランサーとして、仕事中も時間外（通勤、コーヒーブレークなど）も、コンピュータよりも自分のiPhoneに多くの時間を費やしている事に気付きました。また、ダッシュボードは特にモバイル向けではない為、支払プランの設定、支払状況の確認、新規顧客の招待等、通常はMacBookでそれぞれの設定時間まで待ちます。

しかし、自分の仮説に夢中になる前に、他の企業にGoCardlessを使った経験を共有するように依頼しました。またTrustpilot reviewsをチェックし、ユーザーが抱えている問題についての一般的な感触を得ました。

エンドユーザーダッシュボードは、携帯電話にデスクトップバージョンを表示します。

統計によると、モバイル版のインターネット使用量は過去5年間で大幅に増加し、2014年にデスクトップコンピューターを追い越しました。そのため、モバイル優先のデザインを考慮する事が重要です。また、ユーザーは毎回自分の電子メールアドレスとパスワードを使用して手動でログインする必要があります。

デビットカードとクレジットカードの取引

カードの即時承認は、口座振替（2〜4営業日）と比較すると常に高速です。しかし、キャッシュフローを監視し、携帯電話から更新の通知を受け取るのにアクセスしやすい方法があったとしたらどうでしょう。取引の速さは向上する訳では無いですが、ユーザーは口座振替を使う数多くの利点と併せて、これがより役に立つと思うかもしれません。

見逃した通知

ユーザーは、取引の更新ごとに電子メール通知を受け取ります（支払い、キャンセル、エラー等）。 私達が毎日受け取るオンライン情報の量を考えると、これは見過ごしかねません。

MVPアプリソリューション

設計アプローチは、製品の既存のブランディングを（出来るだけ近くなるよう）尊重しながら、モバイルエクスペリエンスを改善し、ユーザビリティの問題に焦点を当てる事でした。

キャッシュフローの監視をするのに、シンプルでシームレスな方法を提供し、新しい顧客を招いて、携帯上で新しい支払いを設定します。 (iOS)

PayPalのようなアプリケーションに似た、快適な（外出先での）モバイル体験の為に、反応が迅速な設計をします。

ユーザーに、各々のアカウントへの迅速かつ安全なアクセスを提供します。（フェイスID /タッチID / PINコード）更新情報をプッシュ通信します。

モバイルアプリケーションはメインのダッシュボードと連携する必要があります。

特定の機能はサイトを通じてのみアクセス可能なままとなります。

（例：[イベント]タブと[開発者]タブ）