Android development and money stuff

Newsletter

Subscribe to the Droid-Blog.net newsletter

About Johannes Borchardt

Johannes is the co-founder of ANDLABS, a company specialized in Android development. Starting his mobile career in 2008, he has been building up Android expertise since the beginning. He has helped several bluechip companies get their Android apps ready, gives talks on conferences on a regular basis and published several articles in field-related journals.
Continue reading

Blogroll

If you are new to this series, I recommend to start from the first article on App Store Optimization. If you don’t want to read that much, this article can still give you valuable information on its own.

While the last article covered Icons, we will stay in the design area for this one. This time, graphics and videos will be covered.

4. Graphics

First, when I say graphics I mean every image except the icon provided via the Android Market Developer Console. This includes the screenshots and the promotional graphic with which I will start.

Promotional Graphics
Promotional Graphics are the big graphics shown on top of your app’s screenshots and description in the Android Market. If you want to get featured, this graphic is required. So although it’s optinal in the developer console, you should always upload your promotional image. For an overview on how this graphic should look like, I recommend reading this post from the official Android Developers Blog.

The promotional graphic is 1024 * 500 pixels in size, so you have a lot of space you can fill. Still, your graphic should not be packed with huge text since it will be scaled down to different sizes. Let me demonstrate this by an example used on the Android Developers Blogpost mentioned above:

Big promotional graphic

This is the size a promo graphic has on the Android Market website.

Scaled down promotional graphic

This is the same image scaled down to the size it would have on a small phone or in one of the smaller feature places in the Android Market app. When taking a look at the image, I think they could have used a different font type since the ‘U’ is not completely visible anymore when downscaled.

This scaling is the reason why your promotional image should be used to place a high resolution graphic that fits to your app. A big writing of your slogan or app’s name is also appropriate.
It is recommended to use colors other than black or white as a background to differenciate between your image and the Android Market’s design. Personally, I like those graphics that fit into the Markets own color scheme and float over to the description and screenshots, so I think this should be treated in the way you like best. Nonetheless, your background and foreground colors should have a good contrast so that your graphic can be captured by the viewer easily.
What you never should do is reuse content that is provided by the Android Market anyway. So don’t use screenshots, icons or your app’s description in your promotional graphic.

Screenshots
Screenshots should represent your app. When your app is not beautiful, then your screenshots aren’t. This leads to the biggest problem most developers have: They are experts in programming, but not in design or usability and are not able to write beautiful apps. When this is the case, there are two ways you can go, ideally you combine them.

The first way is to hire a designer, tell him what you need and implement that design. The second way is to implement a design on your own and do some Bambi tests. Bambi tests are done in this way: You look for someone of your potential target group that never tried your app, the Bambi. You give them a device with which they can try out your app without any advice. Don’t say a word, just let them try. Be careful about the way they use your app, about what’s intuitive to them and what’s not. Improve your app and look for another Bambi to test again. Ideally, you have a team consisting out of developers and designers and some hand full of potential Bambis. Remember: Once a Bambi-User tested your app, it will never be a Bambi-User for this app again.

There are a lot of things you can study when it comes to app design and usability, but in the end your app has to be as useful and intuitive as possible to your users. Your screenshots should look exactly like your app does and represent the functionality your app provides. Whether you show ads that are used in your app on your screenshots depends in most cases on your taste. In some app stores, like the Amazon App Store, you won’t pass the approval procedure when you don’t.

To give you an overview on the improvements a designer can make to your app, here are the screenshots of the AL Voice Recorder before and after it was totaly redesigned:

Old design of the file browser of the AL Voice Recorder

Old design of the record screen of the AL Voice Recorder

New design of the file browser of the AL Voice Recorder

New design of the record screen of the AL Voice Recorder

Which one would you prefer to download?

5. Videos

While screenshots are a static representation of your app, you can show the flow, the effects and the ‘WOW!’ in your videos.
Videos should have a short and clear message that describes what your app is all about and why a user should download it. They should be short (not more then 1.5 to 2 minutes) and entertaining. Long and boring videos won’t be viewed until they are finished anyway. They should have sounds and show scenes of your application the most time. They should be clearly structured with a start (e. g. a logo fading in and out), a main part (your app) and an end (e. g. an invitation to download now, an URL or else). Since many cellphone users don’t enable sound, it’s good to show what you want to tell them in your visuals, for example as a fade-in text stating ‘the most innovative arcade game you ever played’.

Personally, I watch videos especially when an app is not free, so I get to know its flow. When apps are free, I just download them and try them out on my own.
Like the promotional graphics, videos are optional. Still, they are a way for you to get some more downloads and are perfect for sharing, so there is no reason why you shouldn’t make one.

I hope you liked this one. I’d love to hear your own thaughts and experiences with graphics and videos on the Android Market in the comments.

7 Comments

Promotional Graphics are the big graphics shown on top of your app’s screenshots and description in the Android Market. If you want to get featured, this graphic is required.

Hey,

good to know. As always a very informative post. Thank you for that!

One hint from me: If your App is for tablets too, you can create a folder /drawable-xlarge under your /res folder in your project and add graphics for extra large screens there. Especially you should put a icon.png with 96×96 px in there. Otherwise the default icon.png from the /drawable folder is used which looks quite ugly on extra large screens.

that’s true. Because many tablets have a big screen but a medium density, usually the image from the drawable-mdpi folder will be used, which looks quite blurry. However, when it comes to layouts, one should also have a look at the tablet layout qualifier for Android 3.2 and above here.
When using a lot of images, this can easily result in big APKs which is why it’s possible to publish multiple of them. Another way would be to use SVGs, but that’s a bit more complicated.

Great post and great series. Here’s one tip that you haven’t mentioned in your series yet:

One lesser known thing to improve your keyword match results internationally. Under listing details for you app, you can choose your language which is usually default to En. You can and should add every single language here. There will be another check-box with the language to auto-translate your description to all the selected languages. Although you’re just using Google Translate, this will make your app more accessible to the markets where English isn’t the language of choice.

Hello,
that’s a good tip indeed, thank you for sharing it. My experience is that It is likely that one’s apps will get a download volume increased by 50 percent or more due to the higher visibility.
Best regards
Johannes