アクティブ/インアクティブがある UI パーツということで、主にチェックボックス/ラジオボタン/タブ選択についての話です。
分かりにくい例
- 左右どっちがアクティブか分からない
- 白と黒のどっちがアクティブか分からない
- 赤と青のどっちがアクティブか分からない
分かりにくいというか、もはや分からないです。ラジオボタン/タブ選択の場合はアクティブは必ず一つなので、要素が三つ以上あれば判定は可能です。しかし、そんな判定が必要になるようなら、もはやグラフィカルユーザインターフェイスではないですよね。
こうしてみると冗談のようで、まさか実際にあり得るわけが無いと思いますが、いずれも実際のアプリ/サービスで見たことのあるものです。
また、最後の赤と青の例のような場合、配色によっては色覚異常の方には見分けがつかないリスクもありますよね。
こうして欲しい
- アクティブは有彩色、インアクティブは無彩色に
- アクティブ/インアクティブを形状から分かるように
この点、OS やブラウザの標準 UI パーツは配慮が行き届いていますよね。標準であるがゆえに野暮ったく感じられて、デザイナさんには嫌われるのかもしれませんが。
- アクティブなタブはコンテンツと融合
私がお絵かきソフトで描いた例が分かりにくくて趣旨が伝わらなかったらごめんなさい。