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 over the next few weeks. Thanks for all your past and future contributions.

Revision as of 13:13, 29 June 2009 by Rahulsingh1m (Talk | contribs)

Screen Layout Usability

From Wiki
Jump to: navigation, search


One of the most frequently asked questions is "for what screen resolution should we design our app?" Also most of the mobile devices enables user to switch between portrait and landscape orientation. Also the testing criteria UNI-10 says: The application should function and render its display as specified, regardless of the device screen resolution and format. Thus design application in such a way that it match the display resolution.

Some usability guideline

  • Make sure that the application's content is easy to view and interact with when displayed in either resolution.
  • Display a proper message if user switch to the mode which is not supported by your application.

Showing proper message if aplication does not support current screen mode

  • Design each control of application in such a way that it will resize itself when user change resolution.

Good screen example which show
UI element properly


Bad screen example which not showing
UI element properly


  • You should take care of menu, dialogs also if you are creating a custom menu & dialogs.
  • While switching from portrait to landscape mode and vice versa, the number of lines or items may change. So a generic UI design should not assume a certain fixed number of items.
  • The placement of popup windows should be adjusted in the landscape mode so that they remain in close proximity to the softkey texts.
  • In the landscape mode, the placement of status pane components should be consistent with other applications.
46 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.