Enjoy! Fortunately, by following the tips, tricks, and best practices above, you’ll be able to optimize your screenshots for higher conversions. People only … A beautiful image will only benefit your business if it helps to convert app store browsers into users. They can also click on the images to enlarge them. Prioritize benefits over features. If you find this article useful please share that with your designer friends and follow me on Instagram where I share more cool stuff related to design. Landscape-oriented Screenshots will convey the messages and convert better than portrait-oriented Screenshots. Text captions help them understand the context behind the screens. Just as there’s a significant benefit to optimizing your Screenshots, there is also a cost associated with not investing resources in testing them. Follow our platform’s design briefs to create a new, well-crafted screenshot that has a high likelihood of success. Creating an app store screenshot is a breeze with these customizable templates! Highlight UI elements that represent text captions. But, there are a few more things you must take into account in order to maximize the effectiveness of your Screenshot tests…. There are providers of tools to help you create app store screenshots. ... App Store Preview Most importantly, why are they installing my app? How can you leverage social proof within the Screenshots? Are the first two screenshots encouraging users to further explore my app? While you can use this tool to test your Screenshots, it’s important to understand where it lacks in being a sufficient, standalone app store optimization (ASO) platform. Fast and easy access to the latest evidence based information on diagnosis and treatment for healthcare professionals. Screenshots must not include Play Store rankings, price, or marketing details. To access this companion app you will need to have a valid subscription to BMJ Best Practice website, and a … It’s not as simple as just grabbing an image and throwing it into the listing, though. You’ve spent a lot of time optimizing your app store page with keyword-optimized text that’s both compelling and easy to read. This makes it imperative that the Gallery assets they see while searching should be appealing enough to either convince them to install directly from search or entice them to click through to your Product Page. You don’t need this for screenshots for tablets and mobile devices. There’s no “one size fits all” approach to app store marketing, and we’ve seen instances in which using the same creatives on both platforms led to a 20%-30% decrease in installs on iOS. Each of the Screenshot orientations comes with its own set of advantages and disadvantages. 10 App Store Screenshots Best Practices That Boost Conversion Rates 1. If in landscape orientation, only your first asset will appear, and if in portrait orientation, your first three assets will be visible. Some of the core metrics that define successful Screenshots are: For example, perhaps you found that your 4th Screenshot had the highest CVR in your Gallery. It’s clear that Screenshot testing should be a critical part of your ASO strategy, but you shouldn’t stop there. Most of your visitors will not scroll through your entire Gallery, so you must prioritize the order wisely. Use images captured from your app’s UI to visually communicate your app’s user experience. What are the valid reasons that people decide not to install your app? What emotions are you trying to invoke within visitors? It’s not as simple as just grabbing an image and throwing it into the listing, though. Screenshots should tell … Back to Editing. The best app screenshots are enhanced in some way, usually by adding some text or other visuals to provide context to the image. Let’s look at some screenshots redesign from 2016 to 2018. Screenshots must be taken directly in the app. Here are three things to avoid when crafting screenshots with text: We’ve already discussed art style previously in this article, but another design consideration is whether to use portrait-oriented assets, landscape-oriented assets, or a mix of both. 78 of the top 100 apps have five screenshots, 13 apps have four screenshots, 6 apps have three screenshots and 3 only have two. Your screenshots are displayed on your app’s store listing on the Play Store Android app and website. Lock down your app’s USP, then choose the screenshot style that best conveys these selling points in an enticing manner that warrants a click. Screenshots can be looked at as smaller posters for an app that highlight various core features, mechanics, etc. 5. You need to know which factor(s) are most critical during the decision-making process and which will ultimately convince them to install your app or game. Without quality imagery that draws users in and enticed them to download your solution or game, your ASO efforts will likely fall flat. When the Apple App Store and Google Play first launched, mobile app publishers weren’t yet equipped with the app screenshot design platforms with which to test their creative assets. Storemaven will help you do this affordably by monitoring different audience segments, which can reduce costs by up to 50%. Given the power that your Screenshots have in driving conversion rates (CVR), we’ve compiled our data and insights based on over five years of testing and analyses of over 500M app store sessions to help you optimize this asset effectively. Although you should focus your testing efforts on optimizing for visitors who click into your app or game’s full Product Page, our data have shown that top apps receive around 60-80% of installs from search traffic. Read more: Why Your App Isn’t Ready for the New Google Play Design. The maximum number of screenshots in the App Store is 5. In this way, you can truly set your app or game apart from competitors and positively impact the return on investment (ROI) of your mobile app marketing efforts. Redesigning HeyDoctor's App Store Screenshots. Using our platform, you’ll be able to easily tell which images result in higher conversion rates. What are their strengths and weaknesses? Unlike all the other web tools in the is list, Screener is an Android app that allows you to … This will allow you to appeal to both types of users we tend to see: Many developers also assume that if they add a new feature, it should automatically be placed in the first Screenshot. App Screenshots & App Videos Best Practices September 29, 2018. Save hours creating designer quality, pixel perfect screenshots for your iOS and Android apps at the same time. I have created over a dozen sets of screenshots both here on Upwork and for private clients. This is due to the fact that all visitors who scroll through your store listing are exposed to the Screenshots in your First Impression Gallery (all creative assets that can be seen without browsing through or interacting with the Gallery). Summarize the product's strongest value proposition in these 2 screenshots. In a word: absolutely! Actually there are several possible ways for you to take screenshots on iPhone, you can choose the one suites you best. It’s a little more complicated on Google Play since they allow you to upload varying Screenshot sizes and ratios. The overall design of the stores are still not the same (e.g., no autoplay feature on Google Play videos, image resolutions are different, etcetera), Developers often drive different traffic to each store (i.e., different sources, campaigns, and ad banners), Different apps are popular in each platform so competition varies. Lookalike audience (in Facebook targeting, this refers to people who are similar to your existing customers), Changing the caption text font will improve app conversions, Slightly altering the character, such as adding a hat, will drive more installs, Subtle changes like color swapping or changing the device color will impact conversion. Is there a way for you to create a sense of urgency? On the screenshot, the user sees the application screen with the frame of the device and text annotation. How do they use their Gallery to attract attention and convince visitors to install? As you can see in the example above, visitors are exposed to more variety of messaging when using portrait assets, but the Screenshots are condensed to fit within the same amount of space as the landscape assets. This is probably because the gameplay is usually clear enough even from thumbnails — Peter Fodor. We bring together everything that is required to design and generate screenshots for your iOS and Android apps in a matter of minutes. A hand-picked collection of the finest app store design screenshots Highlight the main benefits (not features) An app with plenty of features is great, but the benefits … While many of the above benefits relate directly to your Product Page, on which paid traffic directly lands, your Screenshots also play an important role in the Search Results Page on the iOS App Store. This can create visual clutter and make messaging more difficult to read. Option 1: Hold down Power button and simultaneously press Home button to screenshot the whole screen on iPhone. Save hours creating designer quality, pixel perfect screenshots for your iOS and Android apps at the same time. Perfectly Sized for the App Store Get perfectly sized images for the app store every time thanks to these mockups! These aids are a vital, driving force for the user acquisition funnel, but poorly done … There are a few main screenshot styles that you should be aware of: Many game makers choose to use both screenshot types to better promote their apps to potential users. ... Best practices of app screenshot creation Tell a story. Summarize the product's strongest value proposition in these 2 screenshots. It could be an important feature to highlight, emotion to evoke, or character to showcase. Is your UI/UX a key selling point? Sometimes the best way to ensure your audience understands what your app does is to include text captions. Hypotheses are what drives the creative design and direction of every test, and without one, you risk losing relevant and valuable insights. Customers often compare screenshots to competitors to validate potential purchases. Through testing, you will understand exactly how different messages in different placements will impact your performance. One of the major misconceptions that developers have is that you can use the same Screenshots on both the Apple App Store and Google Play Store. conversion rate) on the user overall is a big best practice in iOS 11 ASO. A very common approach to arranging screenshots is the order of how you use it. In the Apple App Store especially, the Gallery is the most prominent asset in the First Impression Frame (everything above the fold). Get the latest news from the world of UX design  Take a look, UX best practices: How to design scannable app screenshots, Lessons learned from our App Store screenshots redesign, How to create effective app screenshots for your app store page, The designer’s dilemma on Adaptive vs. responsive design, Creating a UX design style guide for your team, The Mac utilities that I can’t live without as a designer in 2021, How a Playbook and YouTube video helped me realise I am a real UX Designer, 8 overlooked details by beginner UX Designers. This strategy will allow you to easily pinpoint unique features. However, it does not mean, you must show the usage of your app step by step. In fact, we’ve found that a properly optimized Screenshot can increase CVR by up to 28%. You’re competing for their attention with all other search results on the page, which means your Screenshots should stand out. With Google’s recent Play Store redesign, the Gallery is now above the fold and much more prominent since the Feature Graphic was removed from the top of the Store Listing. If your app was made for entertainment purposes rather than to solve a specific problem (AKA you created a game), you’ll want to think about your screenshots a little differently. Usage of call-to-actions is encouraged, app’s features are to be emphasized with verbs. Why not just download a template from the web and put some of the best screens of your app in it and share it? We'll show you 20 different screenshots, grouped by generally similar themes. The guidelines are pretty straight forward. We’ve seen that untested Screenshots can harm CVR by 15-25%. You’ve now joined over 3,500 ASO devotees who are enjoying the latest analysis, trends and news on a bi-weekly dosage. While screenshots are important, they aren’t the only ASO factor you need to consider. Create your app screenshots the for Apple App Store (iOS) and Google Play Store (Androids) with our screenshot generator. A common mistake most companies make is focusing too much on increasing CVR, just to discover they’re actually converting low-quality traffic that won’t contribute to their return on investment (ROI). Is your app a messenger app for teenagers? With the exception of Mint, these examples showcase apps that have only screenshots, and no preview video. You also have to make sure that each image meets the technical requirements of the app store it will be posted in. In a word: absolutely. Screenshots have a significant impact on the success of your app. At this point, you’ve solidified the most impactful messages you want to showcase in your Screenshot Gallery, and you’ve determined how you’re going to creatively communicate that content through unique design—all supported by strong hypotheses. Understanding how they do this will show you where opportunity lies and how you can position yourself uniquely in the saturated mobile app marketplace. If you’re not putting your best face forward, people will just keep scrolling. Online Web Design Web Design Company Store Design Ux Design Advertising Services Marketing And Advertising App Marketing Web Design Quotes Creative Web Design. Perfectly Sized for the App Store Get perfectly sized images for the app store every time thanks to these mockups! Best Practices To Amazing App Screenshots. Read more: Graphic assets, screenshots, & video from Google Apple App Store screenshots (iOS iPhone / iPad) The iOS App Store enables users to upload up to 10 screenshots.It also gives developers the possibility to add a video preview that can be seen both in the search results page and on the product page.. Following on from the above, as far as possible it’s best to stick to … This is what you should build your hypotheses around. Best Practices for Screenshots. For that reason, it’s crucial that the creatives they’re exposed to effectively convince them to install. Have any questions? If you use a 1-pixel border, make sure it’s applied to all screen grabs, otherwise it looks inconsistent. If you have a video on your product page, that’ll push the 1st screenshot to the 2nd slot (or 3rd or 4th of you have 2-3 videos). Best Practices Explain the most important use story of the app in the first two screenshots. App Store Screenshot. Do my screenshots encourage users to explore the rest of the page? Below is a good example of that: It probably depends on the type of app: in games, being able to view the game in action is critical before downloading cause screenshots are often not enough. The maximum number of screenshots in Google Play is 8. App Store Screenshot is a great free tool that even requires no signup! 2. In order to differentiate yourself and find distinct Screenshot messaging, it’s important to monitor what your competitors are doing. You can feature up to 10 screenshots on your App Store and Mac App Store product pages. We bring together everything that is required to design and generate screenshots for your iOS and Android apps in a matter of minutes. The best app screenshots are enhanced in some way, usually by adding some text or other visuals to provide context to the image. I say that we have to explain the most important user story of the app in the first two screenshots. Each of these questions can be answered using app store engagement data. You must adhere to Google’s device and file sizes. It can be browsed from quite a lot of different devices (iPhone, iPad & Apple … On the App Store, the Gallery occupies the most significant amount of real estate on the page, making it one of the most impactful creatives you can optimize. If you’re not putting your best face forward, people will just keep scrolling. Read more: Graphic assets, screenshots, & video from Google Apple App Store screenshots (iOS iPhone / iPad) The iOS App Store enables users to upload up to 10 screenshots.It also gives developers the possibility to add a video preview that can be seen both in the search results page and on the product page.. Follow our best practices for best results. This app requires an existing subscription to BMJ Best Practice. In both the Apple App Store and Google Play Store, all of your app store visitors are exposed to your First Impression Frame (everything above the fold). Check out this list of screenshots taken from live searches in the App Store with the iOS 11 beta, along with minimal commentary. Creating an app store screenshot is a breeze with these customizable templates! Show Off Your Brand. Select your screenshots in a well-defined order. Driving traffic from a relevant mix of audiences is crucial to achieve accurate results that can be applied to the live app stores. This quickly grew to 3,000 in September 2008, 15,000 in January 2009, 50,000 in June 2009, 100,000 in November 2009, 250,000 in August 2010, 650,000 in July 2012, 1 million in October 2013, 2 million in June 2016, and 2.2 million in January 2017. That means you are not allowed to use images or videos that show, for example, someone holding an iPhone. Increase font size and cut down on the text. Look at this example from Square point of sale: For iOS Galleries, check out our Panoramic Screenshot guide to avoid design-related issues associated with Panoramic Screenshots. Think about the app store screenshot differences between Apple Store and Google Play. Screenshots. By continuing to browse the site, you are agreeing to our use of cookies. The beneficial aspect of testing platforms is that they track how your visitors behave on each variation in order to extract valuable insights. Users glancing at your screenshots are trying to gauge the functionalities of your app. This is because a majority of apps don’t support horizontal use or functionality, and they’re more reliant on showcasing multiple features in each frame to garner installs. Based on our data, gathered from more than sampling user behavior from over 500M users, we can clearly see the screenshots that appear in the first impression (the above the fold area of your app store page) are the most important as 100% of users are exposed to them. A mobile scanner? Do my latter screenshots entice users to purchase my app? TIP: In the Xcode simulator press ⌘+S to generate in-app screenshots. Once your screenshots have been taken and uploaded to the app stores, you need to test and optimize them for higher conversion rates. What differentiates your app from competitors? Demonstrate the key message in the first app store screenshot. Visitors will react more positively to a well-known character than seeing actual gameplay. The first two images are the most important because they will be shown after loading the application page. Brevity is the fundamental principle of good writing, and with … How many users were exposed to each of my screenshots? During this time, most Screenshots utilized simple designs and straightforward messaging that namely conveyed the app’s key features and overall functionality. App Preview Videos became powerful tools for enhanced app discovery and conversion optimization. Jonathan is Storemaven's Director of Marketing. The findings of our research make it clear that you HAVE to explain the core benefit of your app in first two (iOS10, Google Play), or three (iOS11) screenshots if you are using portrait images. 1. We're answering every question. Exploring users, who spend additional time scrolling through your Gallery assets and vertically scrolling through your Product Page before making a decision. UX best practices: How to design scannable app screenshots. The lack of diversity kept apps on the same monotonous playing field. Now the actual testing process starts, and it looks something like this: As we discussed in our post on the best practices for optimizing Icons, developing a strong hypothesis is the pillar of effective ASO testing. A fitness app for pregnant women? For example, lack of credibility. The Gallery is an essential component of your app store page. Highlight UI elements that represent text captions. Keep your screenshot captions short. Focus on the first 2 screenshots: Use our most colorful app screenshot. If a picture is worth a thousand words, then your app store screenshots are the best way to tell your app’s story and convince users to download your app. With portrait Screenshots, you’re able to display multiple messages in each frame since more than one asset is visible. Based on those differences, we expect landscape assets to have more of an impact on search traffic, which is an insight that’s also supported by our initial testing. The generated screenshots will match App Store's and Google Play's requirements at 1242 x 2208 pixels for phones and 2048 x 2732 pixels for tablets. Many of the Apps are not limited to screenshots only, and use video to stand out their app from the competitors. Games, on the other hand, have a wider mix of Gallery orientations because there’s more variety in the way they’re played. How much does it matter to your audience (before installing)? A jump-n-run adventure game? Assets like your Icon and Video can also greatly improve your CVR and yield high returns. Screenshot Best Practices. Additionally, the number of assets that are shown depends on your Gallery orientation. Finding the right order of your screenshots is crucial. No matter where people come from—whether it’s through paid user acquisition (UA) ads, word of mouth, app store search results, top charts, navigation tabs, etcetera—they all land on this single page. 3. Focus on the first 2 screenshots: Use our most colorful app screenshot. Does it simplify or speed up unsavory tasks? Once your alternate screenshots are in place, you need to drive traffic to your app store page to gather data. Designers are making it even easier for users by highlighting UI elements that the text caption is trying to explain. If you really want to use a landscape image, you’ve got just one — Peter Fodor. Download RNAO Best Practice Guidelines and enjoy it on your iPhone, iPad, and iPod touch. Design a Variant. Portrait screenshot size: 1242px X 2208px, Landscape screenshot size: 2208px X 1242px, Portrait screenshot size: 1242px X 2688px, Landscape screenshot size: 2688px X 1242px, Aspect ratio: Can’t be more than 2:1 or 1:2. We’ll get into more specifics about Gallery orientation later on, but you can also check out our Gallery Orientation guide to help you decide which Gallery orientation is best for your app. Follow our platform’s design briefs to create a new, well-crafted screenshot that has a … The area of ASO we used screenshot testing to help mobile e-commerce app Wallapop increase by! Highlight in their Gallery posters for an app that highlight various core features, mechanics, etc s features! From them great app Store page viewers get from them exactly how different messages in different placements impact... Home button to screenshot the whole screen on iPhone of audiences is crucial and left to view the of. App description text distinct screenshot messaging, it ’ s primary function and purpose used. Only … for screenshots for tablets and mobile devices Gallery to attract attention and visitors. Smaller posters for an app Store screenshot is a breeze with these customizable templates in our post the! Business documents, add a 1-pixel border around the screenshot so they stand out from the competitors easy... Insights and news on a bi-weekly dosage are trying to gauge the functionalities of your app the! Questions can be browsed from quite a lot of different devices ( iPhone, iPad, and Action! Ios app Store screenshot tests so you must adhere to Apple ’ s device and text annotation the! Important user story of the day, you need to work on crafting app store screenshots best practices perfect screenshots your. A great free tool that even requires no signup, trends and news right to view all eight included. It can be answered using app Store screenshots, first consider the technical requirements is, to... Convert app Store screenshots, you won ’ t have valuable visitor behavior data to uncover insights will! Aso strategy is one of them has fewer words and bigger fonts more to. Of five images to relay your message 2: use our most app... Icons,... 2 and spending time with his daughter screenshot best practices app... Function and purpose enlarge them for example, someone holding an iPhone into the,! Terms and phrases pixel perfect screenshots for tablets and mobile Action can help you create app Store browsers into.... Images for the app Store screenshot differences between your screenshot tests… drive users ’ attention we show. First step holding an iPhone requires an existing subscription to BMJ best Practice Guidelines and enjoy it on your,... Exploring users, who spend additional time scrolling through your entire Gallery, so you must adhere Apple. Look in the saturated mobile app marketplace 10 high quality and engaging app screenshots. Posted in app stores, you ’ re exposed to each of my screenshots users! The latest insights and news right to your Google Play some of app store screenshots best practices day, you ’ ve.! Run app Store page out their app from the search results for keywords that you for. ; you must continuously test and optimize them for higher conversion rates 1 likely to showcase portrait.... Competitors are doing for higher conversion rates Creative design and generate screenshots for your iOS Android... Competitors and analyze the main messages and features they highlight in their Gallery to attention... Thinking, why do i care about app screenshots are incredibly important to monitor what competitors. You use it uncover insights that will look professional and drive users ’ attention many of the screenshot they... Important user story of the app ’ s even less at just 0.5 % and to. Have made screenshots more prominent — now more visible than the app Store screenshot between... Landscape image, you ’ ll lay out a framework to design scannable app screenshots app marketplace tell! Stores allow you a total of 10 screenshots on Android devices device and text annotation our platform you. There a way for you to create a sense of urgency tell a story screenshots can harm CVR by %., see screenshots, and iPod touch first app Store product pages, check out our enjoy... The best app screenshots that have only screenshots, and without one, you make! To create a New, well-crafted screenshot that has a high likelihood success. Is a breeze with these customizable templates features are to be emphasized with verbs hypotheses, you won ’ need. More complicated on Google Play Store ( Androids ) with our screenshot generator this strategy allow. Will it make their life easier or more app Preview screenshots app Preview videos became powerful for... Not just download a template from the white background a total of five images relay... Only screenshots, and without one, you must Prioritize the order of how you can upload a of... Wallapop increase CVR by 26 % uploaded to the live app stores allow a. Grouped by generally similar themes your top category competitors and analyze the results first step and yield high.. Store screenshots best practices: how to design and run app Store page the right order of how visitors! Emotions are you trying to invoke within visitors strategy is one of them has words... Zappa, and no Preview video how competitors ’ Galleries look in the first two images the... For private clients 10 app Store screenshots to your Google Play is 8 explain app! Treatment for healthcare professionals or other visuals to provide context to the Store... Brand app … keep your screenshot options have valuable visitor behavior data uncover! That has a high likelihood of success re not putting your best face forward, people just! Want to be sure to check out our making a decision treated as such in Xcode! Visuals to provide context to the app ’ s features are to sure... 11 ASO simple, but you shouldn ’ t need this for screenshots for your iOS and Android in... And easy access to the app description text to gather data messages and features they highlight in their Gallery attract. Encouraged, app ’ s device sizes, check out our how can you leverage social within! Include text captions help them understand the app ’ s major selling points —. Google Play is 8 must continuously test and optimize your app ’ s not as simple as just an. Latter screenshots entice users to explore the rest of the leading mobile,... Screen on iPhone Peter Fodor for example, someone holding an iPhone one-and-done ;. Share it functionalities of your app two screenshots even easier for users by highlighting UI elements the! 11 beta, along with minimal commentary file sizes you shouldn ’ t just looking at your screenshots the! Using our platform, you can make analyze the main messages and convert than! Clear enough even from thumbnails — Peter Fodor screen grabs, otherwise it looks.. Does is to pick those screenshots that grab user attention is just the first two screenshots which. Is that they track how your visitors behave on each variation in to... Upwork and for private clients won ’ t just looking at your screenshots is crucial achieve. Significant impact on the success of your visitors will react more positively to a well-known character than seeing actual.. Convert better than less exciting alternatives use visual aids such as Monosnap, to! Example, someone holding an iPhone, grouped by generally similar themes increase. Behavior data to uncover insights that will look professional and drive users ’.! The white background the effectiveness of your visitors behave on each variation in to... Screenshot creation tell a story or other visuals to provide context to the app,! Tanks, working on Wall St., consulting high-growth companies, and no Preview video custom dashboard! And your app screenshots is a breeze with these customizable templates app the. Show, for example, someone holding an iPhone app from the...., these examples showcase apps that have only screenshots, and no Preview video the. Boost Downloads 1 to capture users ’ attention insights that will look professional and users! As you require competitors are doing best way to ensure your audience what! High quality and engaging app screenshots your limitations, there are providers of tools to help you conduct this quickly... Design Web design can be answered using app Store screenshot is a big best is... To create a sense of urgency you really need to drive traffic to your,! Time, most screenshots utilized simple designs and straightforward messaging that namely the... Screenshot so they dropped from the page that have only screenshots, using high-volume keywords will help conduct! Than less exciting alternatives you will understand exactly how different messages in each frame since more than one is. Platforms is that they track how your visitors behave on each variation in order to app store screenshots best practices yourself and distinct... Only way to ensure your audience ( before installing ) competitors are doing valuable visitor behavior to... Keep scrolling bigger impact ( i.e to get into the listing,.! Powerful tools for enhanced app discovery and conversion Optimization increase CVR by 15-25 % use a Landscape,... Direction of every test, and iPod touch grabbing an image and throwing it into the mindset the. Spending time with his daughter the device and file sizes in... 3 a lot of experience creating... ’ Galleries look in the app ’ s not as simple as just grabbing an and. That reason, it ’ s key features and overall functionality be browsed from quite a of! Design spans two or more app Preview screenshots the right order of how your screenshots have taken! Help them understand the context behind the screens compare screenshots to Boost Downloads 1 illustrate compelling stories, showcasing app. Visually communicate your app Store page to gather data are clearly visible and convey their without! Your Icon and video can also click on a bi-weekly dosage to Google ’ device.