web-dev-qa-db-ja.com

異なるタイプのアクション間のどちらか一方または両方の選択肢を視覚化するための最良の方法

だから私はいくつかのタブを持つモーダルウィンドウを持っています。いずれかのタブには、識別番号の入力フィールドが1つあります。ここで、ユーザーがIDの写真を撮り、番号を書き出さなくても自動的に入力できるようにするいくつかの新しい機能を追加します。

入力フィールドとボタンの配置方法がわからないので、ユーザーがどちらかまたは両方の選択肢であることをユーザーが明確に理解できるようにしています。

現時点では、入力は左に、ボタンは右にある線で区切られており、それぞれの上に機能の簡単な説明があります。メッセージは伝わってきますが、不思議に感じます。

テキストを入力するか、ボタンを押して写真を撮るかの2つの非常に異なるアクションを選択するため、これは一種の奇妙な状況です。異なるタイプの2つのアクションをユーザーに選択させるより直感的な方法に出くわした人はいますか?

2
alex

詳細はあまり詳しくありません。しかし、以下を検討してください。

1つのウィンドウまたは画面フォームを2つのステップに分割します。

ステップ1-モードを選択します。最初に、ユーザーにデータの入力方法を選択するように依頼します-入力フィールドから直接、または写真から。ラジオボタンだけを表示しないでください。代わりに、2つの大きなアイコンを表示して、ユーザーが何を選択するかをすぐに理解できるようにします。キーボードのあるアイコン(テキストフィールドにIDデータを直接入力する)と、カメラのあるアイコン(IDの写真を作成する)があるとします。

ステップ2-前の選択に応じて画面を表示します。ユーザーが2つのアイコンの1つ(2つのモードの1つ)を選択した後、次の画面を表示します。別のケースで写真を作る。

それはあなたにとってもう少し仕事かもしれません。しかし、ユーザーにとっては理解しやすいです。

0
mentallurg