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. Thanks for all your past and future contributions.

(Difference between revisions)

Mobile Design Pattern: Site Index

From Wiki
Jump to: navigation, search
nirpsis (Talk | contribs)
(Review logo)
hamishwillee (Talk | contribs)
m (Text replace - "Category:Mobile Design" to "")
(One intermediate revision by one user not shown)
Line 1: Line 1:
{{ArticleMetaData <!-- v1.1 -->
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example]] -->
|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 -->
|id= <!-- Article Id (Knowledge base articles only) -->
|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= 20090511
|author= [[User:Croozeus]]
[[Category:Mobile Design Patterns]]

Latest revision as of 06:06, 16 April 2012

Article Metadata
Created: croozeus (11 May 2009)
Last edited: hamishwillee (16 Apr 2012)

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


[edit] Description

A systematic collection of links of all pages of the website.

[edit] Advantages

  • Increases flexible navigation for users who are not familiar with the site map.

[edit] Use when

When a new website is launched, the audience visiting/using the website may find it difficult to navigate as they are not very well acquainted with the hierarchy of the website. This problem might be over come by designing a site index for the website.

[edit] Use how

Links of all the pages available on the website are available on a single page which is defined as the site index. For ease of use and flexibility to navigate the links provided in the site index may be listed either horizontally or vertically. The websites which have an optimized mobile version use the horizontal list when they have few pages to navigate, as shown in the following screenshots.

N95 Siteindex.jpg SiteIndex N810.png

Sometimes, an effective way of listing the links would be listing them according to the categories, as shown in below screenshot.

Siteindex categories.jpg

As the index page contains links to all the pages of the website, generally a normal navigation bar is not required on the site index page. The list of links provided on the site index page should be in a systematic manner - for e.g. alphabetical order, as shown in first screenshot.

United nations site index.jpg

[edit] Design Tips

  • To enhance the site index, a search box may be added to the top of the index, as shown in below screenshot. The user may enter a keyword in a search box which would return appropriate links from the list.
  • Advertisements or promotions may be used in on the index page if there is free space on the webpage as shown in first screenshot.

SiteIndex search.jpg

--Submitted by croozeus 01:18, 12 May 2009 (EEST)

  • croozeus

Bold text

This page was last modified on 16 April 2012, at 06:06.
857 page views in the last 30 days.