(Difference between revisions)

Mobile Design Pattern: Scalability

From Nokia Developer Wiki
Jump to: navigation, search
Rahulsingh1m (Talk | contribs)
hamishwillee (Talk | contribs)
m (Bot change of links to internal format.)
Line 38: Line 38:
==Related Links==
==Related Links==
* [http://wiki.forum.nokia.com/index.php/Scalable_UI Scalable UI]
* [[Scalable UI]]
* [http://wiki.forum.nokia.com/index.php/How_to_define_and_choose_scalable_text Using scalable text]
* [[How to define and choose scalable text|Using scalable text]]

Revision as of 10:53, 18 May 2011



Scalability refers to the ability of the application to adapt to different screen sizes and orientations.

Messaging application example with scalablility
Messaging portrait.jpg

Messaging landscape.jpg

Use when

  • When effective usage of screen space is required.
  • To provide rich experience to the user.


  • Different variants of application not required for different screens.
  • Some applications like browser can be used much better in landscape mode.
  • Less effort required to support the application on a new device.

Design Tips

  • Built in system components already supports scalability.
  • Custom components should be designed and tested properly for scalability.
  • Orientation change can be initiated through a hardware event and also through the application.
  • On change of orientation, the application should continue normally.
  • In case a particular screen is not supported, proper error dialog should be displayed to the user.
  • Application data like text, images should be rendered properly for different screens and should be easily readable by the user.

Related Links

67 page views in the last 30 days.