AppTweakでアプリページをダークモードでプレビューする
2,500人以上の参加者を対象としたAndroid Authorityの2020年の調査によると、「Android Authorityの読者の圧倒的多数である81.9%がスマートフォンでダークモードを使用している」ことが分かりました。参加者の10%は両方のモードを使用し、ライトモードからダークモードに定期的に切り替えており、わずか8%がダークモードを使用しないと回答しました。これらの数字は、ダークモードがいかに人気になったかを示しています。ASOの観点から、この調査はアプリのクリエイティブを最適化する際に、ダークモードとライトモードの両方を考慮することの重要性を確認しています。
アプリのクリエイティブをデザインする際にダークモードを考慮すべき方法と理由を理解するために、このブログをお読みください。AppTweakのアプリページプレビューアーを使用して、ダークモードでのストアページも視覚化することをお忘れなく!
ダークモード用にクリエイティブを最適化する
アプリのクリエイティブをデザインする際は、ライトモードと同様にダークモードでも見栄えが良くなるようにすることを心がけてください。例えば、両方のモードでコントラストの効いた色を使用する必要があります。通常、アプリのアイコンは白い背景と黒い背景の両方から際立つようにしたいものです。
Androidでは、アプリのアイコンに透明な背景を使用することで、ユーザーの好みのモードに適応できるという優れたヒントもあります。
![]()
アプリをストアに提出する前に、当社のアプリページプレビューアー(App Store)またはストアリスティングプレビューアー(Google Play)を使用して、ライトモードとダークモードの両方でクリエイティブがどのように表示されるかを確認できます。複数の異なるアイコンやスクリーンショットをアップロードして、どのバージョンが両方のモードで最も見栄えが良いかをテストすることも可能です。
アプリページプレビューアーで新しいメタデータとクリエイティブをテストして視覚化する
ダークモードでアプリクリエイティブを最適化するベストプラクティス
ユーザーが主にスマートフォンでダークモードを使用する理由は、特にベッドでスマートフォンを確認する際や夜遅い時間帯に目に優しいと言われているからです。アプリが夜遅い時間帯にユーザーによって定期的に使用される場合は、ダークモードのユーザーにとって目に刺激的になる可能性のある明るい色を避けることに特に注意を払う必要があります。ダークモードでクリエイティブを最適化する際のベストプラクティスを示すいくつかの例を見つけました。
アプリのスクリーンショットで白いスマートフォンを避ける

上記の例では、Headspaceのスクリーンショットはダークモードで特に明るく表示されています。これは主に、アプリのスクリーンショットで使用されているスマートフォンが白いためです。しかし、Calmは、ライトモードでもダークモードでも同様に機能するニュートラルな色のスマートフォンを特徴とする優れた仕事をしました。
白い背景を避ける

スクリーンショットでは白い背景を避けるべきです。ダークモードのユーザーにとって特に刺激的に目立つためです。Scribdは、スクリーンショットで明るい背景色を使用しながらも、ダークモードで見ても快適に見えるようにする優れた仕事をしました。
エフェクトがダークモードとライトモードの両方で機能することを確認する

Booking.comのスクリーンショットは、ライトモードでは非常に美しく見えます。白い背景により、背景がまったくないかのように見えます。これにより、ユーザーはスクリーンショットで特徴的な主要要素であるスマートフォンに集中できます。しかし、ダークモードでは、スクリーンショットが非常に明るく表示され、ユーザーにとって不快になる可能性があります。一般的に、より暗い背景を優先することをお勧めします。ダークモードとよく調和し、ライトモードと美しくコントラストを成すため。
App StoreとGoogle Playでのアプリクリエイティブに関するこれらのヒント、ガイドライン、ベストプラクティスに従ってください
TLDR
- ダークモードはスマートフォンでますます人気になっています
- ユーザーは一般的に目に優しいという理由でダークモードを選択します
- アプリのクリエイティブを最適化する際にダークモードを考慮することが重要です。ダークモードのユーザーにとって不快になる可能性のある明るいコントラストの使用は避けてください
- アプリページプレビューアーを使用してライトモードとダークモードでクリエイティブをテストしてプレビューする
Micah Motta
Georgia Shepherd