アプリ アイコンの最適化: アプリのコンバージョン率を高めるための実用的なガイド

今日のトピックは、アプリ ストアのクリエイティブ デザインの最適化、アプリ アイコンの最適化についてです。これは、数日前の ASOWorld cilents のケースの 1 つに基づいています。 

ストーリーは、成熟したゲームは、毎日ほぼ 100 のダウンロードと 5000 のインプレッションとして、オーガニック トラフィックを既に持っているということです。これは、多くの貴重な検索キーワードがアプリ ストアで上位にランク付けされていることを意味します。 

ここでの課題は、オーガニック ダウンロードが最近 100 から 10 に激減したことです。以下のように、このゲームについていくつかの分析を行いました。

● キーワードのカバレッジ条件。

● キーワードのランキング条件。

● 最近のアプリ ストアでのキーワード検索ボリューム。

● 主なユーザーのローカリゼーション条件と季節要因。

Appannie プラットフォームで確認したこれらすべての要因に関するデータは安定しており、大きな変化はありません。次に、競合調査について説明します。これらの要因は、インプレッションによって、アプリ ストア リストでのアプリのダウンロードに影響を与える可能性があります。アプリ ストアで以下の画像を表示してみましょう。

上の画像で感じることができるように、素晴らしいデザインと強力な表現力を備えたアイコンによって、いくつかの優れたアプリやゲームに簡単に引き付けられます.

以下のように、アプリアイコンの最適化と、アイコンを改善してアプリとゲームのインプレッションダウンロードのコンバージョン率を向上させる方法に焦点を当てましょう。アプリ アイコン、ベスト プラクティス、スタイル バリエーション、ターゲット ユーザーが好む色、表現力豊かなコンテンツのアプリ クリエイティブ デザインを使用して、アプリやゲームのプロモーションを開始します。

ASO でアプリ アイコンが重要な理由

アイコンは、ユーザー ジャーニー全体で表示される唯一の要素です。そのジャーニーが、注目の表示場所からアプリに直接ユーザーを誘導するか、検索結果ページから、または Facebook の広告からユーザーを誘導するかは問題ではありません。アイコンは、ホーム画面と同じように、アプリをインストールした後もユーザーの元に残る唯一の視覚的要素です。したがって、エンゲージメント/アプリの起動にも影響します。

気に入りそうな新しいアプリを見つけるために App Store を開こうとしていると想像してください。検索バーにいくつかのキーワードを入力し、クイック スキャンを行ってから選択します。選択したアプリのページで、ダウンロードするかどうかを決定します。あなたの目を引き、あなたの選択を決定するものは何ですか? 人間の脳は視覚情報をテキストよりもはるかに速く処理することを考えると、モバイル アイコンの外観は ASO の支配的な要因であるに違いありません。

[詳細] をクリックして、今すぐASO World アプリ プロモーションサービスでアプリとゲームのビジネスを推進してください。

App Store & Google Play ストア

アイコンがどんなによく考えられていても、Apple または Google が定める技術的要件を満たす必要があります。両社は、サイズから全体的なユーザー エクスペリエンスまで、適切なモバイル アイコンに対する期待を詳細に説明しています。公式サイトからガイドを見てみましょう。

アップル

シンプルさを大切に。アプリの本質を捉えた 1 つの要素を見つけて、その要素をシンプルでユニークな形で表現します。詳細を慎重に追加します。アイコンのコンテンツや形状が複雑すぎると、特にサイズが小さい場合、詳細を判別するのが難しくなる可能性があります。

単一のフォーカス ポイントを提供します。すぐに注目を集め、アプリを明確に識別する単一の中心点を持つアイコンをデザインします。

わかりやすいアイコンをデザインします。アイコンが何を表しているかを理解するためにアイコンを分析する必要はありません。たとえば、メール アプリのアイコンは、一般的にメールに関連付けられている封筒を使用しています。アプリの目的を芸術的に表現する、美しく魅力的な抽象的なアイコンを時間をかけてデザインしてください。

背景をシンプルに保ち、透過性を避けます。アイコンが不透明であることを確認し、背景を乱雑にしないでください。近くにある他のアプリ アイコンを圧倒しないように、背景はシンプルにします。アイコン全体をコンテンツで埋める必要はありません。

