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. Thanks for all your past and future contributions.

Revision as of 07:17, 4 October 2012 by Krebbix (Talk | contribs)

Series 40 UI design port from Android webinar - companion article

From Wiki
Jump to: navigation, search

This article is companion for the UI design techniques for porting Android apps to Series 40 full touch webinars held in October 2012. It covers both sessions (4 October 2012 and 10 October 2012).

Article Metadata
Series 40
Created: Krebbix (03 Oct 2012)
Last edited: Krebbix (04 Oct 2012)



Porting an application design from Android to Series 40 is not as difficult as it might first appear. While Series 40 phones are cost-optimized, their smartphone-like experience is provided by a UI with many comparable features. We recommend that you never compare designs for different size screens because the screen real estate for relevant information and call-to-action becomes more and more of an issue when reducing the screen size. For the webinar examples we’re comparing designs for devices with similar sizes: Series 40 Full touch (3’’ screen) and e.g. Galaxy Mini (3,14’’ screen). Some of the advice may also apply to devices with larger sizes.

The webinar addresses basic UI design aspects when porting a design from Android "Jelly Bean" to Series 40 full touch. This wiki page is the "companion" to the webinar. It includes:

  • Webinar exercises (we will add "recommended solutions" after the second webinar session)
  • Q/A from the webinar sessions
  • Link to slide deck [will be added].
  • Link to recording [will be added]

Note.pngNote: The webinar covers porting from Android OS 4.1 "Jelly Bean" only. Some of the advice may apply when porting from other versions.

Webinar exercises

This section contains problems raised in the webinar exercises. The recommended solutions will be added after the second session.

  1. How would you change the following structure for Series 40 full touch? S40FT Webinar Android 01.png
  2. How do Android Jelly Bean and Series 40 full touch differ in their use of the “select multiple items” pattern?
  3. Which device has more pixels, the Samsung Galaxy Mini S5570 or the Nokia Asha 311?
  4. Are there any limitations in using buttons in Series 40 full touch?
  5. What are the benefits of Series 40 full touch backstep paradigm?


  • To be added after webinar


Portions of this wiki page contains modifications or is reproduced based on work created and shared by the Android Open Source Project and used according to terms described in the Creative Commons 2.5 Attribution License.

377 page views in the last 30 days.