{"id":"492","date":"2016-11-07T08:30:23","date_gmt":"2016-11-07T16:30:23","guid":{"rendered":"https:\/\/www.pickfu.com\/blog\/?p=492"},"modified":"2023-12-11T19:59:29","modified_gmt":"2023-12-12T03:59:29","slug":"app-icon","status":"publish","type":"post","link":"https:\/\/blog.pickfu.com\/app-icon\/","title":{"rendered":"Getting the Most from Your App Icon"},"content":{"rendered":"

When Steve Jobs talked to Fortune<\/em> in 2000 about the Mac OS X’s Aqua interface, he delivered a classic line:<\/p>\n

“We made the buttons on the screen look so good you’ll want to lick them.”<\/p><\/blockquote>\n

Today, an app’s icon needs to meet that standard if it’s going to gain traction with users. We reached out to app creators and UX designers to understand how to think about your app’s icon. Here’s what they shared:<\/p>\n

Keep it simple, stupid<\/h2>\n

Like all good design, simplicity is key. “Your icon occupies invaluable real estate on your customer’s phone screen and as a developer, you need to treat every pixel like gold,” said Bryan Clayton, CEO of GreenPal<\/a>.<\/p>\n

“The best app icons out there are easily recognizable, consist of few design elements and use a limited color palette that is consistent with the brand,” adds Victoria Gerchinhoren, Head of Design & UX at Thingthing<\/a>, an iOS keyboard app.<\/p>\n

Simplicity Part II: Remember you’ll use it elsewhere<\/h2>\n
\"Thingthing's<\/a>

Thingthing’s app icon<\/p><\/div>\n

“Simplicity is also important for scalability,” Gerchinhoren says. “Your app icon will be shown in several places across different platforms and in various sizes. It must be clear and recognizable in all cases, large and small.”<\/p>\n

Simplicity Part III: Familiarity = Freedom<\/h2>\n
\"Infiltr's

infiltr’s app icon<\/p><\/div>\n

When your app is new, it needs to convey more. It must clearly communicate how it meets a user’s needs. Philippe LeVieux, co-founder of infltr<\/a>, said, “We currently use a camera icon with an infinity sign inside because we offer an infinite number of filters in our photo editor and camera app. With time, we want to evolve and drop the camera, and simply use the infinity sign. When you launch a new app<\/a>, you want users to understand as much as possible from the icon. When you are established, you can start to simplify!”<\/p>\n

Use color wisely<\/h2>\n

“In my experience, the most effective approach is to use the brand’s iconic mark or logo as the app icon, with the background color of the icon being the brand’s primary color,” said Nick Saporito, a freelance graphic designer<\/a>. “Users tend to identify apps by color while scanning through their catalog of apps, and the background color is what’s most visible, so it makes sense to use your brand’s prominent shade.”<\/p>\n

Tell a story<\/h2>\n
\"Petter's<\/a>

Petter’s app icon<\/p><\/div>\n

A clean, minimalist logo should still be able to say something about your brand and evoke emotion. “I went through multiple designs for the app icon, and finally settled on one that tells a story,” said Jeanie Galbreath, creator of The Petter App<\/a>. “The turquoise in the icon is actually a hand that pets the animal.”<\/p>\n

Continue to iterate<\/h2>\n

Adam Davis, Thingthing’s CMO, said that “although [our icon is] professional, easily recognizable and connects to what the app is about, we’re in the process of taking it further to more effectively communicate what makes [our] keyboard unique and better connect it to people’s productivity needs.”<\/p>\n

A new icon helps convey a major update to users, like the addition of new levels in a game, or the introduction of more features.<\/p>\n

When iterating icons, many developers turn to app icon testing<\/a> on PickFu. For just a few dollars and in only minutes, companies can test versions of app icons to gauge audience reaction. Best of all, testing takes place before a live update in the App Store<\/a>, saving approval time should multiple design revisions be needed. Simon Newstead, CEO of Frenzoo<\/a> said, “When we created our unique 3D Fashion Game for iOS and Android, we used PickFu extensively to poll different icons, section names, and even the name of our game itself! It’s a cost-effective, fast, and very helpful service.”<\/p>\n

\"app-icon-testing\"<\/a><\/p>\n

See more examples of App Icon tests<\/a>, and then give it a try yourself!<\/p>\n","protected":""},"excerpt":{"rendered":"

When Steve Jobs talked to Fortune in 2000 about the Mac OS X’s Aqua interface, he delivered a classic line: “We made the buttons on the screen look so good …<\/p>\n","protected":""},"author":"2","featured_media":"500","comment_status":"open","ping_status":"open","sticky":"","template":"","format":"standard","meta":{"_editorskit_title_hidden":"","_editorskit_reading_time":"0","_editorskit_is_block_options_detached":"","_editorskit_block_options_position":"{}","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":["12","16"],"tags":[],"acf":[],"yoast_head":"\nGetting the Most from Your App Icon - The PickFu blog<\/title>\n<meta name=\"description\" content=\"App creators and UX designers weigh in on how to think about your app's icon, with tips and examples.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.pickfu.com\/app-icon\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting the Most from Your App Icon - The PickFu blog\" \/>\n<meta property=\"og:description\" content=\"App creators and UX designers weigh in on how to think about your app's icon, with tips and examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.pickfu.com\/app-icon\/\" \/>\n<meta property=\"og:site_name\" content=\"The PickFu blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pickfu\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-07T16:30:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-12T03:59:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.pickfu.com\/wp-content\/uploads\/2016\/11\/stand-out-on-home-screen-e1478221301709.png\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"711\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kim Kohatsu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@kimkohatsu\" \/>\n<meta name=\"twitter:site\" content=\"@pickfu\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kim Kohatsu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/blog.pickfu.com\/app-icon\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blog.pickfu.com\/app-icon\/\"},\"author\":{\"name\":\"Kim Kohatsu\",\"@id\":\"https:\/\/blog.pickfu.com\/#\/schema\/person\/d11654c55cbb0412bdecc3d66bfa5fa8\"},\"headline\":\"Getting the Most from Your App Icon\",\"datePublished\":\"2016-11-07T16:30:23+00:00\",\"dateModified\":\"2023-12-12T03:59:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blog.pickfu.com\/app-icon\/\"},\"wordCount\":674,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/blog.pickfu.com\/#organization\"},\"articleSection\":[\"Guides and how-tos\",\"Mobile apps\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blog.pickfu.com\/app-icon\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.pickfu.com\/app-icon\/\",\"url\":\"https:\/\/blog.pickfu.com\/app-icon\/\",\"name\":\"Getting the Most from Your App Icon - The PickFu blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.pickfu.com\/#website\"},\"datePublished\":\"2016-11-07T16:30:23+00:00\",\"dateModified\":\"2023-12-12T03:59:29+00:00\",\"description\":\"App creators and UX designers weigh in on how to think about your app's icon, with tips and examples.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.pickfu.com\/app-icon\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.pickfu.com\/app-icon\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.pickfu.com\/app-icon\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.pickfu.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting the Most from Your App Icon\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.pickfu.com\/#website\",\"url\":\"https:\/\/blog.pickfu.com\/\",\"name\":\"The PickFu blog\",\"description\":\"How-to guides, customer success stories, and news about PickFu\",\"publisher\":{\"@id\":\"https:\/\/blog.pickfu.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.pickfu.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/blog.pickfu.com\/#organization\",\"name\":\"PickFu\",\"url\":\"https:\/\/blog.pickfu.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.pickfu.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/blog.pickfu.com\/wp-content\/uploads\/2020\/08\/logo-large-transparent-1.png\",\"contentUrl\":\"https:\/\/blog.pickfu.com\/wp-content\/uploads\/2020\/08\/logo-large-transparent-1.png\",\"width\":1800,\"height\":600,\"caption\":\"PickFu\"},\"image\":{\"@id\":\"https:\/\/blog.pickfu.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pickfu\",\"https:\/\/twitter.com\/pickfu\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.pickfu.com\/#\/schema\/person\/d11654c55cbb0412bdecc3d66bfa5fa8\",\"name\":\"Kim Kohatsu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.pickfu.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/561b572becddd8d87babdb714f161de0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/561b572becddd8d87babdb714f161de0?s=96&d=mm&r=g\",\"caption\":\"Kim Kohatsu\"},\"description\":\"Kim Kohatsu is the founder of Charles Ave Marketing \u2014 Madison Ave for small businesses and startups. She loves SEM, business, writing, presidential history, and pandas.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/kimkohatsu\/\",\"https:\/\/twitter.com\/kimkohatsu\"],\"url\":\"https:\/\/blog.pickfu.com\/author\/kim\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Getting the Most from Your App Icon - The PickFu blog","description":"App creators and UX designers weigh in on how to think about your app's icon, with tips and examples.","robots":"Array","canonical":"https:\/\/blog.pickfu.com\/app-icon\/","og_locale":"en_US","og_type":"article","og_title":"Getting the Most from Your App Icon - The PickFu blog","og_description":"App creators and UX designers weigh in on how to think about your app's icon, with tips and examples.","og_url":"https:\/\/blog.pickfu.com\/app-icon\/","og_site_name":"The PickFu blog","article_publisher":"https:\/\/www.facebook.com\/pickfu","article_published_time":"2016-11-07T16:30:23+00:00","article_modified_time":"2023-12-12T03:59:29+00:00","og_image":"Array","author":"Kim Kohatsu","twitter_card":"summary_large_image","twitter_creator":"@kimkohatsu","twitter_site":"@pickfu","twitter_misc":"Array","schema":"Array"},"author_meta":{"display_name":"Kim Kohatsu","author_link":"https:\/\/blog.pickfu.com\/author\/kim\/"},"featured_img":"https:\/\/blog.pickfu.com\/wp-content\/uploads\/2016\/11\/stand-out-on-home-screen-e1478221301709-169x300.png","coauthors":[],"tax_additional":{"categories":"Array"},"comment_count":"2","relative_dates":{"created":"Posted 9 years ago","modified":"Updated 2 years ago"},"absolute_dates":{"created":"Posted on November 7, 2016","modified":"Updated on December 11, 2023"},"absolute_dates_time":{"created":"Posted on November 7, 2016 8:30 am","modified":"Updated on December 11, 2023 7:59 pm"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/blog.pickfu.com\/wp-json\/wp\/v2\/posts\/492"}],"collection":[{"href":"https:\/\/blog.pickfu.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.pickfu.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.pickfu.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.pickfu.com\/wp-json\/wp\/v2\/comments?post=492"}],"version-history":[{"count":7,"href":"https:\/\/blog.pickfu.com\/wp-json\/wp\/v2\/posts\/492\/revisions"}],"predecessor-version":[{"id":13734,"href":"https:\/\/blog.pickfu.com\/wp-json\/wp\/v2\/posts\/492\/revisions\/13734"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.pickfu.com\/wp-json\/wp\/v2\/media\/500"}],"wp:attachment":[{"href":"https:\/\/blog.pickfu.com\/wp-json\/wp\/v2\/media?parent=492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.pickfu.com\/wp-json\/wp\/v2\/categories?post=492"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.pickfu.com\/wp-json\/wp\/v2\/tags?post=492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}