不可欠な場合、またはロゴの一部である場合にのみ、単語を使用してください。アプリの名前は、ホーム画面のアイコンの下に表示されます。「Watch」や「Play」など、アプリ名を繰り返したり、ユーザーにアプリの操作方法を伝えたりする重要でない単語は含めないでください。デザインにテキストが含まれている場合は、アプリが提供する実際のコンテンツに関連する言葉を強調してください。

写真、スクリーンショット、インターフェース要素は含めないでください。写真の詳細は、小さいサイズでは非常に見にくい場合があります。スクリーンショットはアプリ アイコンには複雑すぎるため、通常、アプリの目的を伝えるのに役立ちません。アイコン内のインターフェイス要素は誤解を招き、混乱を招きます。

Apple ハードウェア製品のレプリカを使用しないでください。Apple 製品は著作権で保護されており、アイコンや画像で複製することはできません。ハードウェアの設計は頻繁に変更される傾向があり、アイコンが時代遅れに見える可能性があるため、一般に、デバイスのレプリカを表示することは避けてください。

インターフェース全体にアプリ アイコンを配置しないでください。アプリ全体でさまざまな目的に使用されるアイコンを見ると、混乱する可能性があります。代わりに、アイコンの配色を組み込むことを検討してください。

さまざまな壁紙に対してアイコンをテストします。ユーザーがホーム画面にどの壁紙を選択するかは予測できないため、明るい色または暗い色に対してアプリをテストしないでください。さまざまな写真でどのように見えるかを確認してください。デバイスの移動に合わせて視点が変化する動的な背景を持つ実際のデバイスで試してみてください。

アイコンの角を直角に保ちます。アイコンの角を自動的に丸めるマスクが適用されます。

Google Play アイコンのデザイン ガイドライン

影を追加しない: Google は、システムにアップロードされた後、アイコン デザインに自動的に影を追加します。自分でやらないでください。

角を丸くしない: Google は、アップロードされたすべてのアイコンに丸みを帯びた半径も自動的に追加します。この半径は、アイコン サイズの 20% に等しくなります。

バッジの使用を避ける: アイコンにバッジを埋め込むことはお勧めしません。これは、アートワークに影響を与える可能性があり、適切に拡大縮小できないためです。

アイコンのデザイン原則をマスターする

Google Play や​​ Apple App Store のアイコンをデザインする場合でも、常に従うべき 4 つの原則があります。

スケーラビリティ:アイコンはさまざまな場所やさまざまなデバイス (デスクトップ コンピューターの Facebook 広告、モバイル デバイスの検索結果など) に表示されます。さまざまなシナリオでアイコンが見栄えがすることを確認してください。

認識可能性:アイコンはすぐに認識できますか? そうでない場合は、そうなるように再設計する必要があります。あなたのアイコンは、他のゲームやアプリケーションの海と競合することになります。これを行う最善の方法は、どこにいても簡単に認識できるようにすることです。

一貫性:次に、アイコンがアプリケーションの実際の使用経験に関連していることを確認します。たとえば、ユーザー インターフェイスが白黒の場合は、アイコンに同様のカラー パレットを使用して統一性を確保することを検討してください。

独自性:前に何千回も述べたように、アプリ ストアには多くのアプリが注目を集めています。カテゴリ内の他のアプリとは異なるアイコンの外観にする必要があります。

モバイル アイコンの最適化を開始する

まず、カテゴリ内で最もパフォーマンスの高いアプリをいくつか見て、モバイル アプリのアイコン デザインで試すことができるスタイルを見つけることができます。ターゲットと関連するキーワードを使用すると、アプリが検索のどこにあるかを確認するのに役立ちます。主な競合他社を見て、それらのアイコンに含まれる要素を確認してください。これにより、ガイダンスとインスピレーションが得られると同時に、どのオーディエンスも反応が良いかを判断できます。そこから、彼らが特定した要素を現在のデザインに組み込んで、群衆から際立たせることができます.

注意が必要な要素を次に示します。

特徴

開始する前に、次のことを自問してください。アイコンはストーリーを伝え、アプリ独自の機能を売り込んでいますか?

モバイル アイコンの背後にあるメッセージをユーザーが確実に理解できるようにすることが重要です。たとえば、自撮りアプリのアイコンを見ると、大部分がカメラ、レンズ、またはレンズのような視覚効果を持っていることがわかります。音楽アプリのアイコンには、音符、音波、またはイコライザーが含まれています。料理業界では、エプロンまたはシェフの帽子がそれぞれレシピ アプリのアイコンに表示されます。

