Appbotではアプリのレビューに関する分析だけでなく、アプリのアイコンもたくさん見ることができます。

 

私はこれまで、アプリのディスクリプションからスクリーンショット、名前、国についてあらゆることを研究してきました。アプリのアイコンについてはずっと興味があったのですが、アイコンの効果を調べるにはどうしたらいいのか、なかなかいい方法が思い浮かばずにいました。

 

最近になって、たまたまRubyのライブラリでMiroと呼ばれる画像で使用されている主要カラーを抽出できるソフトウェアを見つけたんです。

 

そこでそれを使ってアプリの主要カラーを分析してみると、非常におもしろい結果が得ることができました。

 

 

 

分析方法 

unspecified

 

Webカラーの標準16色(と黄色)を用い、Google Mapのアイコンで使われている色と標準色とを照らし合わせました。そして同じような色同士をグループ化し、以下のように名前をつけました。

 

#02601e -> グリーン

#a8120c -> マルーン

#0c44de -> ブルー

#bdbfc0 -> シルバー

#f4b510 -> イエロー

#717973 -> グレー

#24721b -> グリーン

#2d0d0e -> ブラック

 

ブラックとホワイトとグレーを除いた、主要4色をカラーホイールにプロットしました。

 

アイコンの大きさが大きいほど、その位置の色が多く使用されていることを表しています。

 

1*xl823nKUdhQcT4wyR5SmNg

 

トップ200の無料iOSアプリ

トップ200の無料iOSアプリをこのカラーホイールにプロットした結果配下のようになりました。

 

unspecified-2

 

ブルーとレッドには大きなアプリアイコン群があり、グリーンにはまばらでした。

ピンクとパープルはアイコンの数が少なすぎるためサンプルとしては不十分であり、イエローはスナップチャットが独占していました。

 

 

トップ200の有料アプリ

トップ200の有料アプリは無料と比べて若干の違いが見られました。

 

unspecified-8

 

ブルーやレッド、グリーンは無料アプリと似たようなグループを構成していますが、有料アプリでは単色使いのアイコンは少なく、複数の色を使用しているものが多いということがわかりました。このため、カラーホイール上では各アイコンが小さく、散らばって見ます。

 

 

新作のiOSアプリ100

次にこの記事を書いている時にアプリストアでリリースされた新作のiOSアプリ100個をプロットしてみました。トップチャートに比べてストア全体のより一般的な結果が見られるだろうと予想していました。

 

unspecified-7

 

ですが、これもまたトップ有料アプリと似たような結果となりました。

 

 

トップ200のiOSソーシャルネットワークアプリ

ソーシャルネットワークアプリといったらブルーですよね?TwitterやFacebookなどなど。

 

1*xp3f5J9tp6tw5KGmpaa6kw

 

 

 

実際は他のカテゴリーの結果とほぼ同じでした。強いて言えば、グリーンのアイコンが少し多かったです。

 

 

トップ200のiOSゲームアプリ

 

unspecified-6

ゲームアプリは他のアプリに比べて複雑なデザインのアイコンを持っている傾向が高いです。アイコンが散らばっていることから、使用されているカラーが様々だということがわかります。

 

 

トップ200の無料Macアプリ

 

unspecified-5

 

ブルーは他のiOSアプリと同じような構成になっていますが、レッドやグリーンが使用されているアイコンがたくさんあります。

 

 

アプリの順位

Macstoriesのグラハムはアプリの順位をアイコンの大きさに反映させてアプリの主要カラーをプロットする方法を提案してくれました。トップ100の無料アプリをこの方法で試して見ました。

 

unspecified-4

 

アイコンのサイズが大きいほど、アプリの順位も高いことを示しています。

 

Google Playのトップ無料アプリ

この記事のオリジナル版を投稿した後、Google Playを比較してほしいというお願いがいくつかありました。これはオーストラリアのGoogle Playストアの結果です。

 

unspecified-3

 

iOSとほとんど違いはありませんね 🙂

 

Google Playのトップ無料ゲームアプリ

iOSとの比較用としてGoogle Playも調べました。

 

1*cbnzWVz8nRlXQlyMeUeWcQ

 

 

 

結局、アイコンにはどの色を選ぶべきなのか?

これはあなたのアプリがどんなアプリなのか、ターゲット顧客は誰なのかによりけりですが、きっと以下の3つのカテゴリーのどれかに当てはまると思います。

 

・大衆派

大勢の人を取り込みたい場合は、ブルーかレッドがいいでしょう。

 

・個性派

一番人気ではなく、かつそこまでハズれることはないグリーンがいいでしょう。

 

・革新派

大衆的なのもダサいし、個性的なだけでも満足できないなら、ピンクやパープルがいいでしょう。あたかも自分が作ったカラーであるかのように使ってください。

 

この記事は、GrowthBug.com上の記事 “The Colors Of An App Icon” を著者の了解を得て日本語に抄訳し掲載するものです。 Repro published the Japanese translation of this original article on GrowthBug.com in English under the permission from the author.