×
Namespaces

Variants
Actions
(Difference between revisions)

Mobile Design Pattern: Web Browser Style

From Nokia Developer Wiki
Jump to: navigation, search
rahulvala (Talk | contribs)
(web browser)
 
hamishwillee (Talk | contribs)
m (Text replace - "Category:Mobile Design" to "")
 
(One intermediate revision by one user not shown)
Line 1: Line 1:
[[Category:Mobile_Design]]
+
{{ArticleMetaData <!-- v1.2 -->
[[Category:Mobile_Design_Patterns]]
+
|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= 20090627
 +
|author= [[User:Rahulvala]]
 +
}}
 +
 
 +
[[Category:Mobile Design Patterns]]
  
  
Line 12: Line 34:
 
Also it should contain the search field, tabs, bookmark and home page buttons.  
 
Also it should contain the search field, tabs, bookmark and home page buttons.  
  
[[Image:web1.1.jpg]]
+
[[File:web1.1.jpg]]
  
  
Line 21: Line 43:
 
• It should contain zooming slider, tabs, back button, and search field.
 
• It should contain zooming slider, tabs, back button, and search field.
  
[[Image:web1.3.jpg]]
+
[[File:web1.3.jpg]]
  
 
==Disadvantage==
 
==Disadvantage==
Line 27: Line 49:
 
• Size of webpage is more compared to mobile screen; So It is time consuming to go one side to another side in webpage.
 
• Size of webpage is more compared to mobile screen; So It is time consuming to go one side to another side in webpage.
  
[[Image:web1.2.jpg]]
+
[[File:web1.2.jpg]]
  
 
==Use when==
 
==Use when==
  
 
Web browser is very essential in mobile, when we don’t have computer at that time we use internet in mobile.
 
Web browser is very essential in mobile, when we don’t have computer at that time we use internet in mobile.

Latest revision as of 06:26, 9 May 2012

Article Metadata
Article
Created: rahulvala (27 Jun 2009)
Last edited: hamishwillee (09 May 2012)


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

Contents

[edit] Description

A web browser is a medium by which user can open web pages in mobile. Mobile browser should capable enough that it gives better web browsing experience like computer. In touch mobile web browser contains touch keyboard and address bar for entering address. A web browser should contain zooming slider, back button to go in the previous webpage and refresh button. Also it should contain the search field, tabs, bookmark and home page buttons.

Web1.1.jpg


[edit] Advantage

• Picture in mobile should look as good as computer. • Browser contains all the functions required in mobile internet. • It should contain zooming slider, tabs, back button, and search field.

Web1.3.jpg

[edit] Disadvantage

• Size of webpage is more compared to mobile screen; So It is time consuming to go one side to another side in webpage.

Web1.2.jpg

[edit] Use when

Web browser is very essential in mobile, when we don’t have computer at that time we use internet in mobile.

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

×