Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.
Series 40 UI design for monetization enablers webinar - companion article
This article is companion for the UI design for monetisation enablers for Series 40 Full Touch webinars held in November 2012. It covers both sessions: 13th and 14th November 2012.
How you design and present monetisation interactions requires as much attention to user experience as does the rest of your app. If you use in-app ads or in-app purchasing, this UX webinar is for you. The webinar will walk you through the recommended flows of various monetisation stories in Series 40 full touch. It will also demonstrate common mistakes that developers make and will propose solutions for those problems. As usual for Nokia Developer UX webinars, the presentation will feature exercises that receive follow-up treatment in a (this!) Nokia Developer Wiki article.
The webinar and the wiki article are a great starting point if you’re not a UI design expert. Check out Series 40 UI design library for more advanced information and resources.
This wiki page is the "companion" to the webinar. It includes:
- Webinar exercises and proposals for how to solve them.
- Open issues from Q/A
- Further links and references
- Future UX webinars
- Slide deck
- Link to recording (to be added).
- Webinar announcement
Proposals and solutions to webinar problems
This section contains problems raised in the webinar exercises. In addition, it contains proposals and possible solutions to solve the problems.
Place the "buy more levels" here:
- Landing page (after the splash screen)
- Level selection page
- Score overview
- It could be present on all menus
Also, a link for visiting your web page should minimally be part of all options menus (for example, in order to promote new games or sequels to this game).
What is wrong with this layout?
- As you can see, the bottom of the view is not really suitable for ad placement on Series 40 full touch.
- In case you use the platform chrome and you want to make the ad being part of the chrome (i.e. not scroll away) the position as shown in the left example is highly recommended.
- The ad does not change the position (e.g. when removing the Category in the next lower drill down level).
- The ad does not interfere with the Back button (in case there is no category bar).
What is wrong with this purchase flow?
Note, this assumes you are already signed-in to Nokia Store.
- The flow does not tell the total costs, but rather tries to trick the user with a low price per unit.
- People would expect that you charge them daily - which does not hurt that much than paying over 100€ at once.
- The flow shown above is very likely to cause complaints and bad ratings in the store. Users may even want to return the app since they feel they are being cheated.
Which checkout concept do you prefer and why?
Open issues from Q/A
Question: About the IAP, what if user has same account for 2 phones?
Answer: The re-downloads are not locked to an IMEI. They are based on the account. So the user could upload to 10 different devices as long as that content supports those devices. Thanks Sherwin :-)
- In-app advertising
- In-app purchase
- Battle Tank (Nokia DRM demo app)
- Tourist Attraction (Custom DRM demo app)
- UI Components Demos App
- Functional description of in-app purchase
- Jacob Nielsen’s show case “Why WSJ Mobile App Gets ** Customer Reviews”.
- Mobile Design Pattern Gallery: UI Patterns for Mobile Applications. Theresa Neil (2012). ISBN-13: 978-1449314323
- Designing Mobile Interfaces. Steven Hoober, Eric Berkman (2011). ISBN-13: 978-1449394639
The next (planned) UX related webinar is: Debug your design for Series 40 full touch.
It is important to test your application, not only code wise but also from UX point of view. The webinar will show you very simple and “one-man-band” compatible test methods to find UX bugs and how to deal with them. As usual, this UX webinar will have a wiki companion article for the exercises.