ブランドがターゲット市場ですでに認知されている場合は、アイコンで使用することが不可欠です。アプリケーションに信頼性を与え、ユーザーの信頼を高めます。

ブランド

ブランドがターゲット市場ですでに認知されている場合は、アイコンで使用することが不可欠です。アプリケーションに信頼性を与え、ユーザーの信頼を高めます。たとえば、「レーシング」を検索すると、結果の隅に大きな出版社のロゴが付いたアイコンがいくつか含まれていることがわかります。

アイコンの色とスタイル

アイコンのスタイルと色を選択することは、包括的なブランディングの決定に近いものです。問題は、モバイル アイコンが実際に App Store であなたの会社を表していることです。アプリのデザインと会社のアイデンティティとの間に重大な相違があると、忠実な顧客を思いとどまらせることさえあります。アプリを作成するときは、誰のために作成しているのかを確実に把握できます。潜在顧客の年齢、性別、場所、言語、その他の特徴がアプリのデザインに影響します。同じルールがモバイル アイコンにも適用されます。ターゲティングが正確であればあるほど、より多くのインストールが期待できます。明らかに、子供向けゲームのアイコン スタイルは、会計アプリケーションのアイコンとは色や構成が大きく異なります。

最高のパフォーマンスを発揮する色

多くの企業は、その色で認識されています。同じことがアプリにも当てはまります。そのため、モバイル アイコンの色を選択することが非常に重要です。どの色が最も効果的ですか? 残念ながら、正解はありません。ほとんどの色には意味または少なくとも関連性がありますが、これらが決定の指針となる場合があります。

青は、多くの大企業 (Facebook、Twitter、Visa など) で人気のある色です。それは実際に、信頼、誠実さ、忠誠心、安全、心の平和を表すようになりました. この色は、否定的な文化的解釈がないため、国際的な使用を目的とした製品のロゴやアイコンによく使用されます。

緑は主にお金と自然に関連しているため、2 つのアプリケーション カテゴリの開発者に好まれています。および環境行動プロモーター。

紫はよりフェミニンな色です。赤は大胆でエネルギッシュ、オレンジは陽気、黄色は温かく、緑は穏やかなので、スポーツ アプリには赤を、一部のヘルス トラッカーには緑を選択できます。

ただし、選択した色に関連する考えられるすべての関連性と文化的解釈を慎重に考慮に入れることが重要です。

適切なアイコン デザイン スタイルの選択

特に注目すべき4つのスタイルがあります。

フラット アイコン: このアイコン デザイン スタイルは完全にフラットです。シンプルさと実用性を兼ね備えたベーシックなスタイルです。これは、ユーザーが特定の目標を達成するのに役立つ実用的なアプリケーションに最適です。

擬人化アイコン: このアイコン デザイン スタイルは、現実世界のオブジェクトを模倣しています。今日は以前ほど人気はありませんが、視聴者によっては、依然として堅実な選択肢になる可能性があります. たとえば、実生活で特定のことをユーザーに思い出させたいアプリケーションは、擬人化されたデザインの恩恵を受けることができます。

イラスト アイコン: このスタイルのアイコン デザインは、イラストを使用して潜在的なユーザーの目を引きます。これは、ゲーム、特にファンタジーの世界で行われるゲームに最適です。しかし、ツールの使いやすい機能と快適なユーザー インターフェイスをユーザーに納得させたい実用的なアプリケーションにも適しています。

3-D アイコン:最後に、ユーザーに「ポップアップ」する 3-D アイコンのデザインがあります。このデザインスタイルはとても美しいものです。3D ゲームプレイを伴うゲームの場合、これは適切な選択です。

アイコン最適化のヒント

アイコンをシンプルにする

1 つのアイコンにあまりにも多くの画像を入れようとすると、見た目が雑然とする可能性があります。一度にすべてを含めるのではなく、本質に焦点を当てます。設計時にアイコンが適切に表示されていても、開発者は低解像度でどのように表示されるかを確認する必要があります。画面サイズで表示すると、重要な詳細が失われたり、スペースが競合したりする可能性があります。

さまざまな色を試す

世界には美しい色の組み合わせがたくさんあり、デザイナーはそれらをよく知っています。難しい問題は、これらの優れた組み合わせのどれがインストールを促進するかということです。ソフト パステルの背景がメインのアイコン要素を強調し、大胆なコントラストよりもコンバージョンを促進するかどうかをテストして確認します。

