×
Namespaces

Variants
Actions
(Difference between revisions)

Mobile Design Pattern: Flying Icon Menu

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Fix metadata etc)
Line 1: Line 1:
{{ArticleMetaData
+
{{ArticleMetaData <!-- v1.2 -->
 
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 
|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]]) -->
 
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
Line 6: Line 6:
 
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->  
+
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
|signing=<!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
+
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
|capabilities=<!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
+
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
|id= <!-- Article Id (Knowledge base articles only) -->
+
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
|language=<!-- Language category code for non-English topics - e.g. Lang-Chinese -->
+
|translated-by= <!-- [[User:XXXX]] -->
|review-by=<!-- After re-review: [[User:username]] -->
+
|translated-from-title= <!-- Title only -->
|review-timestamp=<!-- After re-review: YYYYMMDD -->
+
|translated-from-id= <!-- Id of translated revision -->
|update-by=<!-- After significant update: [[User:username]]-->
+
|review-by= <!-- After re-review: [[User:username]] -->
|update-timestamp=<!-- After significant update: YYYYMMDD -->
+
|review-timestamp= <!-- After re-review: YYYYMMDD -->
|creationdate=20090630
+
|update-by= <!-- After significant update: [[User:username]]-->
|author=[[User:Rahulvala]]
+
|update-timestamp= <!-- After significant update: YYYYMMDD -->
}}[[Category:Mobile_Design]]
+
|creationdate= 20090630
[[Category:Mobile_Design_Patterns]]
+
|author= [[User:Rahulvala]]
 +
}}[[Category:Mobile Design]]
 +
[[Category:Mobile Design Patterns]]
  
  
Line 30: Line 32:
 
Flying menu is like rotating application which needs user response about selecting some options from the list of available icons.
 
Flying menu is like rotating application which needs user response about selecting some options from the list of available icons.
  
[[Image:fy1.1.jpg]]
+
[[File:fy1.1.jpg]]
  
[[Image:fy1.2.jpg]]
+
[[File:fy1.2.jpg]]
  
[[Image:fy1.3.jpg]]
+
[[File:fy1.3.jpg]]
 
==Advantage==
 
==Advantage==
  
Line 46: Line 48:
  
  
[[Image:fy1.4.gif]]
+
[[File:fy1.4.gif]]
  
[[Image:fy1.5.jpg]]
+
[[File:fy1.5.jpg]]
 
==Disadvantage==
 
==Disadvantage==
  

Revision as of 05:54, 7 May 2012

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


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

Contents

Description

Flying icon menu is very important in mobile. Now days it is used in every touch mobile. Whenever we touch the main icon or the menu on the screen it will get opened. Flying icons does mean that icons are scrolling on the display are by finger touch. Flying menu is like rotating application which needs user response about selecting some options from the list of available icons.

Fy1.1.jpg

Fy1.2.jpg

Fy1.3.jpg

Advantage

• Better view

• Theme looks good

• More application available

• Every application has its own icon to select


Fy1.4.gif

Fy1.5.jpg

Disadvantage

• Some by wrong touch user can open unused application.

• Every time need to touch.

Use when

Flying icon is the basic theme in every touch mobile available in the market. User gets graphical design icon experience. By touch user can open any required application.

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

×