ボタンにオレンジ色、警告メッセージ/ボタンに赤を使用しても問題ありませんか？
「検索」と「詳細」の2つのボタンがある検索機能を備えたナビゲーションバーがあります。私の原色は青です＃2a7ab0ボタンとテキストに使用します。青いボタンのテキストの色は白#fffです。危険なアクションの場合は、テキストまたはボタンのいずれかで、赤い＃e00000を使用しています。私の質問は、オレンジ色の＃d43900を「詳細」のセカンダリボタンとして使用する必要があるかどうかです。それと危険な行動の赤との間に混乱はありますか？私は色覚障害者を念頭に置いています。私は緑を試しましたが、白のテキストには暗すぎて見づらいか、明るすぎました。パープルとピンク以外の色を考えます。
プライマリアクションはそのままにしておきますが、セカンダリボタンをプライマリボタンと同じ色のリンクにします。
このようにあなたの二次行動...
- それほど目立たず、あまり目立たないため、ユーザーは主要なアクションに集中できます
- 正当な理由なく、新しい色を追加するのではなく、既存の配色を使用します
- アクションの種類を区別します。つまり、「performsearch」、「take me to高度な使用」
参照-Luke Wroblewskiによる Webフォームのプライマリアクションとセカンダリアクション に関する調査。
アクセシビリティに関しては、オレンジと赤が目立ちます。明度のコントラストで区別できます。
ラベル、入力フィールド内のヒントテキスト、およびその下のヘルパーテキストを含む明確な検索フィールドを使用することをお勧めします。
デフォルトのアイコンは、ユーザーが機能をすばやく認識するのに役立ちます。詳細設定ボタンがメインの検索フィールドの横に配置され、より詳細なオプションになりました。