テキストを使いすぎない

テキストは正しく使用する必要があります。テキストはシンプルで低解像度でも読みやすく、アイコンの他の要素と競合しないようにする必要があります。太字のテキストやキャプションを使用しても機能しますが、アイコンに詩を表示する余地がありません。読みにくく、小さなアイコンのスペースを占有します。

もちろん、多くのアプリケーションでは、モバイル アイコンに単語や文字 (ブランドの場合もそうでない場合もあります) をうまく使用しています。「単語」クラブに参加したい場合は、アイコンの余分な文字がグラフィック言語よりもうまく翻訳されるかどうかをテストすることを忘れないでください. ブランドに関連する意味のある文字を 1 つだけ使用することを選択した場合、それは優れたアプリケーション アイコンになります。ただし、コンテキスト内のロゴとして使用することはまだ推奨されていません.

境界線を追加する

アプリケーション アイコンの境界線をテストします。これにより、アイコンの輪郭を背景に合わせて輪郭を描き、視認性と魅力を高めることができます。

ダークモード

ダークモードでアイコンがどのように表示されるかを調べることも重要です。スクリーンショットが明るいモードと暗いモードの両方で見栄えがするように設計する必要があるのと同様に、アイコンは両方を念頭に置いて設計する必要があります。アイコンがダークモードの背景に溶け込んでいる場合、ユーザーはそれを無視する可能性があり、衝突が強すぎると抑止力として機能する可能性があります.

アイコンのパフォーマンスをテストする

ブランディング ルールに基づいて適切にデザインされたアイコンであっても、アプリ ストアで何百万ものアプリを獲得できる保証はありません。アプリ ストアの訪問者は、製品ページにアクセスすると、アイコンに注意を向けなくなります。そのため、アイコンを改善する最も簡単な方法は、App Store で一連のカテゴリ テストを実行し、競争の激しい環境で最高のパフォーマンスを発揮するバージョンを選択することです。

アイコンのさまざまな要素 (色、背景、グラフィック、構成など) をテストして最適化するデータ駆動型のアプローチのみが、アプリのダウンロードを増やし、モバイル アイコンを最大限に活用することができます。

アイコンテストを実行する手順

仮定:行動に移せる明確で強力な仮定を選択します。アイコンの背景を赤から青に変更することは、有力な仮説ではありません。では、ユーザーが青色のアイコンを好むとします。黄色を一度テストしますか？青と緑が嫌いな人はどうですか？何百もの他の色はどうですか？このテストは、ユーザーをよりよく理解するのにどのように役立ちますか?

設計:仮定に基づいて設計概要を作成します。これらの仮定がクリエイティブ アセットにどのように反映されるかを考え、アイコンのさまざまなバリエーションのデザインを開始します。

トラフィック戦略:テストは、そのテストの一部になるように指示するトラフィックと同じくらい成功します。テストの成功には、聴衆を知り、対象者を (仮定に基づいて) 正確に理解することが重要です。

テストの実行:テスト プラットフォームを使用して、App Store および Google Play ページの ASO テストを設定します。これらのページの複製バージョンを作成し、Facebook/Instagram/Adwords またはその他のデジタル チャネルのバナーを使用してライブ トラフィックを送信します。

選択したテスト バリアントが大きく異なることを確認します。影やグラフィックスの異なる角度などの小さな変化は、重大な変換の違いを示す可能性が低いため、分割テストには適していません。

開発者は、競合他社のアイコンを比較して、カラー パレット、アイコンの境界線、使用されている文字や画像などの共通の繰り返しテーマを確認できます。

開発者は、アイコンをテストして、どの要素が最も多くの変換をもたらすかを判断することもできます。あらゆるクリエイティブな要素と同様に、繰り返しテスト バリアントを変更することで、ユーザーが何に反応するかを開発者が理解するのに役立ちます。各テストは、特定の配色、文字、またはテキストの配置であるかどうかにかかわらず、何が機能するかについてより多くの洞察を提供します。

結果を分析する:トラフィック戦略が実施され、テストが実行されたら、結果を慎重に分析します。

やり直す:それだけでは終わりません。これで、テストの結果と洞察に基づいて新しい仮説を立て、より多くのテストを実行して、CVR の改善に役立てることができます。私たちは常に改善に取り組んでいます!