Series 40 UI design for monetization enablers webinar - companion article
hamishwillee
(Talk | contribs) m (Hamishwillee - Minor subedit) |
hamishwillee
(Talk | contribs) m (Hamishwillee - Bot update - Fix metadata) |
||
| Line 9: | Line 9: | ||
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later --> | |platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later --> | ||
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) --> | |devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) --> | ||
| − | |dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 --> | + | |dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 --> |
| − | |signing=<!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer --> | + | |signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer --> |
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. --> | |capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. --> | ||
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase --> | |keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase --> | ||
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese --> | |language= <!-- Language category code for non-English topics - e.g. Lang-Chinese --> | ||
|translated-by= <!-- [[User:XXXX]] --> | |translated-by= <!-- [[User:XXXX]] --> | ||
| − | |translated-from-title= <!-- Title only --> | + | |translated-from-title= <!-- Title only --> |
|translated-from-id= <!-- Id of translated revision --> | |translated-from-id= <!-- Id of translated revision --> | ||
| − | |review-by=<!-- After re-review: [[User:username]] --> | + | |review-by= <!-- After re-review: [[User:username]] --> |
|review-timestamp= <!-- After re-review: YYYYMMDD --> | |review-timestamp= <!-- After re-review: YYYYMMDD --> | ||
|update-by= <!-- After significant update: [[User:username]]--> | |update-by= <!-- After significant update: [[User:username]]--> | ||
| Line 46: | Line 46: | ||
# Where would you place “buy more levels” button(s) in a game? | # Where would you place “buy more levels” button(s) in a game? | ||
# What is wrong with this layout? | # What is wrong with this layout? | ||
| − | #: [[File: | + | #: [[File:S40UI monetization 01.png]] |
# Which problems occur if you place the ad at the bottom of the view? | # Which problems occur if you place the ad at the bottom of the view? | ||
# What is wrong with this flow (assume you are signed-in already to Nokia Store). | # What is wrong with this flow (assume you are signed-in already to Nokia Store). | ||
| − | #: [[File: | + | #: [[File:S40UI monetization 02.png]] |
# Which checkout concept do you prefer and why? | # Which checkout concept do you prefer and why? | ||
{| class="wikitable" | {| class="wikitable" | ||
| Line 55: | Line 55: | ||
| a) short checkout form with drill down || b) long form | | a) short checkout form with drill down || b) long form | ||
|- | |- | ||
| − | | [[File: | + | | [[File:S40UI monetization 03.png]] || [[File:S40UI monetization 04.png]] |
|} | |} | ||
| Line 65: | Line 65: | ||
== Further links and references == | == Further links and references == | ||
* [http://www.developer.nokia.com/Distribute/In-app_advertising/ In-app advertising] | * [http://www.developer.nokia.com/Distribute/In-app_advertising/ In-app advertising] | ||
| − | * [http://www.developer.nokia.com/Resources/Library/Full_Touch/#!in-app-purchase.html | + | * [http://www.developer.nokia.com/Resources/Library/Full_Touch/#!in-app-purchase.html In-app purchase] |
* [https://projects.developer.nokia.com/JMEBattleTank/ Battle Tank (Nokia DRM demo app)] | * [https://projects.developer.nokia.com/JMEBattleTank/ Battle Tank (Nokia DRM demo app)] | ||
| − | * [https://projects.developer.nokia.com/JMETouristAttractions/wiki Tourist Attraction (Custom DRM demo | + | * [https://projects.developer.nokia.com/JMETouristAttractions/wiki Tourist Attraction (Custom DRM demo app)] |
* [https://projects.developer.nokia.com/s40uivisualisation UI Components Demos App] | * [https://projects.developer.nokia.com/s40uivisualisation UI Components Demos App] | ||
* [http://www.developer.nokia.com/Resources/Library/Java/#!developers-guides/in-app-purchase/introduction/functional-description.html Functional description of in-app purchase] | * [http://www.developer.nokia.com/Resources/Library/Java/#!developers-guides/in-app-purchase/introduction/functional-description.html Functional description of in-app purchase] | ||
| − | * [http://www.useit.com/alertbox/mobile-startup-screen.html Jacob | + | * [http://www.useit.com/alertbox/mobile-startup-screen.html Jacob Nielsen’s show case “Why WSJ Mobile App Gets ** Customer Reviews”.] |
* [[Mobile Design Pattern Gallery (Book)|Mobile Design Pattern Gallery]]: UI Patterns for Mobile Applications. Theresa Neil (2012). ISBN-13: 978-1449314323 | * [[Mobile Design Pattern Gallery (Book)|Mobile Design Pattern Gallery]]: UI Patterns for Mobile Applications. Theresa Neil (2012). ISBN-13: 978-1449314323 | ||
* [[Designing Mobile Interfaces (Book)|Designing Mobile Interfaces]]. Steven Hoober, Eric Berkman (2011). ISBN-13: 978-1449394639 | * [[Designing Mobile Interfaces (Book)|Designing Mobile Interfaces]]. Steven Hoober, Eric Berkman (2011). ISBN-13: 978-1449394639 | ||
Revision as of 07:14, 13 November 2012
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.
Article Metadata
Contents |
Introduction
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 will receive follow-up treatment in a 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
- Link to slide deck (to be added).
- Link to recording (to be added).
- Webinar announcement
Webinar problems
This section contains problems raised in the webinar exercises. Proposed solutions will be posted after the second webinar session.
- Where would you place “buy more levels” button(s) in a game?
- What is wrong with this layout?
-
- Which problems occur if you place the ad at the bottom of the view?
- What is wrong with this flow (assume you are signed-in already to Nokia Store).
-
- Which checkout concept do you prefer and why?
| a) short checkout form with drill down | b) long form |
 |
|
Open issues from Q/A
None so far
Further links and references
- 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
Future webinars
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.
