How to Sell More Apps With Well Designed Screenshots

How to Sell More Apps With Well Designed Screenshots

This entry is part 10 of 10 in the iPhone Design 101 Session
« Previous

This article will discuss a critical component of App Store success: well-crafted screenshots. Your prospective customers WILL “judge a book by its cover”, so taking the time necessary to create screenshots that sell is well worth the effort. This is the last post in the 10-part iPhone Design 101 series, so please comment to suggest any mobile design topics you would like to see in 2011!

Let’s take our pulse for a second. How do YOU feel about App Store screenshot design? Consider some of the following, common responses to that question:

  • Screenshot design? Aren’t screenshots. . .just screenshots?
  • Ugh, screenshots. Just let me upload the binary already!
  • I already spent my budget on the app design!

Sound familiar? I can relate to some of these comments, especially when it’s so close to launch that you can taste it! In this article, we’re going to take a look at how the often overlooked App Store screenshot can advertise your app in a big way.

Take Your Market From “Hmmm. I’m not sure.” To “Wow. I’ve got to have this!”

It’s funny how much time we spend shopping for products that set us back just a couple of bucks. Whatever the warped psychological reasons, the fact remains that a fair amount of consideration goes into deciding which apps we add to our collections.

How Do We Decide Which Apps To Buy?

Before we get into what makes great iTunes screenshots, let’s talk about how snapshots or screenshots influence online buying decisions. There’s a great article on Copyblogger about how Google’s Instant Previews are hurting sales for poorly designed web sites.

Google realizes that in order to provide the highest quality results, a match based purely on content quality is great, but people also want to see sites that appear to be of visual quality as well! In this example, a “buying decision” is made when a user decides to click on the screenshot…or not.

The same philosophy holds true in App Store. People want to buy high quality applications, and that includes both functional and aesthetic quality. It’s easy to hastily pull together screenshots at the end of the project, sometimes right before submitting the app for review, but doing so can damage your sales before they begin! So, let’s look at the importance those screens have in the sales process.

The Sales Process

Let’s say I’m traveling to New York and need to find the best app to help navigate the subways while I’m visiting. I fully intend on buying an app, the only question I have is which one to buy. My purchasing process will go something like this:

  1. Search App Store for “NYC Subway”
  2. When I start to type in “NYC” the list starts to auto populate
  3. I search the grid of icons for an app with:
    1. Good quality
    2. A name that matches what i want
    3. Three stars or higher
  4. I dive into one selection
  5. Read description
  6. Scroll down to screenshots

Screenshots Are The Selling Point

Most people who dive into a specific app will skim the description looking for some kind of keyword(s) that confirms the app will do what they need. Then, the skimming moves to a more intense study of screenshots to further confirm the app is:

  1. Acceptable quality
  2. Does what I want
  3. Looks easy to use

Well-Designed Screenshots That Sell

Bear Grylls – Bear Essentials ($6.99) – I’m having a difficult time resisting the obvious joke here: “Who wouldn’t want to see this guy’s Bare Essentials?” Sorry, I had to go there. Anyhow, for those of you interested in what Bear really has to offer, this app is an awesome collection of games, tips, and tools for helping you to survive in the “Wiiiiilds of Alabamer”.

In the App Store, $6.99 is a relatively hefty price tag. Bear’s app marketers knew $6.99 would take a little selling in the screenshots, and they do so perfectly. Each screenshot has a description in black to communicate exactly what each screen in the app does.

  1. The first screenshot presents a sneak peak at the types of instructional videos you can expect: navigation, water, and knots. The typeface gives the app the rugged, outdoor appeal of Bear and his Man vs. Wild T.V. show.
  2. Screenshot two shows how you can test your knowledge, and it’s not with boring radio buttons! Everything works together seamlessly from a design standpoint.
  3. The interactive training guide is beautifully illustrated – quality!
  4. This is where the “mini games” label comes in handy. If I saw just a screenshot of the illustrations, I may not know they were showing games.
  5. “Watch, compass and torch accessories” again, great labeling, and beautifully illustrated tools.


Wunderlist Task Manager - When are people going to stop trying to get things done? Will we ever just give up? Probably not, but we can still try to improve how we’re selling using great design. Wunderlist does a great job of thinking about what the user wants:

  1. The very first screenshot this app shows hits LOTS of hot points for people looking for  task managers:
    1. Cloud Sync
    2. Great Interface
    3. Change Your Look
    4. Completely free
    5. And what the design says visually supports ALL of the above four points!
  1. Add notes. This screenshot showcases the simple “edit task note” screen but with the added “add notes” at the bottom, you get that confirmation.
  2. Easy in-app tutorial. The visual shows you the quick and easy in-app tutorial.
  3. Overdue tasks. Every screen they show keeps going back to the points they highlight on the first screenshot: looks great and easy to use. Overdue tasks are easy to find.
  4. Choose from different backgrounds. Some people spend a lot of time in task managers and it’s an added “design-related” selling point to give this app an advantage over the competition AND fun options for their customers.

Screenshots That Do Not Sell

Everything about screenshot design must convey that the app is of good quality. Screenshots must also point out specifics about the app that will appeal to potential buyers, but may not be immediately obvious or noticeable. What you want to avoid is this:

