ICカードリーダー - ICカード残高確認

グラフィックとUIデザイン (iPhoneアプリ)

プロジェクトの概要

Riana Soumi さんと一緒に使った最初のiPhone向けアプリがAppStore
で入手できます。iOS端末をかざすだけで、全国の交通系ICカード（Suica、PASMOなど）の残高、利用履歴などを読み取ることができます。ぜひAppStoreでチェックしてみてください！

ICカードリーダーが必要な理由は

ICカードリーダは、交通系ICカードの残高や利用履歴を確認するための
オプションを提供することを目的として開発されました。利用履歴には路線図も入っているので、駅名や使ったお金を確認したいときに使えます。

ICカードリーダーは私の最初のプロジェクトなので、UX/UIの勉強を始める前に取り組み始めました。
特別な知識がなくても、ユーザビリティの研究、競争力のある監査、デザインを作るためのプラットフォームが必要だということは分かっていました。

ユーザビリティの研究のために、ICカードリーダーアプリを友人たちにテストしてもらい、彼らのフィードバックを聞きました。目的は、ユーザーがタスクを達成できるように十分な使いやすさと瞬間的な把握力があるナビゲーションでした。競合アプリの監査では、直接および間接の競合アプリの強みと弱みを分析しました。

デザインを作るために最適なプラットフォームはFigmaでした。デジタルワイヤーフレームの仕事を始める前に、「Web Design in Figma」のコースを卒業しているので、学んだ知識を元に新しいアプリの仕事はスムーズで快適でした。
‍

デザインプロセス

ICリーダーアプリは日本のすべてのICカードに対応しているので、日本の地域ごとに具体的なアイコンデザインを作ることが重要でした。普段は何種類かのICカードを持っているので、IDアイコンが重要でした。すべてのイメージとアイコンは、このプロジェクトのために私が作成しました。

‍

アクセシビリティに関する考慮

インパクト

‍利用者はこのアプリに満足しており、十分なお金があるかどうかわからない時にまた、ICカードで支払いたい時に
よく利用しています。

学んだこと:

ユーザーのニーズを理解し、デザインをどのように構築するかを理解するためには、フィードバックが非常に重要であることを学びました。フィードバックがなければ、良いデザインを作ることは不可能です。
‍

1. ナビゲーションを容易にするために使用されるアイコン

2. 日本の各地域で特定のアイコンデザインを使用

3. 説明がある起動画面
‍

テイクアウエイ

次のステップ

ユーザーが経験した問題点が効果的に対処されているかどうかを検証するために、再度ユーザビリティ調査を
実施します。
追加のダークモード。

‍

ICカードリーダー - ICカード残高確認

Want to work together?