×
Namespaces

Variants
Actions
(Difference between revisions)

Mobile Design Pattern: Flying Icon Menu

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot addition of Template:ArticleMetaData)
hamishwillee (Talk | contribs)
m (Hamishwillee - Tidy wiki text)
 
(5 intermediate revisions by one user not shown)
Line 1: Line 1:
{{ArticleMetaData
+
[[Category:Mobile Design Patterns]]
 +
{{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 7:
 
|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]]
 
+
}}
  
 
This design pattern is part of the [[:Category:Mobile Design Patterns|Mobile Design Patterns]] series.
 
This design pattern is part of the [[:Category:Mobile Design Patterns|Mobile Design Patterns]] series.
Line 30: Line 31:
 
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==
  
Better view
+
* Better view
 +
* Theme looks good
 +
* More application available
 +
* Every application has its own icon to select
  
• Theme looks good
+
[[File:fy1.4.gif]]
  
• More application available
+
[[File:fy1.5.jpg]]
 
+
• Every application has its own icon to select
+
 
+
 
+
[[Image:fy1.4.gif]]
+
 
+
[[Image:fy1.5.jpg]]
+
 
==Disadvantage==
 
==Disadvantage==
 
+
* Some by wrong touch user can open unused application.
Some by wrong touch user can open unused application.
+
* Every time need to touch.
 
+
Every time need to touch.
+
  
 
==Use when==
 
==Use when==
Line 59: Line 54:
 
Flying icon is the basic theme in every touch mobile available in the market.
 
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.
 
User gets graphical design icon experience. By touch user can open any required application.
 +
<!-- Translation --> [[pt:Mobile Design Pattern: Menu de ícones flutuantes]]

Latest revision as of 08:45, 13 August 2012

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

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

Contents

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

[edit] Advantage

  • Better view
  • Theme looks good
  • More application available
  • Every application has its own icon to select

Fy1.4.gif

Fy1.5.jpg

[edit] Disadvantage

  • Some by wrong touch user can open unused application.
  • Every time need to touch.

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

This page was last modified on 13 August 2012, at 08:45.
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.

×