Web navigation: Difference between revisions
No edit summary |
No edit summary |
||
Line 76: | Line 76: | ||
[[Category:Web design]] |
[[Category:Web design]] |
||
<ref>{{cite web|last=Jones|first=Henry|title=30 Examples of Clean and Minimal Website Navigation|url=http://webdesignledger.com/inspiration/30-examples-of-clean-and-minimal-website-navigation|accessdate=12 March 2014}}</ref> |
|||
{{Web-stub}} |
{{Web-stub}} |
Revision as of 21:07, 12 March 2014
Web navigation refers to the process of navigating a network of information resources in the World Wide Web, which is organized as a hypertext or hypermedia. The user interface that is used to do so is called a web browser. A central theme in web design is the development of a web navigation interface that maximizes usability. A website's overall navigational scheme includes several navigational pieces such as global, local, supplemental, and contextual navigation, all of these are vital aspects of the broad topic of web navigation.[1] Hierarchal navigation systems are vital as well since it is the primary navigation system. It allows for the user to navigate within the site using levels alone, which is often seen as restricting and requires additional navigation systems to better structure the website.[2] The global navigation of a website, as another segment of web navigation, serves as the outline and template in order to achieve an easy maneuver for the users accessing the site, while local navigation is often used to help the users within a specific section of the site.[1] All these navigational pieces fall under the categories of various types of web navigation, allowing for further development and for more efficient experiences upon visiting a webpage.
History
Web navigation came about with the introduction of the World Wide Web, in 1989 when Tim Burners-Lee invented it.[3] Once the world wide web was available, web navigation increasingly became a major aspect and role in jobs and every day lives. With one-third of the world’s population now using the internet, web navigation maintains a global use in today's ever evolving international society. [4] Web navigation is not restricted to just computers, either, as mobile phones and tablets have added avenues for access to the ever growing information on the web today.
Types of Web Navigation
The use of website navigation tools allow for a website's visitors to experience the site with the most efficiency and the least incompetence. A website navigation system is analogous to a road map which enables webpage visitors to explore and discover different areas and information contained within the website. [5] There are many different types of website navigation:
- Hierarchical Website Navigation
The structure of the website navigation is built from general to specific. This provides a clear, simple path to all the web pages from anywhere on the website.
- Global Website Navigation
Global website navigation shows the top level sections/pages of the website. It is available on each page and lists the main content sections/pages of the website.
- Local Website Navigation
Local navigation would the links with the text of your web pages, linking to other pages within the website.[6]
Styles of Web Navigation
Web navigations vary in styles between different website as well as within a certain site. The availability of different navigational styles allows for the information in the website to be delivered easily and directly. This also differentiates between categories and the sites themselves to indicate what the vital information is and to enable the users access to more information and facts discussed within the website. Across the globe, different cultures prefer certain styles for web navigations, allowing for a more enjoyable and functional experience as navigational styles expand and differentiate. Many different styles of web navigation are present, including:
The anchor text, link label, link text, or link title is the visible, clickable text in a hyperlink.
Breadcrumbs or breadcrumb trail is a navigation aid used in user interfaces. It allows users to keep track of their locations within programs or documents.[7] The term comes from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale.[8]
A navigation bar or (navigation system) is a section of a website or online page intended to aide visitors in travelling through the online document.[9]
A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for Web design, or a Web page that lists the pages on a Web site, typically organized in hierarchical fashion.[10]
In computing with graphical user interfaces, a dropdown menu or drop-down menu or drop-down list is a user interface control GUI element ("widget" or "control"), similar to a list box, which allows the user to choose one value from a list. [11]
In computing and telecommunications, a menu is a list of options or commands presented to an operator by a computer or communications system. [12]
An anchor element is called an anchor because web designers can use it to anchor a URL to some text on a web page. When users view the web page in a browser, they can click the text to activate the link and visit the page whose URL is in the link.[13]
Design of web navigation
Some examples of clean and minimal web navigation design are Kilian Muster, bressane, Haik Avanian, and others.
See also
- Design pattern (computer science)
- Efficiency
- Human–computer interaction
- Interaction technique
- Mind map
- Pattern language
- Web traffic
- Traffic engineering (transportation)
References
- ^ http://www.webfoundation.org/about/vision/history-of-the-web/. World Wide Web Foundation. 2014
- ^ Shwayder, Maya. http://www.ibtimes.com/one-third-worlds-population-using-internet-developing-nations-showing-biggest-gains-795299. International Business Times. 12 March 2014
- ^ http://www.webpagemistakes.ca/website-navigation/. Website Navigation. 2014
- ^ http://www.webpagemistakes.ca/website-navigation/. Website Navigation. 2014
- ^ https://en.wikipedia.org/wiki/Breadcrumb_%28navigation%29/. Breadcrumb (navigation). 2014
- ^ Mark Levene (18 October 2010). An Introduction to Search Engines and Web Navigation (2nd ed.). Wiley. p. 221. ISBN 978-0470526842. Retrieved 12 November 2012.
- ^ https://en.wikipedia.org/wiki/Navigation_bar. Navigation bar. 2014
- ^ https://en.wikipedia.org/wiki/Sitemap. Sitemap. 2014
- ^ https://en.wikipedia.org/wiki/Dropdown_menu. Dropdown menu. 2014
- ^ https://en.wikipedia.org/wiki/menu_(Computing). Menu (computing). 2014
- ^ HTML 4 for dummies, 5th edition, 2005, By Ed Tittel, Mary C. Burmeister, p. 96.
- Akanda, Muhammed A.K. & German, Daniel M. (2005). "A System of Patterns in Web Navigation". Web engineering: 5th international conference, ICWE 2005, Sydney, Australia, July 27-29, 2005 : proceedings. Birkhäuser. p. 136. ISBN 978-3-540-27996-9.
{{cite book}}
: Unknown parameter|editors=
ignored (|editor=
suggested) (help)CS1 maint: multiple names: authors list (link) - Kalbach, James(2007), Designing Web Navigation Worldcat
- Additional verification
- Linda Tauscher and Saul Greenberg et al © Copyright ACM 1997 retrieved 23/09/11
- Steven.Pemberton et al Copyright is held by the author/owner retrieved 23/09/11
- Academia.edu short list{A.Genest retrieved 23/09/11
External links
- ^ Jones, Henry. "30 Examples of Clean and Minimal Website Navigation". Retrieved 12 March 2014.