フォームボタン-選択状態の後
私のWebサイトには、ユーザーが選択（緑または赤）してからリクエストを送信する必要がある短いフォームがあります。選択後のボタンの状態に現在適用されているメソッドは、添付の画像に示されています。
はっきりしていますか？
数分後に戻った場合、前回の選択は何でしたか？
選択されていないオプションを表示するための望ましい方法は何ですか？ 
1つの色を選択した後の例では、どの色が選択されているか明確なアフォーダンスはありません。グレー表示されているものですか、それともまだ表示されているものですか？しかし、最大の問題は、赤がもう赤ではなく、ユーザーがそれが何であるかを覚えていることに依存していることです。
ボタンがボタンであり、選択に使用されていることが明らかな場合でも、ボタンは1つだけを選択できること（および他を相互に除外できること）を通知しません。
ラジオボタンを使用することをお勧めします。
または、元のボタンはまだクリック可能ですが、ラジオが内蔵されています。
ボタンにこだわる場合は、選択したものにラベルを付けることができます。
良いと思いますが、もっと良いかもしれません。
たとえば、誰かが緑または赤のボタンを選択せずに送信を押すことはできますか？あなたのイメージでは、それはできるように見えます。
- ユーザーが2つのうち1つを選択する必要がある場合は、選択が完了するまで送信ボタンを無効にします。
- 選択されていないオプションを、無効になっている送信ボタンの色に変更します。これによりパターンが作成されます。無効なボタンのデフォルト色。
- また、選択されたボタンの色を変更して、選択されていない状態とは異なる外観にします。
ボタンには（少なくとも）3つの状態があります。
- Default
- 選択済み
- 選択されていません
彼らが独自の色を持っていることを確認してください。
下の画像を参照してください。
