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 . [1] The user interface that is used to do so is called a web browser . [2]

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 parts such as global, local, supplemental, and contextual navigation; all of these are vital aspects of the broad topic of web navigation. [3] Hierarchical navigation systems are vital to 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. [4] The overall navigation of a website, you Reviews another segment of web browsing, reserves have the outline and template in order to accomplish achieve an easy maneuver for the users Accessing the Site , local navigation while is Often used to help the users Within a specific section of the site.[3] All these navigational pieces fall under the categories of various types of web browsing, allowing for further development and more efficient experiences upon visiting a webpage.


Web navigation came about with the introduction of the World Wide Web, in 1989 when Tim Burners-Lee invented it. [5] Once the world wide web Was available, web browsing has increasingly est devenu major role in appearance and jobs and everyday lives. With one-third of the world’s population using the internet, web navigation maintains a global use in today’s ever evolving international society. [6] Web browsing is not restricted to just computers , either, as 9153031164

and tablets have added avenues for access to the ever-growing information on the web today. The most recent wave of technology which has been used by the web browser is the introduction and growth of the smartphone . As of January 2014, 58% of American adults owned a smart phone, and that number is on the rise of previous years. [7] Web navigation has evolved from a restricted action, to something that many people across the world now have a daily basis.

Types of web navigation

The use of website navigation tools allow for a website with the most efficiency and the least incompetence. A website navigation system is analogous to a road map which enables you to discover and discover different areas and information contained within the website. [8]

There are many different types of website navigation:

  • Hierarchical website navigation

The structure of the website is built from general to specific. This provides a clear, simple path to 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 web page, linking to other pages within the website. [8]

Styles of web navigation

Web navigations vary in styles between different websites and at a certain site. The availability of different navigational styles allows for the information in the website to be delivered easily and directly. This is also a question of how to identify the information and the information it provides. Across the globe, different cultures, different styles of web browsing, allowing for more and more

  • Navigation bar : A navigation bar ( navigation system ) is a section of a website or online page.
  • Sitemap : A site map (or sitemap ) is a list of pages of a web site accessible to crawlers or users. It can be a document in any form as a planning tool for Web design , or a Web page that lists the pages on a Web site , typically organized in hierarchical fashion.
  • Dropdown menu : In computing with graphical user interfaces , a dropdown menu or dropdown menu gold dropdown list is a user interface control GUI element ( ” widget ” or “control”), similar to a list box , qui Allows the user to choose one value from a list.
  • Flyout menu : In computing with graphical user interfaces , a menu that flies out (or down to the side) when you click or hover ( mouseover ) some GUI element. [9]
  • 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 the page URL is in the link. [10]

Design of web navigation

What makes Web design 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 the use of information and information systems. [11] [12]

Future of web navigation

Adaptive website navigation

Adaptive web navigation describes the process of real-time changes in a website’s navigation links and layout according to individual user preferences as they browse the site. Innovative websites are increasingly popular and easy to use. The use of data as a tool for a user of a website. Adding shortcut links between two pages, rearranging list items on a page, and omitting irrelevant navigational links are all examples of adaptive changes that can be implemented in real-time. The advantage of utilizing adaptive technologies in web browsing is required.[2]

See also

  • Efficiency
  • Human-computer interaction
  • Technical interaction
  • Mind map
  • Pattern language
  • Traffic engineering (transportation)
  • Web literacy (Navigation)
  • Web traffic


  1. Jump up^ Lowe, David; Gaedke, Martin. Web Engineering . Springer.
  2. ^ Jump up to:b Anderson, Corin; Domingos, Pedro; Weld, Daniel. “Relational Markov Models and their Application to Adaptive Web Navigation” (PDF) . University of Washington.
  3. ^ Jump up to:b Doss, Glen. “Designing Effective Web Navigation” (PDF) . Towns University, Center for Applied Information Technology . Retrieved 23 December 2014 .
  4. Jump up^ Bezerra, Edmara Cavalcanti. “Design and Navigation” (PDF) . University of Texas, EDC385G Interactive Multimedia Design & Production. Retrieved 24 February 2014 .
  5. Jump up^ “History of the Web” . World Wide Web Foundation .
  6. Jump up^ Maya Shwayder (24 September 2012). “One-Third Of World’s Population Using Internet, Developing Nations Showing Biggest Gains” . International Business Times .
  7. Jump up^ “Mobile Technology Fact Sheet” . Pew Research Center: Internet, Science & Tech . 27 December 2013.
  8. ^ Jump up to:b “Website Navigation” . webpagemistakes.ca .
  9. Jump up^ “What is a ‘flyout’ menu?” . pcreview.co.uk .
  10. Jump up^ HTML 4 for dummies, 5th edition, 2005, Ed Tittel, Mary C. Burmeister, p. 96.
  11. Jump up^ “Web Design Navigation Showcases – Smashing Magazine” . Smashing Magazine .
  12. Jump up^ Jones, Henry. “30 Examples of Clean and Minimal Website Navigation”. Retrieved 12 March 2014 .