×
Namespaces

Variants
Actions
(Difference between revisions)

Mobile Design Pattern: Sub Menu List

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
hamishwillee (Talk | contribs)
m (Hamishwillee - Fix categories)
 
(2 intermediate revisions by one user not shown)
Line 1: Line 1:
[[Category:Mobile_Design]]
+
[[Category:Mobile Design Patterns]]
[[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:Rahulvala]]
 +
}}
 +
 
 +
 
  
  
Line 11: Line 34:
 
Sub menu list is like small widget which needs user response about selecting some options from the list of available options.
 
Sub menu list is like small widget which needs user response about selecting some options from the list of available options.
  
[[Image:sm1.1.jpg]]
+
[[File:sm1.1.jpg]]
  
[[Image:sm1.2.jpg]]
+
[[File:sm1.2.jpg]]
  
 
==Advantage==
 
==Advantage==
  
Better view
+
* Better view
 
+
* White small widget
White small widget
+
* More options available
 
+
* In web it contains history and setting list
More options available
+
 
+
In web it contains history and setting list
+
  
[[Image:sm1.3.jpg]]
+
[[File:sm1.3.jpg]]
  
[[Image:sm1.4.jpg]]
+
[[File:sm1.4.jpg]]
  
 
==Use when==
 
==Use when==

Latest revision as of 02:57, 7 August 2012

Article Metadata
Article
Created: rahulvala (30 Jun 2009)
Last edited: hamishwillee (07 Aug 2012)



This design pattern is part of the Mobile Design Patterns series.

[edit] Description

Sub menu list is very important in mobile. Whenever we touch the main icon or the menu a list of sub menu appear on the screen to ask user about some more options, e.g. copy, paste, edit etc.

Sub menu list is like small widget which needs user response about selecting some options from the list of available options.

Sm1.1.jpg

Sm1.2.jpg

[edit] Advantage

  • Better view
  • White small widget
  • More options available
  • In web it contains history and setting list

Sm1.3.jpg

Sm1.4.jpg

[edit] Use when

Sub menu is very important in mobile because menu contains only the main icons.

So the list of submenu is created by touching the main menu.

The list of submenu example is given above.

Some are used in the main menu, other are used in the web browser, and some are used in inbox also. .

This page was last modified on 7 August 2012, at 02:57.
74 page views in the last 30 days.