チェックボックスをより明確にする方法
デフォルトでチェックされているページにいくつかのチェックボックスがあります。ユーザーは、必要に応じてチェックを外すこともできます。
ただし、これまでのユーザー調査では、ユーザーがチェック解除できるチェックボックスがページにあるという事実を見落としているようです。これをユーザーにわかりやすくする方法はありますか？
チェックボックスは「スクロールせずに見える範囲」ではない可能性があり、ユーザーはそれらを表示するために下にスクロールする必要がある場合があります。これは常にモバイル画面で発生します。
理解を深めるために、ページのモックアップを添付しました。
それらを大きくします。チェックマーク自体と同じくらい小さく、薄いので、弾丸として解釈されているのがわかります。
サイトのボタンのスタイルによっては、そのスタイルに合わせてボタンを再設計して、ユーザーがクリック可能な要素であることをユーザーがよりよく理解できるようにする必要があります。たとえば、サイトボタンの角が丸い場合は、チェックボックスコントロールを再設計して角も丸くします。
推奨事項：
- チェックボックスコントロールのサイズを大きくする
- チェックマーク自体の重みを大きくして、それをより明確にします
- 他のサイトコントロールと一致するようにコントロールのスタイルを変更する
大きいチェックボックスまたは代替 スイッチコントロール を使用します。