Facebook 制作情報
Logo

通貨両替計算機 - UIデザイン

クレジット
UI Designer
通貨両替計算機 - UIデザイン-1
シェア
制作ノート
制作情報

FEATURE

概要:

旅先で通貨両替の計算を簡単にできるアプリ

ターゲット:

よく海外旅行をする旅人

ペルソナ:

Sara Thompson

・アメリカ人 マーケティングスペシャリスト

・休日やホリデーは新しい土地を旅することが好きで、よく海外に旅行に行く。

課題:

1.利便性:

サラは、旅行中に為替レートをすばやく確認して計算できる、便利で使いやすい通貨換算アプリを探している

2.正確さ:

サラは旅行中に公正な為替レートを取得し、使いすぎないようにする必要があるため、正確さは非常に重要

3. リアルタイム情報:

サラは頻繁に移動するため、リアルタイムの通貨情報を持つことが不可欠

POINT

情報設計

・メイン画面は、シンプルにまとめ、かつアイコンで直感的に扱えるようにしました。

・「数字」<「四則計算やその他計算用の記号」<「=」の優先順位でボタンや文字の色を差別化しました。

・リアルタイムの情報にアップデートできるように、リフレッシュ機能を入れることにしました。

・通貨リストはよく使うものをピンでとめリストの上部に固定できる機能を加え、ユーザーがスムーズに通貨の選択をできるようにしました。

デザイン

・お金に関するアプリなのでシンプルでクリーンな印象を与えたいかつ、旅行先での使用を想定しているので、重苦しさや硬くなりすぎないように明るめの緑のグラディエントをバックグラウンドに選びました。

・サーチボックス等は角丸で柔らかさを出しました。

シェア
通貨両替計算機 - UIデザイン-1
制作情報

FEATURE

概要:

旅先で通貨両替の計算を簡単にできるアプリ

ターゲット:

よく海外旅行をする旅人

ペルソナ:

Sara Thompson

・アメリカ人 マーケティングスペシャリスト

・休日やホリデーは新しい土地を旅することが好きで、よく海外に旅行に行く。

課題:

1.利便性:

サラは、旅行中に為替レートをすばやく確認して計算できる、便利で使いやすい通貨換算アプリを探している

2.正確さ:

サラは旅行中に公正な為替レートを取得し、使いすぎないようにする必要があるため、正確さは非常に重要

3. リアルタイム情報:

サラは頻繁に移動するため、リアルタイムの通貨情報を持つことが不可欠

POINT

情報設計

・メイン画面は、シンプルにまとめ、かつアイコンで直感的に扱えるようにしました。

・「数字」<「四則計算やその他計算用の記号」<「=」の優先順位でボタンや文字の色を差別化しました。

・リアルタイムの情報にアップデートできるように、リフレッシュ機能を入れることにしました。

・通貨リストはよく使うものをピンでとめリストの上部に固定できる機能を加え、ユーザーがスムーズに通貨の選択をできるようにしました。

デザイン

・お金に関するアプリなのでシンプルでクリーンな印象を与えたいかつ、旅行先での使用を想定しているので、重苦しさや硬くなりすぎないように明るめの緑のグラディエントをバックグラウンドに選びました。

・サーチボックス等は角丸で柔らかさを出しました。

シェア