Web navigation

File:Web browser demo.webm using a web browser]]

Web navigation refers to the process of navigating a network of information resources in the World Wide Web, which is organized as hypertext or hypermedia.{{cite book|last1=Lowe|first1=David|last2=Gaedke|first2=Martin|title=Web Engineering|date=18 July 2005|url=https://books.google.com/books?id=ueg1YMiF3SEC&pg=PA136|publisher=Springer|isbn=9783540279969}} The user interface that is used to do so is called a web browser.{{cite web|last1=Anderson|first1=Corin|last2=Domingos|first2=Pedro|last3=Weld|first3=Daniel|url=http://homes.cs.washington.edu/~pedrod/papers/kdd02a.pdf|publisher=University of Washington|title=Relational Markov Models and their Application to Adaptive Web Navigation}}

A central theme in web design is the development of a web navigation interface that maximizes usability.

A website 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.{{cite web|last=Doss|first=Glen|title=Designing Effective Web Navigation|url=http://gdoss.com/web_info/web_navigation.pdf|publisher=Towns University, Center for Applied Information Technology|access-date=23 December 2014|archive-date=3 March 2016|archive-url=https://web.archive.org/web/20160303235049/http://gdoss.com/web_info/web_navigation.pdf|url-status=dead}} Hierarchical 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.{{cite web|last=Bezerra|first=Edmara Cavalcanti|title=Design and Navigation|url=http://www.edb.utexas.edu/minliu/multimedia/Design%20and%20Navigation.pdf|publisher=University of Texas, EDC385G Interactive Multimedia Design & Production|access-date=24 February 2014|archive-date=25 January 2014|archive-url=https://web.archive.org/web/20140125071701/http://www.edb.utexas.edu/minliu/multimedia/Design%20and%20Navigation.pdf|url-status=dead}} 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. 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 web page.

History

Web navigation came about with the introduction of the World Wide Web in 1989, when Tim Berners-Lee invented it.{{cite web|url=http://www.webfoundation.org/about/vision/history-of-the-web/|title=History of the Web|work=World Wide Web Foundation}} Once the World Wide Web was available, web navigation increasingly became a major aspect and role in jobs and everyday 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.{{cite web|url=http://www.ibtimes.com/one-third-worlds-population-using-internet-developing-nations-showing-biggest-gains-795299|title=One-Third Of World's Population Using Internet, Developing Nations Showing Biggest Gains|author=Maya Shwayder|date=24 September 2012|work=International Business Times}} 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. The most recent wave of technology which has affected web navigation is the introduction and growth of the smartphone. Web navigation has evolved from a restricted action, to something that many people across the world now do on a daily basis.{{Cite web |last=Malegam |first=Farhad |date=February 6, 2022 |title=Optimising Website to Improve Customer Experience |url=https://sydneydigitalagency.com.au/optimising-your-website-to-improve-customer-experience/ }}

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 web page visitors to explore and discover different areas and information contained within the website.{{cite web|url=http://www.webpagemistakes.ca/website-navigation/|title=Website Navigation|work=webpagemistakes.ca}}

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 is the links within the text of a given web page, linking to other pages within the website.

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.

Navigation bar: A navigation bar{{Cite web|title=Navigation Bar: Explanations and Samples|url=https://www.dropdownmenugenerator.com/create/navigation-bar.aspx|access-date=2021-02-11|website=Dropdown Menu Generator}} or (navigation system) is a section of a website or online page intended to aid visitors in travelling through the online document.
Sitemap: 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 website, typically organized in hierarchical fashion.
Dropdown menu: 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.
Flyout menu: In computing with graphical user interfaces, a menu that flies out (either down or to the side) when you click or hover (mouseover) some GUI element.{{cite web|url=http://www.pcreview.co.uk/threads/what-is-a-flyout-menu.1212645/|title=What is a 'flyout' menu?|work=pcreview.co.uk|date=19 October 2004 }}
Named anchor: 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.HTML 4 for dummies, 5th edition, 2005, By Ed Tittel, Mary C. Burmeister, p. 96.

Design of web navigation

What makes web design navigation difficult to work with is that it can be so versatile. Navigation varies in design through the presence of a few main pages in comparison to multi-level architecture. Content can also vary between logged-in users and logged-out users and more. Because navigation has so many differences between websites, there are no set guidelines or to-do lists for organizing navigation. Designing navigation is all about using good information architecture, and expressing the model or concept of information used in activities requiring explicit details of complex systems.{{cite web|url=http://www.smashingmagazine.com/web-design-navigation-showcases/|title=Web Design Navigation Showcases – Smashing Magazine|work=Smashing Magazine|date=4 February 2009 }}{{cite web|last=Jones|first=Henry|title=30 Examples of Clean and Minimal Website Navigation|date=12 March 2010 |url=http://webdesignledger.com/inspiration/30-examples-of-clean-and-minimal-website-navigation|access-date=12 March 2014}}