ウェブサイトをデザインするとき。多くの場合、選択ドロップダウンをより魅力的にします。
例
デフォルトでは、選択ドロップダウンはほとんどすべてのデスクトップおよびモバイルブラウザーでわずかに異なって見えます
ただし、動作フォーカス時は、モバイルブラウザとデスクトップブラウザでは異なります。
私の質問は
UXとアクセシビリティを向上させるには、[選択]ドロップダウンをデフォルトのスタイルと動作のままにしておくか、JavaScriptを使用して異なるスタイルを設定しても問題ありませんか?
編集: @Roger Attrillの回答の後に追加
可能なすべてのデバイスで実行されるWebアプリケーションを作成しています。モバイル、タブレット、デスクトップ、ラップトップ。タッチベースとマウスベースの両方の画面。
私は1つの短所を見ました、そしてそれはドロップダウンのためのカスタムデザインを作るためにJavaScriptを加えることです。すべてのデバイスで一貫した設計が必要な場合。ドロップダウンのカスタムスタイル設定は、純粋なCSSでは不可能だからです。
最近のすべてのOSベースのテーマでは、プラットフォーム標準に逆行する前に、長い間躊躇していました。そして、おそらくより具体的には、そのプラットフォームで選択したユーザーのテーマに反することになります。
OSテーマは、非常に一貫したルックアンドフィールを提供し、コントロールとそのさまざまな状態をユーザーがより簡単に認識できるようにします。あなたがそうする非常に、非常に正当な理由がない限り、それに反対しないでください。私の個人的な意見では、「魅力」は十分な理由ではありません。
テーマ設定により、開発者はコントロールがどのように見えるかについて、より機能的な側面に集中できます。つまり、コントロールが強調されているか、エラーがあるとマークされているか、ホットトラックされているか(マウスが上にあるときに異なる色を表示するか)などです。その後、テーマAPIを使用して、 「熱く」なるように制御し、テーマ設定がそのすべての外向き表現を処理します。
デフォルトのテーマで固定。アプリケーションが特に没入感のために設計されている場合(激しいゲームを考えてください)、またはビジネス目標に合わせてカスタムテーマを設計している場合の例外。
たとえば、すべての視覚効果をオフにしてウィンドウ(blush)を実行します。ビジュアルやかわいらしいテーマがないのが好きです。 Macのルックアンドフィールを求めている人もいれば、Linuxテーマを奇妙な方法で設定しようと努力している人もいますが、気に入っています。
これらのテーマを上書きして、それ以上何の目的もなく見たいものを見せてくれると、テーマの内容ではなくテーマに注意を向けていることになります。
誰かがかつて最高のインターフェースは目に見えないと言いました。
正直に言うと、テスト、依存関係、将来の証明、保守に問題が生じるため、開発者がすべてのプラットフォームに一貫性を与える責任はありません。クロスプラットフォームの一貫性が望ましい最終目標である場合、プラットフォームメーカーはそのようにします。 (ビジネス目標は、おそらく実際にここの水を濁らせます)
デバイスを使用する場合の目的は、そのデバイスを使用するエクスペリエンスにユーザーを没頭させて引き込むことであり、その一部は、そのデバイス上にあるさまざまなアプリケーションとサービス全体の設計と使用法の一貫性と親しみやすさにかかっています。
yourアプリケーションでは選択ドロップダウンを見栄えよくするかもしれませんが、誰もがそうした場合はどうでしょう-視覚的な混乱になります。そして、なぜ選択したドロップダウンで停止するのですか?描かれる線はどこにありますか?
独自のカスタムスタイルでアプリを設計する余地がないと言っているわけではありません。特に、ゲームやアプリをさらに深く浸した(サブイマーズ/サブマーズ?)場合は、深さのレベルを上げる必要があります。コンテンツ自体で必要とされる特定のニーズがあり、デフォルトの選択ドロップダウンでは提供されない場合を除いて、いじらないのは理にかなっているようです。