Web navigation: Difference between revisions

Content deleted Content added
No edit summary
PrimeBOT (talk | contribs)
m →‎top: Task 44: clean up shortdesc whitespace issues
 
(47 intermediate revisions by 31 users not shown)
Line 1:
{{Short description|Following hyperlinks on the World Wide Web}}
'''Web navigation''' refers to the process of navigating a [[Computer network|network]] of [[web resource|information resource]]s in the [[International World Wide Web Conference|World Wide Web]], which is organized as [[hypertext]] or [[hypermedia]].<ref name= "Web Engineering">{{cite book|last=Lowe|first=David|last2=Gaedke|first2=Martin|title=Web Engineering|url=https://books.google.com/books?id=ueg1YMiF3SEC&pg=PA136#v=onepage&q&f=false|publisher=Springer}}</ref> The [[user interface]] that is used to do so is called a [[web browser]].<ref name= "Relational Markov Models and their Application to Adaptive Web Navigation">{{cite web|last=Anderson|first=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}}</ref>
[[File:Web browser demo.webm|thumb|Navigating to [[English Wikipedia]] using a [[web browser]]]]
 
'''Web navigation''' refers to the process of navigating a [[Computer network|network]] of [[web resource|information resource]]s in the [[International World Wide Web Conference|World Wide Web]], which is organized as [[hypertext]] or [[hypermedia]].<ref name= "Web Engineering">{{cite book|lastlast1=Lowe|firstfirst1=David|last2=Gaedke|first2=Martin|title=Web Engineering|date=18 July 2005|url=https://books.google.com/books?id=ueg1YMiF3SEC&pg=PA136#v=onepage&q&f=false|publisher=Springer|isbn=9783540279969}}</ref> The [[user interface]] that is used to do so is called a [[web browser]].<ref name= "Relational Markov Models and their Application to Adaptive Web Navigation">{{cite web|lastlast1=Anderson|firstfirst1=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}}</ref>
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.<ref name="Designing Effective 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|accessdateaccess-date=23 December 2014}}</ref> 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.<ref name= "Design and Navigation">{{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|accessdateaccess-date=24 February 2014}}</ref> 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 [[Website|site]], while local navigation is often used to help the users within a specific section of the site.<ref name= "Designing Effective Web Navigation"/> 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 Berners-Lee|Timothy Berners-Lee]] invented it.<ref>{{cite web|url=http://www.webfoundation.org/about/vision/history-of-the-web/|title=History of the Web|work=World Wide Web Foundation}}</ref> Once the [[worldWorld wideWide webWeb]] 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.<ref>{{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}}</ref> Web navigation is not restricted to just [[computer]]s, either, as [[mobile phone]]s and [[tablet computer|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 Asnavigation ofhas Januaryevolved 2014,from 58%a ofrestricted Americanaction, adultsto ownedsomething athat smartmany phone,people andacross thatthe numberworld isnow do on thea risedaily from previous yearsbasis.<ref>{{citeCite web |urllast=http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/.Malegam |titlefirst=Mobile Technology FactFarhad Sheet|date=27February December6, 2022 2013|worktitle=PewOptimising ResearchWebsite Center:to Internet,Improve ScienceCustomer &Experience |url=https://sydneydigitalagency.com.au/optimising-your-website-to-improve-customer-experience/ Tech}}</ref> Web navigation has evolved from a restricted action, to something that many people across the world now do on a daily basis.
 
Web navigation came about with the introduction of the World Wide Web, in 1989 when [[Tim Berners-Lee|Timothy Berners-Lee]] invented it.<ref>{{cite web|url=http://www.webfoundation.org/about/vision/history-of-the-web/|title=History of the Web|work=World Wide Web Foundation}}</ref> 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.<ref>{{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}}</ref> Web navigation is not restricted to just [[computer]]s, either, as [[mobile phone]]s and [[tablet computer|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]]. As of January 2014, 58% of American adults owned a smart phone, and that number is on the rise from previous years.<ref>{{cite web|url=http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/.|title=Mobile Technology Fact Sheet|date=27 December 2013|work=Pew Research Center: Internet, Science & Tech}}</ref> Web navigation has evolved from a restricted action, to something that many people across the world now do on a daily basis.
 
==Types of web navigation==
Line 29 ⟶ 31:
==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'''<ref>{{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}}</ref> 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[[Web crawler|crawler]]s 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.
*'''[[Dropdown menu]]''': In [[computing]] with [[graphical user interface]]s, a '''dropdown menu'''<!-- redirect and frankly, all due respect to your textbook biases... the more historically common term... from 1980's in my experience. fabartus --> or '''drop-down menu''' or '''drop-down list''' is a [[user interface]] [[Widget (computing)|control]] [[Graphical user interface|GUI]] element ("[[GUI widget|widget]]" or "control"), similar to a [[list box]], which allows the user to choose one value from a list.
*[[Menu (computing)|'''Flyout menu''']]: In [[computing]] with [[graphical user interface]]s, a menu that flies out (either down or to the side) when you click or hover ([[mouseover]]) some [[Graphical user interface|GUI]] element.<ref>{{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}}</ref>
Line 39 ⟶ 41:
==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.<ref>{{cite web|url=http://www.smashingmagazine.com/web-design-navigation-showcases/|title=Web Design Navigation Showcases – Smashing Magazine|work=Smashing Magazine}}</ref><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|accessdateaccess-date=12 March 2014}}</ref>
 
==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 attempting to automatically personalize web sites based on a user’s browsing pattern in order to find relevant information more quickly and efficiently. The usage of data analysis allows website creators to track behavior patterns of a user as they navigate a site. Adding shortcut links between two pages, rearranging list items on a page, and omitting irrelevant navigation links are all examples of adaptive changes that can be implemented in real-time. The advantage of utilizing adaptive technologies in web navigation is it reduces the time and navigational effort required for users to find information. A possible disadvantage of this is that users may get disoriented from global and local navigational changes from page to page.<ref name= "Relational Markov Models and their Application to Adaptive Web Navigation"/>
 
==See also==
 
* [[Efficiency]]
* [[Human–computer interaction]]
* [[Information and communications technology]]
* [[Interaction technique]]
* [[Mind map]]
* [[Pattern language]]
* [[Traffic engineering (transportation)]]
* [[Web literacy]] (navigation)
* [[Web traffic]]
* [[Web directory]]
* [[Information and communications technology]]
* [[Mind mapWebring]]
 
==References==
{{reflistReflist|2}}
 
==Further reading==
Line 68 ⟶ 61:
* [http://www.sigchi.org/chi97/proceedings/paper/sg.htm Linda Tauscher and Saul Greenberg et al. © Copyright ACM 1997 ] retrieved 23/09/11
* [http://www10.org/cdrom/papers/599/index.html Steven.Pemberton et al. Copyright is held by the author/owner] retrieved 23/09/11
* [https://academia.edu/Papers/in/Web_Navigation Academia.edu short list][https://usask.academia.edu/AaronGenest/Papers/633994/Looking_Ahead_A_Comparison_of_Page_Preview_Techniques_for_Goal-Directed_Web_Navigation A.Genest] retrieved 23/09/11
* [https://mopdf.com/search/editing-web-navigation Mopdf.com][https://mopdf.com/search/editing-web-navigation PDF Free Download] retrieved 23/09/12
 
{{Authority control}}
 
[[Category:Web design]]
[[Category:Web navigation]]