タップして支払い

NFC技術を使用したタッチ決済システムがMyanmar Netアプリに統合される可能性があります。これにより、Myanmar Netスマートカードを使用して、さまざまな店舗で迅速な取引が可能になります。ユーザーは、取引を行うために、別のユーザーのスマートフォンに自分のカードをタップするだけです。

役割

役割

役割

リードUX/UIデザイナー

業界

業界

業界

フィンテック モバイル決済 デジタルウォレット 非接触型決済

ツール

ツール

ツール

Figma
Illustrator
Photoshop
After Effects
LottieFiles
Google スライド
Google フォーム

タイムライン

タイムライン

タイムライン

2ヶ月

タッチ決済のUI/UXフィーチャード画像
タッチ決済のUI/UXフィーチャード画像

チャレンジ

チャレンジ

チャレンジ

私の目標は、タップ技術を深く掘り下げ、その機能を徹底的に把握し、当社のアプリにタップ機能をシームレスに統合する包括的なUX/UIプロポーザルを作成することです。これには、タップ技術の複雑さを理解し、ユーザー体験を向上させる可能性を探求し、アプリ内でこの技術を利用する際に、ユーザーにとってのインタラクションを簡素化かつ最適化する直感的なインターフェースを開発することが含まれます。

制約事項

制約事項

制約事項

最大取引制限、公認加盟店制限、紛失補償サポートの不在


「既存のミャンマー・ネット(Myanmar Net)アプリに、タッチ決済システムをシームレスに統合しつつ、ユーザー体験をどのように合理化・簡素化できるだろうか?」

設計プロセス

Myanmar Net カードについて


  • 各タウンシップの指定店舗で販売されています。

  • 匿名カード:10,000チャットの限度額で加盟店にて利用可能、紛失時の補償なし。

  • 連携カード(Myanmar Net アカウントと連携済み):支払いが可能、50,000チャットの限度額、紛失時の補償あり。



ミャンマーネットカードの画像
ネットアプリのホーム画面

ユースケース:カード情報と取引履歴の確認


ユーザーは、ホーム画面から「カード」アイコンをタップする必要があります。

スマートフォンの背面をカードにかざすと、カードの残高や最近の履歴を確認できます。

カード情報のモックアップを確認する

ユースケース:Myanmar Netアプリを介したカード決済の受付

カード決済のモックアップの受け入れ
カード決済のモックアップの受け入れ

カード所有者のシナリオ:

  1. 店舗を訪問します。

  2. 金額を確認し、店舗オーナーのスマートフォンの背面にカードをタップして支払いを完了します。


店舗オーナーのシナリオ:

  1. Myanmar Netアプリを開き、受け取る金額を入力します。

  2. スマートフォンの背面に顧客のカードをタップして決済を処理します。

  3. 完了画面で取引詳細を確認します。

ユースケース:リセラーや店舗でのMNカードのチャージ

送金モックアップ
送金モックアップ

カード所有者のシナリオ:

  • 販売代理店にミャンマー・ネット・カードのチャージを依頼します。

  • チャージ金額を指定し、販売代理店のスマートフォンの背面にカードをタッチします。

  • 現金で支払い、ミャンマー・ネット・アプリを使用して更新された残高を確認します。


販売代理店のシナリオ:

  • ミャンマー・ネット・アプリを開き、「送信」を選択します。

  • スマートフィンの背面にカードをタッチします。

  • 送金金額とウォレットのパスワードを入力して確認します。

  • カード所有者に成功画面を表示します。

ユースケース:NFC非対応のスマートフォンでカードリーダーと接続する

カードリーダーの画像
カードリーダーのモックアップに接続中
カードリーダーのモックアップに接続中
カードリーダー接続のモックアップ
  • お使いのスマートフォンがNFC技術に対応していないユーザーの場合は、カードリーダーと接続する必要があります。

  • タップ関連のサービスを利用する際、アプリは自動的にカードリーダーへの接続を促す警告ボックスを表示します。

  • 会社は、加盟店および代理店のスマートフォンの状態を確認した上で、カードリーダーを提供します。

タップアニメーション

タップカードのアニメーション1
  • タップアニメーションはIllustratorとAfter Effectsを使用して作成され、Lottiefilesを介してJSONファイルとしてエクスポートされます。

  • アプリは、ユーザーのスマートフォンにNFC技術が搭載されていないことを検出すると、「カードをリーダーにかざす」アニメーションにシームレスに切り替わります。

タップカードアニメーション2

振り返り

デザイナーとして、このプロジェクトに参加し、タップテクノロジーという魅力的な世界を探求できることに非常に興奮していました。残念ながら、様々な理由により企業はこのプロジェクトを進めないことを決定しました。もし将来的にローンチされることがあれば、次のステップとして、実際のユーザーを理解し、フィードバックを収集し、製品のユーザーインターフェースと体験を改善することに取り組む予定です。

このトラックはこれで終了です。次のトラックに進みますか?
このトラックはこれで終了です。次のトラックに進みますか?

私の座右の銘

デザインは、インスピレーションから創造への

旅です。

お問い合わせ

Designed and built by Han Phyo Aung.2024

Create a free website with Framer, the website builder loved by startups, designers and agencies.