Like the App Preview Poster Body (for iOS App Retailer movies), the best way the Google Play Store function graphic is displayed on an inventory has been evolving.
Even now, the function graphic stays an important App Retailer Optimization asset. And that’s very true when you’ve got a promo video in your Google Play Retailer itemizing.
To publish your app, the Google Play function graphic is definitely required even in the event you don’t have a promo video as a result of Google needs to have it in case they determine to function you.
- 1 What’s the function graphic and why it is crucial?
- 2 Why is the function graphic necessary?
- 3 Tips on how to upload your Google Play function graphic?
- 4 15 great Google Play function graphic examples
- 5 5 function graphic “fails” on the Google Play Retailer
- 6 Best practices for Google Play function graphic
- 6.1 Think of all of the attainable placements
- 6.2 Guarantee consistency with screenshots
- 6.3 Don’t repeat the function graphic in your first screenshot
- 6.4 Convey the proper message
- 6.5 Concentrate on what might be cropped
- 6.6 Concentrate on the play button
- 6.7 Use giant and brief copy
- 6.8 Localize
- 6.9 A/B testing
- 6.10 Other issues
- 6.11 Sylvain Gauchet
What’s the function graphic and why it is crucial?
Because you may learn posts that still speak about how and where the function graphic was displayed earlier than, let’s shortly handle this.
How function graphics have been displayed earlier than April 2018 and the Google Play Retailer redesign. Left: with video / Proper: without video
So it was at the very prime of the Google Play Store itemizing. For everybody.
But because the Google Play Retailer redesign, the function graphic is now displayed earlier than your screenshots. And in the event you added a YouTube promo video to your app retailer listing, there is a Play button overlaid on prime of it that permit visitors to observe your video.
In the event you do have a promo video this makes it some of the essential artistic belongings of your itemizing, proper along together with your app icon and much more important than your screenshots.
Should you would not have a promo video, the function graphic won’t be displayed on your itemizing.
But don’t assume you shouldn’t take note of it although. Right here’s what Google says:
The function graphic can be displayed:
- When doing a model search;
- In the “Recommended” part on the Play Retailer;
- Within the Advertisements section on the Play Store (when you’re operating Google’s App Campaigns and they are displayed on the Play Retailer).
Some other placements for the Feature Graphic (from left to proper: brand search, beneficial, advertisements)
Listed here are the necessities for the Google Play function graphic:
- 24-bit .png (no alpha) or .jpeg
- 1024px by 500px dimensions
The excellent news right here is that the function graphic is an asset you upload, not a body of your video like the video thumbnail on the iOS App Store.
Why is the function graphic necessary?
We already answered this: as a result of it is among the most visible artistic belongings on your Google Play Retailer itemizing.
It’s straightforward to know that because it “pushes” your screenshots, it actually “replaces” them so far as the first impression is worried.
A fast montage displaying what this itemizing’s first impression can be with and and not using a promo video and its corresponding function graphic.
The function graphic that is displayed when you add a video subsequently performs a double position:
- It ought to compel visitors to play your promo video and watch it;
- It ought to convey your app’s value proposition.
This is not straightforward to realize.
How with just one graphic are you able to do all of this, since it’s already arduous to do with several screenshots?
The brief answer is: with a mix of great visuals (together with branding) and, in a whole lot of instances, copy. For the long reply and examples, maintain studying.
Something else to think about is that should you’ve labored onerous to get featured by Google, you want those that see your function graphic to attempt your app.
Because it’s such an essential ASO asset, you also needs to A/B check your function graphic with Google Experiments or an A/B testing platform like SplitMetrics or StoreMaven.
Tips on how to upload your Google Play function graphic?
That is straightforward to do.
Within the Google Play Console, go to your retailer listing. Within the Graphic Belongings section, under your screenshots, you’ll find the place to add your function graphic.
Aspect observe: if you want to change the thumbnail of your promo video for individuals seeing your Google Play Store listing on desktop, it’s essential change your YouTube video thumbnail instantly on YouTube.
15 great Google Play function graphic examples
General prime builders seem to pay close attention to their function graphic design.
Giving the likelihood to A/B check it with store itemizing experiments we will additionally assume they’ve tested it, since it’s one of the crucial necessary belongings!
Let’s take a look at a number of fascinating examples you’ll be able to draw inspiration from.
This function graphic instance from Episode checks just about all of the packing containers.
The colors are shiny and the image catches the attention. The sport characters they have showcased give a good idea of what you’ll then discover in the recreation, and the best way they interact with one another already creates storytelling.
They added branding via their emblem, and use a tagline to offer higher insights into what the sport permits. This enhances nicely the app title they already have, without repeating it.
When writing our publish on App Preview poster frames we shared that they’re doing a great job on iOS.
It’s the case here as nicely where they handle to obviously convey what the app permits customers to do.
They’ve also added their iconic M (which you’ll be able to’t miss on the darkish background!) and a meals background so potential customers already salivate.
We needed to share this Android function graphic from Matchington Mansion because it uses the cut up display concept.
The sport is about renovating your mansion, and displaying a earlier than/after visual works fairly nicely right here.
Apparently enough on the graphic there isn’t a point out at all the match-3 facet of the sport. Since that is one thing that is solely proven of their 5th screenshot, we will in all probability assume that this isn’t the primary promoting level they use.
Something that might be value testing is definitely having a “before” and “after” point out like they did on their second screenshot.
Kick the Buddy
That is undoubtedly a rigorously crafted function graphic.
They did an ideal job at illustrating many ways you’ll be able to “kick the buddy” and the asset is completely according to the game’s design.
The format of the function graphic can also be good: there is no necessary visual aspect under the play button.
Like for Kick the Buddy above, you’ll be able to inform that the builders rigorously considered their function graphic.
The brand on the left is product of lights and very trendy, and on the appropriate they’re displaying the game’s fundamental character in motion like if he was ready to get began.
What we like in this function graphic instance is how it places in opposition 2 teams by displaying characters on all sides.
The visual could be very polished and conveys the essence of the sport by means of storytelling.
With the large development on battle royale video games, additionally they added the corresponding copy to ensure individuals would get the battle facet right away.
Only factor which may make it even better can be to figure out a greater placement for the game emblem, since right here it is principally hidden by the play button.
We like this Google Play function graphic from Pandora because of its artsy type and the which means behind it.
It combines several designs, which evocate (to us) the range of music that may be discovered as well as the app’s personalization capabilities.
Each design also has the Pandora “P” emblem, reinforcing branding without being repetitive with the app icon.
That stated it might be fascinating to check including some brief copy that tells users extra about what the app already allows (for many who don’t know). We might also be very curious to see an A/B check the place they make a function graphic out of their first 3 screenshots (see under – perhaps less text-heavy although).
We love how Trivia Crack is leveraging social proof on this function graphic instance!
Not solely have they got a transparent text claiming the preferred trivia recreation, they used characters from the game to visually inform us more concerning the app.
Within the app every character is used for a class, and right here in this function graphic we have now them (and the brand) enjoying together on prime of the world/earth.
Alongside the following screenshots additionally they re-use these characters which provides some branding consistency to the complete listing.
If Best Fiends keeps this function graphic for too lengthy, then it’d end up in the “fail” category.
But if we assume that we’re still shut sufficient from Valentine’s Day, then that is an fascinating use of seasonality for a function graphic.
They’ve a number of parts in Valentine’s day’s spirit (envelope, banner) and they featured the game’s characters in a playful approach.
The format is sensible because the play button doesn’t block something essential.
Replace: shortly after we captured their Valentine’s Day function graphic, Best Fiends up to date it.
Sweet Crush Saga
Here’s another match Three that has its function graphic recreation collectively.
The sport’s identify is leveraged with the brand within the nook, but not too huge in order that the main target stays on the sport parts used.
Within the frame the main target is on the zoomed-in match 3 gameplay with some particular effects, which makes it very clear what the sport is about. And the woman character on the proper provides a sense of excitement.
We have been undoubtedly not followers of Roblox’s white poster body on the iOS App Store, which we see as a missed opportunity.
However plainly the function graphic was not ignored.
They did a superb job at showcasing a huge number of characters for instance the game’s variety. Not solely within the foreground but in addition in the background with a crowd of different characters (okay, that is more durable to see), which ties in properly with their “world’s largest community” message.
The brand is positioned completely above the play button and super straightforward to read.
We like how GoodRx has included a picture representing prescribed drugs of their function graphic. The brilliant yellow colour undoubtedly grabs the attention and the best way they built-in the tablets’ image with the drop shadow exhibits they paid attention to particulars.
Together with the app’s emblem and a tagline, it conveys properly the primary value proposition.
Magic Tiles 3
That is an fascinating instance of using a function graphic to promote the newest star content material out there in an app.
Magic Tiles Three is a piano recreation, and the complete function graphic is dedicated to the “new hot song”.
Nevertheless we consider it was not necessary to even have a first screenshot with the same messaging, and in all probability a greater concept to start out displaying the game immediately.
Sniper 3D Assassin
This function graphic has an excellent format: on the left we clearly see the sport’s character holding his weapon. The attention is shortly drawn to the appropriate and what the character is seeing in is telescoping sight.
Anybody can shortly perceive what the sport is about.
The developer also used the wall (darker part of the image) to display the video games’ identify and tagline.
We like this function graphic for the Wordscapes recreation because it makes use of reconstituted gameplay parts (phrase recreation over landscapes) and well makes use of the gameplay letters to type PLAY.
Branding is seen but not the primary focus, and the play button doesn’t block something necessary
5 function graphic “fails” on the Google Play Retailer
We’re not saying the whole lot is dangerous within the following examples, however they’re representative of the pitfalls you’ll be able to easily keep away from when planning in your app’s function graphic.
The format of TextNow’s function graphic is definitely fairly good. The app’s value proposition is summarized on the left, and they are displaying the app in 2 units on the suitable.
The problem is that TextNow is making probably the most widespread errors with regards to function graphic: there are essential parts (textual content on this case) on the sides of the image. On some units the function graphic is barely cropped which makes it more durable to read.
Since most probably happens as a result of the developer hasn’t up to date the function graphic since Google’s redesign, when it was displayed on the very prime of the listing. And a number of other apps are in the identical case (verify yours!).
We talked about this when talking about Magic Tiles 3 a bit earlier: there isn’t any have to repeat the messaging from the function graphic within the first screenshot.
In the listing of this recreation, the developer went even further and principally showed the exact same display (with the addition of menu buttons).
The best way the listing shows when doing a model search exhibits even better how using the same gameplay screenshot is a lack of area
With so many (scary) scenes/pictures to select from on this recreation, we consider the first impression might be far more impactful.
Since we took this screenshot plainly POF has up to date the function graphic (with a cute heart made from fishes).
The one you see right here is another good instance of why you shouldn’t place any copy on the sides of your function graphic.
Idle Grocery store Tycoon
The function graphic of Subway Surfers is actually fairly cool. We see characters from the sport in motion within the recreation’s setting, the sport emblem, and so forth.
The problem here is pretty much the identical as with Granny: the first screenshot is only a repetition of the function graphic.
This in all probability made sense earlier than the Play Retailer redesign (when the function graphic was on the prime of the page), however now it’s only a loss of area: it will be a lot better to have what is at present their screenshot #2 (with the “Become rich with your market” screenshot).
This function graphic for Audible would undoubtedly have its place within the nice examples part of this article…If it wasn’t for the textual content that’s too close to the edge.
Aside from that it’s rather well thought out: the brand and tagline are tremendous straightforward to learn on the left, and on the proper we see e-book covers. The play button is true in between and makes it really feel prefer it has its personal place!
Best practices for Google Play function graphic
In any case these examples you in all probability have a good idea of the most effective practices we advocate to comply with. But just in case, under is our summary.
Think of all of the attainable placements
As typically with App Retailer Optimization and creatives, a very good place to start out is to know all over the place the function graphic may be displayed: we saw at first of the publish that it may be on the Play Retailer itemizing, when doing a model search and in the really helpful or advertisements section.
Sure, your function graphic ought to complement the rest of your itemizing. Nevertheless, seeing the totally different placements (and Google additionally says it) it is clear that your function graphic is perhaps displayed alone (and apparently even with out the app icon). This is necessary to remember.
Guarantee consistency with screenshots
The function graphic could be displayed alone in some situations, however the primary placement is the one before the screenshots in your itemizing.
So you want your app’s function graphic to be constant together with your other Play Retailer listing parts and especially your screenshots. Right here is Google’s tackle this:
Google also recommends to make use of vivid foreground and background colors so the function graphic stands out from the Play Store itemizing’s white background.
Don’t repeat the function graphic in your first screenshot
Being constant in fashion shouldn’t imply duplicating.
Your screenshots won’t be displayed utterly by themselves (or in very rare occasions) so there isn’t a have to have a primary screenshot being the identical (or utilizing the same visuals like what we saw in the Idle Supermarket Tycoon example). Doing meaning you danger dropping individuals exploring the remainder of your screenshots.
Convey the proper message
Google puts it this manner: create a narrative and a way of context to humanize your app.
In case you have a promo video then visitor’s first visible impression on your Play Store itemizing is your app icon and your function graphic.
You do have the brief description under the function graphic to help get your message across, but you need to be sure that your function graphic asset exhibits and says the best issues about your app.
Concentrate on what might be cropped
We’ve seen via the examples that having your function graphic cropped on your listing is quite common.
Although the cropping might range depending on users’ units, no one should see an asset that isn’t complete.
Keep away from the borders!
This isn’t overly difficult, however needs to be taken under consideration: when you have a promo video there can be a play button in the midst of your function graphic.
Fortunately, the play button has some transparency to it that forestalls from utterly blocking an enormous part of the image. Nevertheless it’s higher to find a format the place crucial issues are around the button.
When designing your function graphic, add a layer with the play button to ensure it works nicely (don’t overlook to remove it at the finish in fact).
Use giant and brief copy
You don’t need to overload your function graphic with textual content. Or any graphic for that matter.
But a really brief tagline or a couple of descriptive phrases can go a great distance to provide Play Store visitors a greater sense of what your app is all about.
Like your screenshots, your function graphic is displayed pretty small so ensure that any copy is straightforward to learn even at a small scale.
There’s a caveat to including your app identify or further phrases to your function graphic: you have to localize your function graphic on your major markets/languages.
This seems to be typically missed, even by Prime 100 apps and games.
Other apps or video games go further, by even adapting the visual part to some locales.
How Rovio dealt with the localization of the Indignant Birds 2 function graphic
One strategy to deal with this localization facet could be to have your function graphic (with textual content) in your important localization, and for the opposite ones to have a function graphic with none textual content. This appears to be PayPal’s strategy.
Because the function graphic is likely one of the most necessary App Retailer Optimization belongings on the Play Store, you undoubtedly need to A/B check it with retailer itemizing experiments.
Here too, start together with your primary market before deploying (or adapting) to all your different localizations.
A couple of further issues under:
- Making your function graphic seasonal or time sensitive could be useful to promote events, gross sales or new content (like Magic Tiles 3 does). However only do that if you realize you’ll have the ability to replace it throughout the board when the time comes!
- The dimensions of your screenshots appears to affect how a lot of them users see subsequent to your function graphic and apparently also how cropped your function graphic can get (see image under)
Unsure what changed in between, however it appears like there could be room for enchancment in any case!
Interested by seeing all the perfect practices Google has listed out? Take a look at this page (not absolutely updated nevertheless, in the intervening time they are nonetheless referring to the previous Play Retailer design).
That’s all we obtained. Plenty of it’s common sense, yet several Play Store listings might simply make enhancements to their Play Store function graphic. Hope these examples, ideas and greatest practices shall be useful to you! And as all the time, tell us in the feedback if we missed something.
Comply with Apptamin on Twitter
Comply with me on Twitter