ウェブサイトのダークモード：美しいトレンドか、または本当にUXと変換に影響しますか？

議論は終わりません！ウェブ上のダークモードは、美しいトレンドです。それとも、実際に変換を増やすことができますか？

過去2〜3年で、どのアプリに関係なく、どのアプリを使用するかを感じたことはありますか？または、有名なウェブサイトに行く場所は、常に使用する「ダークモード」または「ダークモード」を見つける傾向があります。ビジネスオーナー、マーケティング担当者、および多くのウェブサイト開発者の心の中で質問になるまで、「そして私たちのウェブサイト...暗いモードが必要ですか？」到着したのはただの美しさのトレンドです。または、ユーザーが実際に言っているように、ユーザーのエクスペリエンス（UX）と変換率に影響を与える重要な機能です。今日、私たちはダークモードのあらゆる面で完全に手術に来ます。あなたのウェブサイトは「ライトをオンにする」または「ライトをオフにする」必要があります。

‍

なぜこの時代にダークモードが「それが必要だ」になるのですか？

ダークモードの現象は起こりませんが、興味深いソースがあります。開発者側と、長い間白いコードを見つめなければならないプログラマーから始めて、目をキャッチすることで、彼らは暗い背景と明るい色を使用して反射を減らし、より快適に働きたいと思っています。その後、iOSやAndroidなどの巨大なオペレーティングシステムがシステムの主要な機能としてDark Modeをもたらしたとき、タイの人々が市内の家全体で使用する人気のソーシャルメディアアプリには、このモードが選択できます。ユーザーの動作が変わり始めました。人々は、「モダン」で「ユーザーに注意を払う」ように見えるウェブサイトやアプリケーションがこのオプションを持つためにこのオプションを持つべきであることを期待しており、それはもうプログラマーだけではありません。しかし、デフォルトでは、多くのユーザーの目で優れたユーザーエクスペリエンスの標準の1つになりました

‍

私たちのウェブサイトに暗いモードがない場合、「落ちる」か、機会を失いますか？

暗いモードは、すぐにビジネスを台無しにすることはありません。しかし、それはあなたが期待できない次元に影響を与える可能性があります。想像する：

• 第一印象：大きなブランドがすべて暗いモードを持っている時代に。このオプションを持っていないウェブサイトは、ブランドのイメージに影響を与える可能性のある「時間の傾向に従って」または「小さな詳細に注意を払わない」と見なされる場合があります。特に、新世代のテクノロジー、デザイン、または製品に関連するビジネスで
• 特定の状況でのユーザーエクスペリエンス（コンテキストUX）：暗いベッドの上で携帯電話に横たわっている顧客を考えてください。次に、白い背景しか持たないウェブサイトに押し込みます...明るすぎる光は、顧客が不快に感じ、すぐに押して閉じます。 UXが実際の使用に答えないため、これは残念ながら機会を失うことです。この問題は、Slow ClinicのWebサイトとUXのケースに似ており、顧客を失うほどひどいです。知らずに行きなさい
• 印象的な機会の誤解：ユーザーにオプションを与えることで、自分の経験（明るいモードの選択など）を「制御」することは、良い感覚を生み出す小さなマイクロ相互作用と見なされます。そして、あなたのブランドがユーザーにどれだけ気にかけているかを示し、1人の顧客との肯定的な関係を作成する機会を逃す機能はありません。

‍

最良の解決策：「ミー」だけでなく、「理解している」必要があります

これに対する答えは、「暗いモードを持つ必要がある」または「持たない」だけでなく、最良の解決策は「すべてのラウンド評価」であり、戦略的に決定することです。から始めるはずです：

1. ターゲットとブランド分析：あなたの顧客は誰ですか？どのくらいの頻度でテクノロジーを使用しますか？あなたのブランドはどんな画像ですか？ （子供向け製品など、暗いモードは必要ないかもしれませんが、開発者向けのガジェットブランドまたはプラットフォーム。ダークモードは画像を大幅に強化します。）
2. 利点の重量を比較検討してください。
   • 利点：低ライトの視力を減らし、バッテリーの節約（OLEDスクリーン用）、モダンに見え、ユーザーの個人的なニーズを満たします。
   • 短所：長いテキストを読む能力を低下させる可能性があります（半分の現象から、暗い床の明るい文字は曇りに見えます）、デザインは単なる着色よりも複雑で、さらなる開発とテストに時間と予算がかかります。
3. 専門家からの研究： ような信頼できるデータソースは、多くの文字を持つWebサイトでは、 Dark Modeが常にライトモードよりも優れているとは限らないと分析されています適切なコントラストに焦点を当てたデザインが最も重要です。
4. 計画から始めて、コードではありません：やることを決定することは、デザインプラン「ダークモード」から始める必要がある場合、具体的には、結果を悪化させる可能性のある黒人の交互のコードを簡単に書くだけでなく

良い出発点は、「ダークモードは本当にお客様の体験を改善するのに本当に役立つでしょうか？」という質問をすることです。 「なぜ暗いモードがないのですか？」だけではありません。

‍

本物からの例：グローバルアプリがダークモードを使用して成功をもたらすとき

より明確にするために、アプリの例を見てください。 YouTube、Twitter、Slack、さらにはメッセンジャーやラインアプリなど、私たちがよく知っているWebサイトでは、ダークモードを追加するだけでなく、すべての新しいエクスペリエンスを設計しています。