What you do not gather from these screenshots is they are advertising a pretty awesome app, Docs to Go. What does this app do? Well, let’s see:

1, 2, 3, 4, 5, it allows you to view powerpoint, pdf, iwork and other files with 2-way sync, gmail attachments, supports windows/mac extensive cell and number formatting, retains original document formatting of edited files through inTact Technology (who cares??) extensive character formatting and paragraph alignment, synchronize entire folders or individual files….

Wow. The sentence above illustrates the brain explosion these screenshots create.

The point of this example is to say adding notes to screenshots is a great way to punctuate features of interest. Just don’t overdo it!

Conclusion

What do y’all think? Have you experimented with creating custom screenshots and seen any lift in sales? Leave comments below about what you have seen!

Before We End: Who Are YOU?

Before I end this series, I have to ask:  who are you? i have been wondering what kind of people are following this series and would love to have a better idea of how I can improve the content of my articles for everyone. Take the poll below and let me know!

I’m Interested in mobile design, and I am a:Market Research

Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://www.webmaster-source.com redwall_hp

    Cool, apparently I’m a “renaissance creator comfortable with both design tools like Photoshop as well as programming languages like Objective-C, Java, JavaScript, or PHP.”

    I’ve got 4/5 of those skills, and I’ve done a very small amount of Java (playing with Robocode). :)

  • http://www.shadesofadream.com/blog Heather

    I managed to fit into four of the poll categories, so I guess I’m a mystery. ;)

    Loved the series though, can’t wait to use some of it.

  • Tim B

    Hi Jen,

    Just a quick “Thank You” from and old developer\designer trying to stay relevant! I started out 25+ years ago as an electrical engineer, migrated from assembly language to C, then Pascal, then VB, then .NET and over the last (6) months have absorbed every online tutorial I can find on iOS\Android development. I also enjoy the graphic design aspect, with Fireworks being my tool of choice. I now have an iPad and a MacBook Pro and for the first time in my life will be developing on a platform other than Windows.

    Your series was very informative, of the highest quality and will definitely ease the transition for this old man.

    Thanks Again!!

  • http://aveis.me Avenson Navalta

    Thank you :)

  • Amber Williamson

    I follow you because I’m working on a web design project and this is my area of weakness. Thanks for all of the good info!

  • arunraj

    Im 20. studying B.Sc Animation and Vfx in India..i love UI designs and wanna play with that awesome iphone and ipad app :)..

    really cool..it took THREE hours to gothrough entire article for me..nice .! thanks a lot for you effort.

    IS THERE ANY TUT FOR “ipad design”..looking forward from you more..keep moving forward..tak care.

  • http://www.pushpoth.com Vaishakh

    Great read. Loved it.

    Thanks a lot Jen!
    That was an incredibly informative article.
    =)

    Vaishakh Pushpoth

  • Dror

    Hi Jen

    First I would like to thank you for sharing your knowledge and experience with us.
    You asked for any mobile design topics we would like to see in 2011!

    The main question that was not discussed is about the integration with the development process (even if you are the developer and the designer):
    It is especially important with mobile application which is a young field, lots of startups, the target audience are vary and generally not professionals.

    When to design (UX design)?

    If you design early (before coding) then you have the benefits of research and “feel the audience pulse” , complete the requirements and derived coding design conclusion and actually coding according to the UX design (the final goal).

    But what if you get into an existing application and need to redesign its GUI, in such case you actually need to ask yourself, what are the application capabilities ? or how certain design may affect the implementation effort , time to market and so on.

    Today with the development of the Agile methodologies is the designer should be part of the implementation team and take part of the implementation iterations?

    Best regards
    Dror

  • rafael

    wow the whole session was a blast, learned a lot today!!!
    hmm, can I suggest if you can make maybe about another article or screen cast/video session on making a simple “made-up iPhone app” where you can show us real world techniques applied on making an iPhone app in iOs 3 and 4,like setting up the sizes, making vector shapes,slicing,exporting/preparing images and such, ^^(and pointing out on cool tips n’ tricks)
    well its just a suggestion, but I would really be glad to see how the pro’s do it ^^, pretty please can you consider this? many new designers will really find that useful ^_^.

    Cheers!!!!!

  • http://www.mobosurvey.com Tuan Bui

    Great article. Another important thing is getting feedback from your existing users and improve your products. If you need to create surveys to get feedback from your mobile users, I recommend checking out http://www.mobosurvey.com.

  • ramshetty

    Wonderful Tutorials!! good stuff for the begginers

  • Lenilson Dias

    Thank’s for the best material about iPhone!

    Great choices about items covered.

    ;)

  • http://www.nicolasdesign.com Nicolas Toth

    Thanks for the inspiration, Jen! Also, I was wondering if you know any screenshot designs which show how the app looks on an iPad as well as iPhone?

  • Mac

    Costume made screen shorts for iPhone and iPad for only $5.

    Check here: fiverr.com/buddy9700/create-5-professional-screen-short-for-your-iphone-ipad-android-and-windows-application

  • brutal_sushi

    I keep coming back to this series every time I start a new app project. Its a fantastic refresher and helps me make early decisions with clients to make their apps the best they can be.