優れたアプリ起動画面の10の例

第一印象を与えるチャンスは1回だけです。
ユーザーは、App Storeの説明とスクリーンショットからアプリの内容をある程度理解できますが、実際に動作しているアプリの第一印象はどこから来ているのでしょうか。
起動画面。
「スプラッシュ画面」とも呼ばれます。これは、アプリユーザーがクリックしてアプリを開いたときに最初に表示されるものです。そのため、その重要性を過小評価しないでください。
正しく理解する—大胆でシンプルで関連性の高い起動画面が最も効果的に機能する傾向があります—視聴者が立ち上がって注目し、何が用意されているかについて真に興奮していると感じ、時間をかけて試してみる意欲を高めます。アプリを出します。
間違えると、オーディエンスを失い、アプリが読み込まれる前に、アプリに対する否定的な認識を与えてしまいます。
今日は、優れた起動画面がどのように見えるかの実際の例をいくつか紹介することで、アプリが確実に開くように支援します。 （注：MobiLoudは、以下にリストしたアプリを所有している企業のいずれとも提携していません。彼らは起動画面で素晴らしい仕事をしたと信じています！）

アプリ起動画面とは何ですか？

まず、起動画面が実際に何であるかを見てみましょう。
それらの重要性にもかかわらず、機能的な観点からは、起動画面は実際にはほとんど機能しません。アプリは、起動画面がなくても完全に機能する可能性があります。
Mobiloudに興味がありますか？ 詳細については、ここをクリックしてください
起動画面は、アプリの読み込み中にユーザーに表示される単なる視覚的なプレースホルダーです。 このアイデアは、アプリが高速で応答性が高いという認識を生み出す方法としてiOSから生まれました。アプリを開いてロードされるまで数秒待つ必要はなく、ユーザーにはすぐに起動画面が表示されます。
これはユーザーエクスペリエンスの向上に重要な役割を果たしたため、Appleはこれをアプリの設計の必須部分とし、今日まで続いています。
起動画面の役割は機能的ではなく美的であるため、一部の人々は起動防止画面キャンプにしっかりと座っています。
起動画面に対してロビー活動を行った主な議論は、その継続的な使用は主に期待に反しているという信念です。 圧倒的多数のアプリが1つを正当化するのに十分なリソースを使用していなくても、ユーザーは起動画面が表示されることを期待しています。モバイルOSがますます高速になるにつれて、最もリソースを大量に消費するアプリにのみ本当に必要になります。
その議論は公正な点を示していますが、ブランディングの観点からは起動画面の力を見逃しています。
ユーザーがアプリを起動するたびに、同じウェルカム画面が表示されます。これにより、親しみやすさが増し、ブランドが強化されます。 ユーザーがアプリを気に入った場合、その起動画面が表示されるたびに（ブランドが塗りつぶされて）、興奮の感覚で満たされ始めます。
これは、関連する強力なものです。

起動画面の例

これで、起動画面とは何か、なぜそれらが重要なのかについて説明しました。効果的な起動画面のいくつかの優れた例を見てみましょう。 それらすべてにどのような類似点があるかに注意してください。自分のモバイルアプリと同じくらい効果的なものを作成できる可能性があります。

Nike + Running ：Nikeの起動画面は教科書の例であり、シンプルな白いロゴとは対照的に、大胆な赤い背景があります。 下部にあるランニングトラックのかすかな輪郭も、アプリの目的に非常に関連しています。

グラスホッパー： 「初心者向けのコーディングアプリ」 –グラスホッパー–には、洗練された効果的なロード画面があります。 暗い背景はプロフェッショナルに見え、画面上のテキストはユーザーにアプリの内容を即座に知らせます。 静止画像では表示されませんが、アプリの読み込み時に4つの色付きのドットが円を描くように回転するため、アニメーション化されて見やすくなります。

フィナンシャルタイムズ：ニュースを読んでいる場合は、情報源が正確で信頼できるものであることを確認する必要があります。 Financial Timesは、ジャーナリズムの質と深さ、そして新聞のような素敵なアイコンを強調することで、できるだけ早く信頼を築くアプリ起動画面を作成しました。 注意すべきもう1つの興味深い点は、起動画面の3つのバージョン間をスクロールして、それぞれに異なる価値提案を含めることができることです。

