web-dev-qa-db-ja.com

これらのオプションを最適に表示するにはどうすればよいですか?

私たちはあなたがあなたが通貨であなたが望む金額またはあなたが通貨で持っている金額を述べることを可能にするコンバーターを持っています。

私が見つけた問題は、私たちがこれらのラジオボタンを持っているということです。これらのラジオボタンを選択して、あなたが意味するものを確認してから、送信をクリックしてください。

私はほとんどのユーザーを混乱させていることに加えて、ユーザーが両方の入力フィールドに入力できるようにするラジオボタンが追加されています。どうすればそれを簡素化できるのか、または彼らが何をしているのかをもっと明確にできるのかと思っていました。

ビジネス目的の要件に留意して、I wantおよびI have両方あります。ですから、誰かがこのコンバーターの新しい革新的なユーザーエクスペリエンスを思い付くのを手伝ってくれるといいのですが。あなたの助けに感謝。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

5
Anicho

a。ここでは、ラジオボタンは完全に冗長です。必要に応じて2つの入力フィールドを編集可能にすることができます。「欲しい」の値を入力すると、「持っている」の値が自動的に入力されます。例えば。私が持っているように10ユーロを入力すると、システムは自動的に12.9620ドルの平均換算を取得すると計算します。逆に、私が望むように15ドルを入力すると、システムはユーロで必要な金額を通知します。

あるいは、「欲しい」フィールドの編集を無効にすることができます。

グーグルコンバーターがいかにあるか見る

https://www.google.com/#hl=ja&sclient=psy-ab&q=10+eur+to+usd&oq=10+eur+to+usd&gs_l=serp.3..0i7l2j0j0i7.17876.17876.0.18297。 1.1.0.0.0.0.101.101.0j1.1.0.les%3B..0.0 ... 1c.1.kGJZDsW0K_A&pbx = 1&bav = on.2、or.r_gc.r_pw.r_cp.r_qf。&fp = a1aa12b56862839c&bpcl = 35277026&biw = 1252&h = 609

8
Mike Sorokin

@Anicho:私はこれの良い例を見ました: http://www.oanda.com/currency/converter/

また、「私が持っている」を最初の選択肢として持つのは良いことではありません。私の理解では、ほとんどの人は自分が望む金額を実際には知りませんが、休暇を取ると言いますが、彼らは自分の金額を知っています。費やすことをいとわない。

3
Igor-G

もう1つのオプションは、ドロップダウンメニューのmake haveおよびwantオプションなので、I |have| |100| |USD|から始めて、I |want| |100| |USD|に切り替えることができます。この方法では、選択が明白(欲しい/持っている)であるため、ラジオボタンの動作について混乱が生じません。

2
Brendan Long

私はいくつかの問題を見ます:

"が欲しいです"。 10億ドル欲しい。しかし、現実的には、私は100ドルを手に入れるためだけにここにいるのかもしれません。ラベルはもう少し明確にする必要があると思います。

ユーザーはどちらか一方しか実行できませんか?もしそうなら、ラジオボタンで2つのフィールドをリストするのではなく、1つのフィールドを作成してから、トランザクションのタイプを選択する1つのドロップダウンリストを用意します。 (または、ラジオを保持しますが、テキストフィールドを1つだけ使用します)。

1
DA01

私が欲しい前にラジオボタンを置いてください。ラジオボタン(欲しい)、テキストボックス、通貨のドロップダウンをdivに配置します。オプションがあります。各divの背景色を変更し、間隔を空けるようにパディングを追加します。これにより、2つのオプションがあり、ユーザーが両方のフィールドに入力しないことがより明確になります。

1