×
Namespaces

Variants
Actions
(Difference between revisions)

Series 40 UI design for monetization enablers webinar - companion article

From Nokia Developer Wiki
Jump to: navigation, search
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:S40UI_monetization_01.png]]
+
#: [[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:S40UI_monetization_02.png]]
+
#: [[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:S40UI_monetization_03.png]] || [[File:S40UI_monetization_04.png]]
+
| [[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 In-app purchase]
+
* [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 app)]
+
* [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 Nielsen’s show case “Why WSJ Mobile App Gets ** Customer Reviews”.]
+
* [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 04: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
Compatibility
Platform(s):
Series 40
Article
Created: Krebbix (12 Nov 2012)
Last edited: hamishwillee (13 Nov 2012)

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.

  1. Where would you place “buy more levels” button(s) in a game?
  2. What is wrong with this layout?
    S40UI monetization 01.png
  3. Which problems occur if you place the ad at the bottom of the view?
  4. What is wrong with this flow (assume you are signed-in already to Nokia Store).
    S40UI monetization 02.png
  5. Which checkout concept do you prefer and why?
a) short checkout form with drill down b) long form
S40UI monetization 03.png S40UI monetization 04.png

Open issues from Q/A

None so far


Further links and references


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.

Find more webinar announcements from this link

423 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×