Dropbox ：Dropboxの起動画面はシンプルですが効果的です。大胆なネイビーの背景に、認識可能なロゴと会社名が非常に明るい青色で表示されています。 アプリの起動画面を過度に複雑にする必要はありません。Dropboxはその好例です。

中：この起動画面はスマートで最新のものであり、モバイルアプリとウェブサイトの両方でのユーザーエクスペリエンスを反映しています。 メディアは、コンテンツクリエーターとライターのためのプラットフォームであり、 「他では見られないアイデアと視点」というスローガンを反映して、タイプライターと組み合わせたピアノのユニークなイメージを使用しています。 イラストのスタイルはモダンでフレンドリーです。

Citymapper ： 「究極の交通アプリ」は、この起動画面に彼らの使命を効果的に反映しています。 グラフィックの使用が最小限であるということは、起動画面が乱雑にならないことを意味しますが、矢印と円形のアイコンは、アプリとトランスポートの関係を強調しています。

ウィキペディア：ウィキペディアのアプリ起動画面は、ウィキペディアの通常のWebサイトを反映して、プロフェッショナルでクリーンに見えます。 画像は高解像度で、ウィキペディアとしてすぐに認識できます。 この起動画面は最小限ですが効果的です

トリップアドバイザー：トリップアドバイザーのアプリ起動画面は、アプリ自体のルックアンドフィールをキャプチャするのに最適です。 ロゴの付いたトリップアドバイザーの緑色の署名は、トリップアドバイザーとしてすぐに認識できます。その下のテキストは、アプリをダウンロードしたばかりの人にトリップアドバイザーを使用する主な利点のいくつかを強調しています。

Lyft ：もう1つのシンプルな（ここでトレンドに気づいていますか？）が、効果的な起動画面はLyftのものです。 配色はロゴとアプリアイコンから直接採用されており、アプリを開いたときにブランドを効果的に宣伝します。 グラデーションのある暗いが特徴的な色の背景の明るいテキストが目立ち、アプリユーザーの目をロゴに向けます。

Soompi ：Soompiのアプリ起動画面は、いくつかの理由で効果的です。 まず、ロゴは明確で、暗い背景に対して目立ちます。 背景は楽しくアニメーション化されており、アプリのコンテンツに関連するイラストやテキストが含まれています（K-Pop業界に焦点を当てたニュースアプリです）。 アニメーションの外観にもかかわらず、カラーパレットはプロフェッショナルな外観を維持し、画面の下部にある読み込みサークルにより、ユーザーはアプリが読み込まれていることを知ることができます。

要点

周りの最高のアプリ起動画面のいくつかを見てきましたが、私たちが取り除いて自分の起動画面に適用できるものはありますか？
圧倒的多数の起動画面（とにかく良い画面）は、次の式を使用します。

1. 背景—背景には決まったルールはありませんが、最高のものは大胆で明確です。 通常、選択した色は目立つように明るい色ですが、ブランドの配色の周りの色を選択することはまったく問題ありません。 多くの場合、シンプルさが選択されますが、場合によっては、魅力的なテクスチャを使用することでアプリに独特の感触を与えることができ、関連する画像によってユーザーはアプリ内エクスペリエンスを利用できるようになります。
2. ロゴ—ロゴは明確で、画面の中央に目立つように配置されています。 ほとんどの場合、背景とのコントラストがはっきりしている色を選択して、飛び出します。
3. 名前—すでに一般的な名前でない限り、ほとんどの開発者は、ブランド認知度をさらに高めるために、ロゴの下にアプリの名前を含めることも選択します。
4. スローガン—小さくて認知度の低いアプリの多くは、起動画面に短いスローガンも表示されます。 これにより、ユーザーはアプリの機能を確認でき、ストアでのエクスペリエンスに備えることができます。

この構造に従って、アプリに優れた起動画面を提供し、ノックアウトの第一印象を提供します。
アプリ自体は、起動画面の後も見栄えがする必要があることを忘れないでください。 アプリが作成されている場合、またはWordPress Webサイトからアプリを作成することを計画している場合は、パフォーマンスの高いアプリのランディングページを作成するのに役立つ5つのWordPressテーマのリストをまとめました。
MobiLoudの詳細については、こちらをご覧ください。