×
Namespaces

Variants
Actions
(Difference between revisions)

Mobile Design Pattern: Scalability

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Bot change of links to internal format.)
hamishwillee (Talk | contribs)
m (Text replace - "Category:Mobile Design" to "")
 
(One intermediate revision by one user not shown)
Line 1: Line 1:
[[Category:Usability]][[Category:Mobile_Design]][[Category:Mobile_Design_Patterns]]
+
{{ArticleMetaData <!-- v1.2 -->
 +
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 +
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
 +
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
 +
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 +
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|translated-by= <!-- [[User:XXXX]] -->
 +
|translated-from-title= <!-- Title only -->
 +
|translated-from-id= <!-- Id of translated revision -->
 +
|review-by= <!-- After re-review: [[User:username]] -->
 +
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20090630
 +
|author= [[User:Rahulsingh1m]]
 +
}}
 +
[[Category:Usability]][[Category:Mobile Design Patterns]]
  
 
==Description==
 
==Description==
Line 9: Line 31:
 
     <td align="left">
 
     <td align="left">
 
Messaging application example with scalablility<br>
 
Messaging application example with scalablility<br>
[[Image:messaging_portrait.jpg]]
+
[[File:messaging portrait.jpg]]
 
     <td align="left">
 
     <td align="left">
 
<br>
 
<br>
[[Image:messaging_landscape.jpg]]
+
[[File:messaging landscape.jpg]]
 
   </td>
 
   </td>
 
</tr>
 
</tr>
Line 38: Line 60:
  
 
==Related Links==
 
==Related Links==
* [[Scalable UI]]
+
* [[Symbian Scalable UI Framework]]
 
* [[How to define and choose scalable text|Using scalable text]]
 
* [[How to define and choose scalable text|Using scalable text]]

Latest revision as of 06:26, 9 May 2012

Article Metadata
Article
Created: User:Rahulsingh1m (30 Jun 2009)
Last edited: hamishwillee (09 May 2012)

Contents

[edit] Description

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

[edit] Use when

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

[edit] Benefits

  • 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.

[edit] 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.

[edit] Related Links

This page was last modified on 9 May 2012, at 06:26.
58 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.

×