web-dev-qa-db-ja.com

アプリを夜間に使用する場合、ダークテーマUIに切り替える必要がありますか?

環境照明に基づいてアプリケーションのテーマを動的に変更する必要がありますか?

私のアプリは明るい日光の下だけでなく、暗い映画館でも使用されます 夜に開かれます 私はサイトを検索しましたが、環境に基づいたテーマの動的な切り替えに関する質問はまだ見ていません。

24

考慮すべき良い例は、ユーザーが光センサーの検出に応じて暗いテーマを自動的に有効にできるiOSのiBooksアプリです。

enter image description here

ただし、PS86が正しく指摘したように、これをシステムに自動的に組み込まないでください。ユーザーが目的のパラメーターとして設定できるようにします。引用するには この記事、iBooksアプリはこれをauto night Themeと呼ばれるオプションによって有効にします

ナイトテーマはいつでも手動で有効にできますが、最新バージョンのiBooksでは、オートナイトテーマと呼ばれる新しい設定を有効にすることもできます。これにより、テーマがデフォルト(白またはセピア)からナイトテーマに自動的に変更されます。深夜を示す「夜」の名前にもかかわらず、スイッチは時間ではなく周囲の照明条件に基づいています。自動夜間テーマを有効にしている場合、iPhoneまたはiPadの環境光センサーが暗い部屋を検出すると、iBooksはすぐに夜間テーマに切り替わり、部屋の照明が戻ると、太陽が昇るのかどうかにかかわらず、元に戻りますまたはランプが点灯しています。

また、コンテンツの明るさは読み取り中の快適度を定義するため、テーマを変更するとき、またはテーマ自体の中でユーザーが明るさオプションを選択できるようにします。

最後に、夜または暗いテーマをデザインするときは、テキストの明るさと暗い背景にテキストを配置したときの読みやすさの影響について説明しているa この興味深い記事 を検討することをお勧めします。

私はこれを読むことをお勧めします article で可読テキストの入力とコントラストチェックに使用できるツールについての入力。記事を引用するには

まず、適切な本文の値を設定すると役立ちます。私は通常、ニュートラルカラーパレットから始め、AAA(第508条に準拠)の評価で最も明るいグレーを目指します(評価のわかりやすい説明はこちらです WCAG 2.0レベルA/AA/AAAと第508条 =。)AAAレーティングは最適な読みやすさを保証しますが、ある程度の明るさはテキストの柔らかさを可能にします。

enter image description here

32
Mervin

はい、アプリケーションのテーマを照明に基づいて動的に変更することをお勧めします。

追加することも忘れないでください:

  • ユーザーが照明に基づいてテーマを動的に変更することをオフにする機能
  • 現在の照明環境に関係なくテーマを変更する機能

時々、ユーザーは日中に暗いテーマを持つことを好み、逆もまた同様です

6
PS86

私はたまたま提案された他の回答に同意しないので、その理由を説明してみましょう。

妥当性

暗い環境でのアプリの使用は、アプリケーションのコア機能ですか?たとえば、このisは、電子リーダーアプリケーションやナビゲーションアプリケーションの場合ですが、メッセージングアプリケーションの場合はそうではありません。それがコア機能である場合は、この機能を提供することをお勧めします。ベッドや劇場でも使用されるメッセージングアプリケーションの場合は、適切とは言えません。

ユーザーの期待

他のすべてのケースでそれをしないのはなぜですか?それは、ユーザーが予期していることではないからです。 OSについて説明しているような機能を導入することは、実際には良い考えかもしれませんが、アプリケーションごとのレベルでは、非常に正当な理由なしにそれを行うべきではありません。これは実際にはどういう意味ですか?前の2つの例を考慮に入れると、ナビゲーションアプリケーションは夜間に自動的に暗いテーマに切り替わる傾向にありますが、電子書籍リーダーアプリケーションはこれをユーザーに任せがちですが、すぐ近くに別のテーマオプションがあります。

3
David Mulder