ケーススタディ（仮定）：ダークモード機能を追加した後のプログラミング用のeラーニングプラットフォームについて考えてください。何が起こったのか：

• 夜遅くに勉強するのが好きな学生は、夜遅くに勉強するのが好きな学生は、感じることなくプラットフォームで長く時間を取ることができます
• 圧倒的に肯定的なフィードバックを受け取りました。ユーザーは、ブランドが技術者のニーズを「聴き」、「理解」すると感じています。
• 画像は「プロモーション」と信頼性が高く見えます。ダークモードを使用すると、プラットフォームは市場の他のプロの開発者に匹敵します。

この成功は、ボタンをスイッチモードにすることからだけではありません。顧客が目標を達成するのに役立つUX/UIであることを理解しているデザインからこれが変換を作成することの中心です

‍

フォローしたいのですが、どのように開始しますか？あなたのウェブサイトにダークモードを追加するためのチェックリスト。

暗いモードがあなたのウェブサイトにとって正しいものであると判断した場合。これは行うべきステップです。良い結果を得て、実際には美しいだけでなく、写真：

• ステップ1：新しいカラーセットを作成します（反転しないでください）：ストレートカラースイッチング方法を使用しないでください！ホワイト（#fffff）は、コントラストを引き起こすため、完全に黒くなるべきではありません（＃000000）。ダークグレー（＃121212など）を背景として使用して、キャラクターの明るい白色を減らしてみてください。
• ステップ2：コントラストは心臓です：コントラスト比を使用して、その文字と要素を確保します。まだ読みやすく、WCAG（Webコンテンツアクセシビリティガイドライン）を渡すことができます。
• ステップ3：すべての要素をテストします：ロゴ、アイコン、ボタン、画像、およびさまざまなフォーム。ダークモードでよく表示する必要があります。背景を飲み込まないように、少し明るくするために調整する必要がある画像もあります。
• ステップ4：最新のテクノロジーを使用する：、Presters-color-schemeと呼ばれるCSSメディアクエリを使用できますオペレーティングシステムによって設定されたオペレーティングシステムの設定に従って、ウェブサイトを自動的に交互にできるようにするため
• ステップ5：ユーザーに決定させてください：最も重要なことは、「トグルスイッチ」を使用すると、ユーザーが自分で選択できることです。ユーザーに1つのモードに強制されないでください。これはユーザーの決定の尊重であり、投資家の設計、明確な情報を提供し、ユーザーが自分自身を見ることができる投資家

‍

ダークモードに関する質問（および最も明確な答え）

Q1：より良い暗いモードはありますか？
A：直接的な効果はありません。 GoogleはダークモードのWebサイトでより良いランクを与えていませんが、UXを介して間接的に行われます。ダークモードがユーザーに役立つ場合。ウェブ上では、長く（滞留時間）またはウェブサイトとのやり取り（エンゲージメント）。これらは、長期的にSEOにプラスの効果をもたらす良い兆候です。

Q2：あらゆる種類のWebサイトはダークモードに適していますか？
A：常にではありません。長い記事、政府のウェブサイト、またはウェブ、母、子供などの明るくフレンドリーなものを伝えたいウェブサイトを読むことに焦点を当てたウェブサイト。ダークモードには適していない場合があります。一方、テクノロジーWebサイト、エンターテイメント（ストリーミング）、またはモダンな贅沢を必要とするブランドは、通常、ダークモードでより良いです。

Q3：ダークモードを行うには多くの予算が必要ですか？
A：Webサイトの複雑さによって異なります。それが新しく作成されたウェブサイトであり、最初から計画を計画している場合、コストはそれほど高くないかもしれません。しかし、複雑な構造（改造）を備えた古いWebサイトに置かれている場合、予算と設計とテストの時間が必要になる場合があります。これは、ウェブサイトの改修の一部と見なされる場合があります（ウェブサイトの改修）

Q4：ウェブサイトは夜間に自動的に暗いモードとして設定する必要がありますか？
A：それは興味深いアイデアです。しかし、最良の方法は「しない」ことです。環境にどのようなユーザーがいるかはわかりません。トグル経由でユーザーを提供することは、常にユーザーを使用する最も安全で最も便利な方法です。

‍

概要：ダークモードは魔法の薬ではありません。しかし、人々のツールはUXを気にします

この時点で、ダークモードは美しいトレンド以上のものであることにすでに同意していますが、ユーザーのエクスペリエンス（UX）を強化するのは「強力」です。正しく使用すると、時間と正しい場合、キーはあなたのウェブサイトが「ダークモードかどうかにかかわらず、「顧客を理解して気遣うのに十分である」ということではありません。

ダークモードを選択するかどうかを選択することは、ターゲットグループの分析、ブランドのアイデンティティを理解し、利点と短所を検討した結果である必要があります。最終的には、成功したウェブサイトは使いやすく、答え、ユーザーにとって良い感情を生み出すことができるウェブサイトであるため、トレンドに従うだけではありません。明るいモードであろうと暗いモードであろうと

あなたのウェブサイトはどうですか？顧客に最高の体験を提示する準備はできていますか？ためらいがあなたのビジネスチャンスをブロックさせないでください。今日のUXへの良い投資。将来の成長のための強力な基盤を構築することです

、ビジネスに適したUX/UIを分析および設計するのに役立ちます。 Vision X Brainチームに相談してください。私たちはあなたのウェブサイトを顧客に愛され、ビジネス結果を作成する準備ができています。

‍