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 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.[3] 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.[4] 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.[3] 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[edit]
Web navigation came about with the introduction of the World Wide Web in 1989, when Tim Berners-Lee invented it.[5] 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.[6] 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.[7]
Types of web navigation[edit]
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.[8]
There are many different types of website navigation:
Hierarchical website navigation[edit]
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[edit]
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[edit]
Local navigation is the links within the text of a given web page, linking to other pages within the website.[8]
Styles of web navigation[edit]
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[9] 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 Web site, 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.[10]
- 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.[11]
Design of web navigation[edit]
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.[12][13]
See also[edit]
- Human–computer interaction
- Information and communications technology
- Interaction technique
- Web literacy (navigation)
- Web traffic
- Web directory
- Webring
References[edit]
- ^ Lowe, David; Gaedke, Martin (18 July 2005). Web Engineering. Springer. ISBN 9783540279969.
- ^ Anderson, Corin; Domingos, Pedro; Weld, Daniel. «Relational Markov Models and their Application to Adaptive Web Navigation» (PDF). University of Washington.
- ^ a b Doss, Glen. «Designing Effective Web Navigation» (PDF). Towns University, Center for Applied Information Technology. Retrieved 23 December 2014.
- ^ Bezerra, Edmara Cavalcanti. «Design and Navigation» (PDF). University of Texas, EDC385G Interactive Multimedia Design & Production. Retrieved 24 February 2014.
- ^ «History of the Web». World Wide Web Foundation.
- ^ Maya Shwayder (24 September 2012). «One-Third Of World’s Population Using Internet, Developing Nations Showing Biggest Gains». International Business Times.
- ^ Malegam, Farhad (February 6, 2022). «Optimising Website to Improve Customer Experience».
{{cite web}}: CS1 maint: url-status (link) - ^ a b «Website Navigation». webpagemistakes.ca.
- ^ «Navigation Bar: Explanations and Samples». Dropdown Menu Generator. Retrieved 2021-02-11.
- ^ «What is a ‘flyout’ menu?». pcreview.co.uk.
- ^ HTML 4 for dummies, 5th edition, 2005, By Ed Tittel, Mary C. Burmeister, p. 96.
- ^ «Web Design Navigation Showcases – Smashing Magazine». Smashing Magazine.
- ^ Jones, Henry. «30 Examples of Clean and Minimal Website Navigation». Retrieved 12 March 2014.
Further reading[edit]
- Kalbach, James (2007), Designing Web Navigation Worldcat
- Key principles of creating good website navigation
- 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 listA.Genest
- Mopdf.comPDF Free Download retrieved 23/09/12
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 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.[3] 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.[4] 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.[3] 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[edit]
Web navigation came about with the introduction of the World Wide Web in 1989, when Tim Berners-Lee invented it.[5] 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.[6] 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.[7]
Types of web navigation[edit]
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.[8]
There are many different types of website navigation:
Hierarchical website navigation[edit]
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[edit]
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[edit]
Local navigation is the links within the text of a given web page, linking to other pages within the website.[8]
Styles of web navigation[edit]
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[9] 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 Web site, 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.[10]
- 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.[11]
Design of web navigation[edit]
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.[12][13]
See also[edit]
- Human–computer interaction
- Information and communications technology
- Interaction technique
- Web literacy (navigation)
- Web traffic
- Web directory
- Webring
References[edit]
- ^ Lowe, David; Gaedke, Martin (18 July 2005). Web Engineering. Springer. ISBN 9783540279969.
- ^ Anderson, Corin; Domingos, Pedro; Weld, Daniel. «Relational Markov Models and their Application to Adaptive Web Navigation» (PDF). University of Washington.
- ^ a b Doss, Glen. «Designing Effective Web Navigation» (PDF). Towns University, Center for Applied Information Technology. Retrieved 23 December 2014.
- ^ Bezerra, Edmara Cavalcanti. «Design and Navigation» (PDF). University of Texas, EDC385G Interactive Multimedia Design & Production. Retrieved 24 February 2014.
- ^ «History of the Web». World Wide Web Foundation.
- ^ Maya Shwayder (24 September 2012). «One-Third Of World’s Population Using Internet, Developing Nations Showing Biggest Gains». International Business Times.
- ^ Malegam, Farhad (February 6, 2022). «Optimising Website to Improve Customer Experience».
{{cite web}}: CS1 maint: url-status (link) - ^ a b «Website Navigation». webpagemistakes.ca.
- ^ «Navigation Bar: Explanations and Samples». Dropdown Menu Generator. Retrieved 2021-02-11.
- ^ «What is a ‘flyout’ menu?». pcreview.co.uk.
- ^ HTML 4 for dummies, 5th edition, 2005, By Ed Tittel, Mary C. Burmeister, p. 96.
- ^ «Web Design Navigation Showcases – Smashing Magazine». Smashing Magazine.
- ^ Jones, Henry. «30 Examples of Clean and Minimal Website Navigation». Retrieved 12 March 2014.
Further reading[edit]
- Kalbach, James (2007), Designing Web Navigation Worldcat
- Key principles of creating good website navigation
- 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 listA.Genest
- Mopdf.comPDF Free Download retrieved 23/09/12
WWW
(World
Wide
Web
)
— это только часть услуг, которыми
располагает
Интернет. Помимо WWW,
с помощью Интернета можно
воспользоваться электронной почтой,
FTP-сервисом,
телеконференциями
и другими услугами. На русский язык WWW
переводят по-разному,
от «всемирная паутина» до «ППП —
Повсеместно Протянутая
Паутина».
WWW
— самый
популярный сервис на базе Интернета, и
в то же время
самый молодой. Популярность WWW
зарабатывает в основном на удобстве
представления информации, не сравнимой
с другими
сервисами.
WWW
построена на
технологии, в основу которой положен
гипертекст,
т.е. текст со ссылками. Разработка этой
технологии в основном проводилась
в Европейской лаборатории физики
элементарных частиц (CERN)
в Женеве. Сейчас можно говорить не о
гипертекстовой,
а о гипермедийной среде, т.е. сеть
перестала быть текстовой,
в ней появилось огромное количество
графики, музыки и т.д. Сайты строятся
по новым технологиям, напримерFlash,
т.е.не содержат
текста как такового.
Перемещение
от сайта к сайту или от страницы к
страницы осуществляется
с помощью гиперссылок.
Для
адресации в WWW
используется URL.
В общем виде URL
записывается как
протокол://адрес
сервера (host
domain
):[порт]/путь/имя_файла
Рассмотрим,
например, адрес: http
://
www
.
rea
.
ru
/
new
/
index
.
htm
.
Здесь:
http
— определяет
протокол, т.е. способ передачи
документа.
HTTP
— это протокол,
который служит для работы с гипертекстовыми
документами;
www
.
rea
.
ru
— адрес сервера, где www
— узел, на котором
размещен
сайт, геа и
ru
— имена доменов второго и третьего
уровня;
new
— каталог (путь) к искомому файлу;
index
.
htm
— имя файла, гдеhtm
— его тип.
Номер порта в
данном случае не используется, и
считается, что данные расположены на
стандартном порту для данного протокола.
Часто
в поле ввода адреса браузера будет
достаточно ввести только адрес сервера
(www
.
rea
.
ru
).
Протокол HTTP
будет дописан по
умолчанию. Также по умолчанию будет
открыт файл index
из корневого
каталога.
Браузеры
Браузеры
(browser)
— это программы-обозреватели, с помощью
которых можно
просматривать ресурсы WWW.
Также с помощью браузеров
можно просматривать HTML-файлы
и некоторые другие типы файлов, не
будучи подключенным к сети.
Браузеры
могут интерпретировать адреса (URL),
маркеры языка HTML
,
а также
понимать несколько Интернет — протоколов,
таких, как HTTP,
FTP.
К
наиболее популярным браузерам относятся
Microsoft
Internet
Explorer,
Netscape
Navigator,
Opera.
2.6. Семейство программ корпорации Microsoft для работы в Интернете
Семейство программ
корпорации Microsoftдля
работы в Интернете было создано за
достаточно короткий срок — с 1995 по 1997
г. и первоначально
уступало по популярности программам
фирмы Netscape
Communications.
Однако после выпуска серии программ
Internet
Explorer
,
а затем и
интеграции их в операционную систему
Windows
98, положение
резко изменилось. Особенно это относится
к русскоязычной части Интернета.
Считается, что более 70% пользователей
в настоящее
время работают с программами Internet
Explorer.
Каждая программа
семейства предназначена для решения
конкретной задачи, но их
пользовательский интерфейс весьма
похож, что облегчает процесс изучения.
В семейство программ для работы с
Интернетом входят:
обозреватель
Internet
Explorer
— программа
просмотра
документов
WWW,
локальной сети или интрасети;
программа
для обмена сообщениями и работы с
группами
новостей
OutLook
Express
;
программа
NetMeeting
— средство
проведения конференций
через
Интернет или в»локальной сети с
возможностями вызова,
передачей
голоса и видеоизображения;
программа
NetShow
,
позволяющая
воспроизвести в Интернете
мультимедийные
документы;
программа
FontPage
Express
— редактор
документов на языкеHTML.
За последний год мы увидели много новых тенденций в мире веб-дизайна. В этой статье я сосредоточусь на навигации по сайту, которую внедряют современные веб-дизайнеры, чтобы сделать сайт не только симпатичным, но и понятным для посетителей. Эти тенденции в области навигации хорошо работают для различных типов сайтов. А еще эти виды меню хорошо отражаются на разных формах и размерах экрана.
Посмотрите на это разнообразие, и найдите интересные идеи для своих следующих проектов!
«Липкая» навигация
Навигация предназначена для того, чтобы помочь пользователям перейти от точки A ко всем остальным точкам сайта. И сохранение навигационного меню в фиксированном месте позволяет пользователям перемещаться по сайту из любой точки страницы. Многие веб-сайты «прикрепляют» свою основную навигацию к верхней части экрана. Когда пользователь прокручивает вниз, чтобы исследовать контент, меню всегда перед глазами.
Это стало просто реализовать благодаря плагинам CSS и jQuery, и многие темы веб-сайтов теперь выпускаются с «липкой» навигационной панелью по умолчанию. Фиксированная навигация также удобна для мобильных пользователей, где сайт длиннее и тоньше.
Как ее использовать?
Если у вас есть сайт с большим количеством навигационных элементов – тогда этот вариант вам подойдет. Это верный способ держать посетителей на сайте дольше и увеличивать общее количество просмотров страниц.
Однако убедитесь, что навигационная панель не занимает слишком много места. Она не должна быть настолько большой, чтобы блокировать основные части содержимого страницы. Сайт US Magazine обошел эту проблему, уменьшив размер своей панели навигации – это сделало ее менее навязчивой.
Мега-меню
Мега-меню стали популярны с увеличением числа сайтов в стиле журнала. Мега-меню отличаются от обычных выпадающих списков, и обычно содержат несколько столбцов контента. Этот метод работает хорошо, если использовать его разумно, но он не подходит для каждого сайта.
Зачем ими пользоваться?
Посетители могут получить представление о вашем блоге или веб-сайте, просмотрев связанный контент. Если вы можете предоставить больше контента в мега-меню, то почему бы и нет?
Эта тенденция не работает на мобильных устройствах, поскольку на экране нет достаточно места. Но многие люди по-прежнему просматривают Интернет на настольных компьютерах и ноутбуках, поэтому и для мега-меню найдется широкая аудитория.
Универсальная навигация
Некоторые компании работают или владеют несколькими брендами и включают универсальную навигацию по всему веб-сайту. Disney, например, владеет тематическими парками, создает игры и производит фильмы вместе с телешоу. Имеет смысл хранить эту универсальную навигацию на каждой странице, независимо от бренда, для привлечения внимания к другим продуктам Disney.
И эта тенденция не ограничивается конгломератами или холдинговыми компаниями. Она иногда используется в сетях веб-сайтов, таких как принадлежащие New York Media. Еще один хороший пример — в заголовке Mashable, который ссылается на все международные сайты бренда.
Зачем это использовать?
Если вы работаете с крупной сетью продуктов или брендов, то может быть полезно связать их все вместе, чтобы создать единую идентификацию бренда. Универсальная навигация может побуждать посетителей посмотреть другие продукты.
Вертикальная раздвижная навигация
Растет количество веб-сайтов, которые используют вертикальную навигацию, и в некоторых случаях она действительно работает хорошо. Это особенно популярно в сайтах-портфолио или креативных агентствах, которые выходят за границы традиционного веб-дизайна.
Приведенный выше пример AWARD — это фантастический случай использования вертикальной навигации. При этом сохраняется ее видимость в любое время. Здесь нет надоевшего гамбургера – сбоку видны понятные значки. Это экспериментальный подход к дизайну навигации, но он может работать на веб-сайтах с творческой целевой аудиторией.
Зачем это использовать?
Попробуйте эту технику, только если вы собираетесь использовать полноэкранный макет, который отходит от традиционного дизайна.
Рабочую вертикальную навигацию нелегко создать с нуля, и сложно сделать ее работающей в адаптивных проектах. Однако, если вам интересно экспериментировать, и желание попробовать новые идеи очень сильно, тогда вертикальные меню могут быть неплохим выходом.
Скрытое меню
Каждый веб-дизайнер должен знать о значках-гамбургерах и особенностях их использовании в отзывчивом дизайне. Но по мере того, как люди знакомятся с иконкой гамбургера все ближе, все больше и больше сайтов постоянно скрывают навигацию от просмотра.
Немного странно: гамбургер совсем не облегчает жизнь пользователю, не дает ему сразу открыть ссылки на другие страницы сайта. Однако он очищает пространство на экране, удаляя навигацию из поля зрения. Были различные исследования, которые указывают на то, что большинство пользователей не приветствуют скрытые меню. Но эта тенденция может меняться с большим количеством людей, использующих смартфоны, и знающих значение этого значка.
Зачем это использовать?
Лучший сценарий для скрытого меню — это высокотехнологичная аудитория. Эти посетители узнают значок гамбургера, и они знают, что это означает «нажмите здесь для открытия меню». Поэтому, если вы разрабатываете технический блог или создаете B2B интернет-агентство, это может сработать. Но если нет, хорошо подумайте, прежде чем применять этот подход, и убедитесь, что вы не жертвуете удобством в пользу стиля.
Отзывчивые меню
При разработке веб-сайта нет возможности избежать использования мобильной навигации – потому что ваш сайт со 100% вероятностью будут просматривать с мобильного. Дизайнеры часто скрывают некоторые навигационные ссылки на мобильном телефоне, чтобы помочь меню лучше работать на маленьких экранах.
Но многие сайты следуют новой тенденции сохранения всех элементов навигации с помощью раскрывающихся меню. Для этого обычно требуется значок гамбургера с иконками переключения для выпадающих ссылок.
Вы увидите эту технику только на мобильных экранах или в маленьких окнах браузера. Например, мобильный сайт Politico использует знаки плюса (+) для указания подменю рядом с каждой ссылкой.
Зачем это использовать?
Посетители должны иметь доступ к просмотру всего веб-сайта, независимо от того, какое устройство они используют. Сохраняя подменю, вы можете предложить более широкие возможности для просмотра.
Просто убедитесь, что каждое подменю четко обозначено значком, изменением цвета или чем-то визуальным. Посетители должны знать, открывается ли меню нажатием на ссылку, или их отправит на новую страницу.
Карусели статей
Эта тенденция становится все более популярной в блогах и на крупных новостных сайтах. Многие из этих сайтов могут публиковать десятки, если не сотни, новых статей каждый день.
Добавление простой карусели в начало страницы дает посетителям возможность ознакомиться с последними статьями. Эти истории можно обновлять динамически. Их можно создать в виде миниатюр или любого другого варианта, что вам нравится. Вы можете увидеть примеры в любой статье Vogue.
Зачем это использовать?
Если вы разрабатываете блог с большим объемом контента, эта тенденция поможет создать для пользователя настоящие чудеса. Посетители могут узнать о последних статьях, и такое меню поощряет посетителей исследовать более чем одну историю за посещение. В результате это увеличит среднее общее время на сайте. Большинство блогов, которые публикуют много контента, хотят увеличить посещаемость, а карусели — отличный способ сделать это.
Google любит лонгриды, и он заставляет авторов публиковать более подробные руководства практически по всем вопросам. Это отлично работает для веб-контента, но это может испортить впечатление от чтения. Чтобы упростить ситуацию, используйте оглавление – ссылки на разделы статьи в самом начале. Наиболее ярким примером является Википедия, которая с самого начала использует ToC.
Зачем это использовать?
Основная причина использования оглавления — улучшить юзабилити. Более длинные статьи становятся нормой, но пользователю может быть не нужно читать все 5000 слов. Они также полезны в рейтингах SERP, поскольку Google может предлагать ссылки перехода на основе оглавления. Это беспроигрышный подход.
Угловые ссылки
Это интересная навигационная тенденция, и она быстро распространяется. Кажется, что каждый стартап и профессиональный бизнес используют этот стиль для создания навигации, которая оказывается интуитивно понятной и симметричной.
Обычно применяются стили:
- Малые буквы
- Sans-serif шрифты
- Дополнительный горизонтальный интервал
- Белый или очень легкий оттенок
Эта тенденция дизайна стала фирменным стилем для чистой, четкой и профессионально выглядящей навигации.
Зачем это использовать?
Такое меню просто выглядит профессионально; оно заметно и ненавязчиво, и вызывает чувство доверия. Если вы разрабатываете стартап или корпоративный сайт, эта тенденция, вероятно, является лучшим стилем дизайна для вашей навигации. Но будьте осторожны: сайт не должен выглядеть бездушно, или как копия других проектов.
Одностраничная точечная навигация
Рост популярности одностраничных веб-сайтов вызвал появление множество новых тенденций. Одна из них — точечная навигация: серия круговых значков, расположенных в левой или правой части экрана. Каждая из этих точек представляет собой другой раздел сайта. А так как макет — одна длинная страница, эти ссылки подсвечиваются, чтобы указать текущую позицию пользователя. Мне очень нравится эта идея, но есть вопрос, понимают ли люди, что означают эти точки, и как их использовать.
Зачем это использовать?
Если вы разрабатываете макет одностраничника, мы бы рекомендовали использовать липкую навигацию. Это облегчает просмотр того, что представляет собой каждый слайд, и какая информация находится на странице.
Но если вы не можете (или не хотите) использовать верхнюю навигацию, то эти точки — это тоже хорошая вещь. Или еще лучше: объедините оба варианта! Или даже включите текст рядом с точками. Есть много вариантов, и они могут хорошо работать.
А какая навигация нравится вам?
Навигация – важнейший аспект любого сайта. Сможет ли пользователь найти актуальную для себя информацию и захочет ли он вернуться – зависит от эффективности вашей веб-навигации.
Навигация ничем не регламентирована: ее можно сделать прозрачной и интуитивной или многоуровневой и нестандартной.
Как сделать навигацию на сайте максимально эффективной и какой дизайн подойдет именно вам?
У компании веб-разработки
есть ответы на все ваши вопросы.
Но обо всем по порядку.
ЧТО ТАКОЕ НАВИГАЦИЯ?
Навигация сайта или веб-навигация
– это система программных и визуальных средств, которые помогают пользователю ориентироваться на сайте и находить нужную информацию.
ПЛАНИРОВАНИЕ НАВИГАЦИИ
Максимально эффективная веб-навигация держится на 3 китах:
- Структура
- Лаконичность
- Дизайн
- Структура:
навигация начинается с детальной проработки информационной архитектуры
(ИА), которая позволяет создать оптимальный доступ к сайту и структурировать контент с точки зрения пользователя. В идеале, ИА сайта состоит из минимума навигационных слоев и предоставляет пользователю доступ к нужному разделу всего за несколько кликов. При этом само деление разделов — четкое, логичное и предсказуемое.
- Лаконичность:
практичная веб-навигация всегда проста и интуитивно-понятна. Включайте в меню сайта только те элементы, которые необходимы для эффективной коммуникации. Ключ к успеху – меню, состоящее из минимального количества равноценных разделов, которые не оставляют ошибке никаких шансов.
- Дизайн:
при выборе дизайна делайте упор на читабельность, органичность и единообразие. Отдайте предпочтение общепринятым элементам навигации. Запутанная система
нестандартных иконок, кнопок и ярлыков – плохая идея, которая может негативно отразиться на удобстве и практичности вашего сайта. Чем меньше лишних активных элементов – тем больше довольных пользователей.
ТРЕНДЫ В ДИЗАЙНЕ ВЕБ-НАВИГАЦИИ
Дизайн веб-навигации необычайно вариативен, однако некоторые его элементы завоевали большую популярность, чем другие. Umbrella IT отобрала 10 примеров наиболее удачных дизайнов веб-навигации, которые работают как индивидуально, так и в сочетании друг с другом. Каждый из них имеет свои достоинства и недостатки, и какой из них лучший – решать только Вам.
1.
ГОРИЗОНТАЛЬНАЯ НАВИГАЦИЯ
Горизонтальная навигация – классический дизайн, соединивший удобство с функциональностью.
Плюсы:
- Органичное решение для стандартной экранной ориентации большинства мониторов;
- Все элементы навигационного меню активны и доступны одновременно;
- Возможность расширения списка разделов с помощью меню, выпадающего по наведению курсора или нажатию.
Минусы:
- Большое количество разделов и объемное выпадающее меню могут перекрывать важный контент;
- Добавление новых пунктов меню затруднительно.
2.
ВЕРТИКАЛЬНАЯ НАВИГАЦИЯ
Вертикальная навигация — прямая альтернатива горизонтальной навигации – меню, расположенное в левой колонке страницы.
Плюсы:
- Простота редактирования и неограниченная возможность расширения меню — отличный вариант для сложных мультифункциональных сервисов и электронной коммерции;
- Оптимально для разных устройств.
Минусы:
- В развернутом виде может перекрывать контент;
- Нижние навигационные элементы малозаметны.
3. ВЫЕЗЖАЮЩЕЕ МЕНЮ
Выезжающее меню или слайд-меню – один из способов сохранить полный функционал и экранное пространство. Меню скрыто за левой границей экрана и появляется по клику или касанию.
Плюсы:
- Максимально компактный способ организации сайта;
- Дизайн может быть адаптивным, что в сочетании с гамбургером-иконкой представляет отличный вариант для интерфейса мобильной версии сайта;
- Скрытое меню позволяет сделать сильный акцент на контенте;
- Удобный доступ к меню из любой точки сайта.
Минусы:
- Скрытая навигация затрудняет доступ к меню;
- В развернутом виде меню перекрывает контент.
4. ЛЕНДИНГ
Лендинг – это одностраничный сайт с длинной или бесконечной прокруткой, оптимизированный под определенные цели.
Плюсы:
- Листать быстрее, чем кликать – подходящий вариант для новостных сервисов, онлайн-магазинов и сайтов, обновляющих контент в режиме реального времени;
- Бесконечная прокрутка удерживает внимание пользователя;
- Позволяет размещать большой объем визуальной информации;
- Удобный интерфейс для мобильных платформ.
Минусы
:
- Ограниченная свобода пользователя: невозможно контролировать порядок информации и способ представления контента;
- Невозможно использовать футер;
- Увеличивает нагрузку на серверы;
- Снижает показатели SEO.
5. ФИКСИРОВАННОЕ МЕНЮ
Фиксированная или “липкая” навигация статично закрепляет панель меню в конкретной части страницы, предоставляя пользователю постоянный доступ к опциям меню.
Плюсы:
- Комфортный доступ ко всем разделам из любой точки сайта — самое оптимальное решение для одностраничных сайтов;
- Позволяет укрепить узнаваемость бренда при грамотно закрепленном в хедере логотипе;
- Повышает показатели аналитики, увеличивая количество просматриваемых страниц за одно посещение сайта.
Минусы:
- Перегруженный и навязчивый хедер затрудняет веб-навигацию и перекрывает контент.
6. ГАМБУРГЕР-МЕНЮ
Гамбургер-меню – навигационное меню, изначально разработанное для смартфонов, но все чаще появляющееся на экранах ноутбуков. Представляет собой иконку, скрывающую широкий диапазон опций и категорий. Свое название меню получило из-за сходства иконки с гамбургером – три горизонтальных полоски меню символизируют три слоя знаменитого сэндвича.
Плюсы:
- Гамбургер-иконка доступна из любой точки сайта одним кликом или касанием;
- Позволяет разместить неограниченное количество опций;
- Максимально экономит пространство и идеально отображается на мобильных устройствах;
- Помогает компактно разместить вторичные опции (например, историю и настройки), не перегружая ни экран, ни пользователя.
Минусы:
- Несмотря на свою распространенность, пользователи не всегда легко находят скрытое меню;
- Гамбургер – негласное стандартное меню на платформе Android, и его использование на iOs приводит к нарушению единообразия базовых навигационных элементов и перегрузке навигационной панели.
7. АДАПТИВНАЯ НАВИГАЦИЯ
Адаптивная навигация – вариативный дизайн, автоматически подстраивающийся под различную ширину экрана и мобильные платформы.
Плюсы:
- Кроссплатформенность: сайт изначально спроектирован для качественного отображения как на компьютерах, так и на мобильных устройствах;
- Единый URL: при адаптивной навигации не нужно создавать мобильную версию сайта, а отсутствие редиректов повышает поисковую оптимизацию.
Минусы:
- Типичные для десктопных версий сайтов активные элементы (встроенные карты, видео, анимация) замедляют загрузку сайта на мобильных устройствах;
- Мобильная версия дизайна может оказаться нечитабельной и перегруженной в виду того, что пользователи мобильных устройств, как правило, пользуются более узким функционалом сайта;
- Отсутствие
альтернативы: в случае с самостоятельной мобильной версией всегда есть возможность вернуться к полной версии сайта. Адаптивный дизайн этого не позволяет: если адаптированная верстка неудобна или скрывает важный элемент навигации, единственный вариант – искать ноутбук или обращаться к сайту конкурентов.
8. МЕГА-МЕНЮ
Мега-меню – обширная навигационная панель, всплывающая при наведении курсора или нажатии. Мега-меню не просто структурирует контент по группам и колонкам в текстовом формате, но и активно использует различные визуальные средства.
Плюсы:
- Все опции доступны одновременно: максимально быстрое направление пользователя — большой плюс для онлайн-магазинов и сайтов с обширным набором опций, категорий и сервисов;
- Раскрывается и скрывается по наведению курсора, щелчку или касанию без ущерба для контента.
Минусы:
- нарушение принципа организации способно осложнить навигацию;
- сложно реализовать на мобильных устройствах.
9. РАСШИРЕННЫЙ ФУТЕР
Футер или “подвал” сайта – это нижняя часть страницы. В стандартном футере, как правило, размещается дополнительная информация: контакты, ссылки, уведомление об авторских правах и кнопки социальных сетей. В расширенном футере помимо этих данных содержится полноценное навигационное меню, которое может использоваться как основная или альтернативная система навигации. Расширенный футер — простой способ выйти за границы стандартного дизайна и повысить функциональность Вашего сайта.
Плюсы:
- Предоставляет альтернативное или дополнительное меню для тех, кто не нашел нужный контент в главном;
- Позволяет разместить важный, но не вписывающийся в содержание основных страниц контент;
- Дополнительные опции в классическом футере (содержащим только контактную информацию) позволяют расширить клиентскую базу;
- Акцентирует внимание на определенной информации.
Минусы:
- Рядовой пользователь часто не дочитывает до футера.
10. ПОЛНОЭКРАННАЯ НАВИГАЦИЯ
В отличие от всех представленных здесь вариантов дизайна, полноэкранная навигация не ставит перед собой задачу экономии экранного пространства. Напротив, полноэкранная навигация использует интро-страницу на все 100 процентов, сочетая текст с графикой.
Плюсы:
- Предоставляет четкую структуру сайта;
- Открывает широкие возможности для визуального оформления;
- За счет перегруженной домашней страницы основные подразделы содержат только контент, что значительно экономит экранное пространство;
- Простая реализация на мобильных платформах;
- Идеальный вариант для узкоспециализированных сайтов.
Минусы:
- Возможно снижение скорости загрузки;
- Нерациональный выбор для сайтов со сложной навигационной картой.
И традиционный бонус от компании Umbrella IT, которая всегда готова предложить Вам больше — 11 вариант — АНИМИРОВАННЫЕ ЭЛЕМЕНТЫ НАВИГАЦИИ
.
Рациональное использование анимированных элементов как основных или дополнительных средств навигации позволяет разнообразить консервативный дизайн и привлечь внимание пользователей.
Плюсы:
- Привлекают внимание пользователей;
- Структурируют меню;
- Улучшают юзабилити сайта и ориентируют пользователя.
Минусы:
- Чрезмерная визуальная перегруженность затрудняет навигацию по сайту;
- Могут замедлить скорость загрузки сайта.
На этапе выбора и разработки дизайна веб-навигации трудно предугадать, какой именно вариант окажется выигрышным. Успех каждого конкретного случая зависит от ряда факторов: от бизнес-назначения, целей и задач сайта, природы контента, целевой аудитории и Ваших личных предпочтений.
Представленные примеры – лишь малая часть того, что позволяет реализовать современный веб-дизайн.
Остались вопросы?
, и мы
поможем воплотить Ваши самые смелые проекты в реальность.
Хорошая система навигации поможет Вам ориентироваться. Необыкновенно важно, чтобы хорошая система навигации помогала Вам перемещаться по объектам сети (сайтам:)) без головной боли. Несмотря на то, что есть некоторые исключения, большинство web-сайтов оказались бы на мели или б вообще канули в лету без тонкой системы управления страницами.
Есть ли у Вас под рукой план вашего сайта? Давайте сделаем одну малоприятную вещь. Вынесите его в отдельное окно, и пусть окно будет открытым, пока Вы читаете эту статью. Пора подвергнуть вашу систему управления страницами тщательному исследованию. Мы выясним, не теряете ли Вы потенциальных пользователей, дезориентируя и вводя в заблуждение.
Готовы? Давайте протестируем ваш сайт, отвечая на ряд фундаментальных вопросов.
Важные вопросы
Сколько забот и волнений уходит на поиск удачного стиля системы навигации для верстки страниц сайта? При обсуждении веб-юзабилити сайта, вы, наверняка, услышите, что эффективная система управления должна отвечать ряду основных вопросов, возникающих у пользователя:
‘’Где я?’’
У среднестатистического посетителя сайта, этот вопрос на первом месте. Он возникает, возможно, на одну тысячную секунды, так как каждый, переходя по ссылке, первым делом пытается сориентироваться. Поэтому одна из основных задач навигационной системы привлечь внимание к тому месту на странице сайта, где находится ответ на этот вопрос.
Если система навигации не способна сориентировать посетителя, его смущение ставит под вопрос пригодность сайта.
Вопрос к тем, у кого сейчас открыт сайт: Отмечается ли в пунктах вашего меню текущая страница?
Самый простой способ сказать о местонахождении пользователя это маркирование соответствующего пункта меню или выделение кнопки другим цветом.
Повторение творит чудеса!
Даже если на текущей страницы есть заголовок, графическое изменение соответствующего пункта меню вовсе не будет лишним, так как повторение творит чудеса.
‘’А где я уже был?’’
Обесцвечивание или затемнение посещенных ссылок не всегда единственный и самый лучший способ отметить просмотренные страницы.
Навигационные цепочки отлично выполняют задачу, так что посетитель может легко и быстро определить свое текущее местонахождение на сайте.
Сайт Wufoo наиболее эффективно использует их на страницах раздела tour:
Благодаря иерархической навигации добавление нового слоя страниц не предоставляет большой сложности. Он просто привязывается к концу цепочки. Скорее всего, вы не возьметесь верстать сайт по такому типу навигационной системы самостоятельно. Навигационные цепочки являются скорее средством ориентирования, чем перемещения по объектам сайта. Используйте их как дополнительный элемент, но для чего-то менее динамичного оставьте основную систему навигации.
‘’Куда я могу перейти?’’
Пользователю необходимо знать, куда он может перейти с текущей страницы. Это становится особенно важным, если ваш посетитель ищет что-то особое. И именно разочарование — верный путь, прогнать посетителя с сайта.
‘’Почему я должен переходить по данной ссылке?»’
Просто указать пункты меню не всегда достаточно. Дополнительная информация к каждому пункту меню подскажет пользователю о содержимом страницы. Дополнительные детали могут быть как в виде подтекста, так и в виде строки-подсказки, всплывающей при подведении курсора к какому-либо пункту меню.
Примером может послужить сайт SimpleBits.com. Хочу заметить, что если бы не было подписи “recent entries” под пунктом SimpleBits, я бы врядли догадался, что эта ссылка открывает блоги:
Как пишет Стив Круг в книге Don’t Make Me Think (Не заставляйте меня думать)
, что юзабилити не всегда подразумевает чрезмерное разъяснение. Он также замечает, что среднестатистическому интернет-пользователю больше не надо писать «»Введите сюда ключевое слово»», когда ему нужно воспользоваться полем поиска. Вот где проявляется совместная работа стандартов и договоренностей.
Избегайте любых непонятностей
“Mystery Meat” навигация основывается на использовании неоднозначного или непонятного дизайна меню. Так же как крутится руль, развиваются и различные направления в дизайне систем навигации. И подобная тенденция тоже появилась не просто так. Когда используется ‘’mystery meat’’ меню, пользователю приходится ориентироваться самостоятельно, догадываясь и экспериментируя. Интуиция и разум вовсе не требуются.
Как видите, можно проявить креативность, продолжая придерживаться традиций. Но этот тип навигации далек и от того и от другого:
Заключение
Еще раз взгляните на свой сайт. Теперь основываясь на ряд особых показателей, вы сможете оценить полезность вашего сайта. Может каким-то разделам той или иной страницы не хватает дополнительной ясности?
Надеюсь, Вам понравилась эта статья:), и Вы никогда не будете создавать подобные сайты: и
П.С. Картинки кликабельны;)
Эффективность веб-проекта, возможность получения дохода или прибыли от сайта, прямо пропорционально зависит от системы навигации на нем. Навигация сайта входит в основу восприятия целостного веб-дизайна наряду с компоновкой сайта и его структурой. Какую бы навигацию для проекта вы не выбрали, немного любви и творчества не навредит, а скорее оставит только приятные эмоции от путешествия по сайту. Сегодня мы рассмотрим различные примеры навигации.
Наиболее популярными и все еще актуальными «путеводителями» по сайтам являются
ролловеры
(от англ. rollover). Они могут быть обыграны графикой, либо просто представлять собой текстовую гиперссылку. Ролловеры, как правило, помогают ответить пользователю на вопрос «Где я уже был?».
Навигация на сайте может быть вертикальная, горизонтальная и комбинированная. Вне зависимости от выбора типа навигации, если в ней присутствует основное — логика, можно побудить посетителей просматривать те страницы сайта, которые сам владелец считает приоритетными. Грамотно составленная система навигации позволяет пользователю перемещаться по сайту не задумываясь о своих действиях.
Удобная навигация это:
- возможность попасть на наиболее важные страницы сайта всего за один клик;
- максимум три клика, чтобы перейти от исходной до нужной страницы на сайте;
- использование стандартных и общепринятых элементов навигации;
- визуальное выделение и эффектность элементов навигации;
- возможность пользователю попасть на нужную ему страницу несколькими способами (дублирование элементов навигации).
Какую бы навигацию для проекта вы не выбрали, немного любви и творчества не навредит, а скорее оставит только приятные эмоции от путешествия по сайту.
Онлайн-портфолио фотографа в виде книги. Разноцветные квадратные кнопки служат переходом к страницам сайта, а листает странички вентилятор. Это один из немногих случаев, когда ждать загрузку страниц совсем не скучно.
Веб-дизайн из Украины. Наслаждаться рабочим столом с элементами навигации можно бесконечно долго.
Сайт актрисы Сары Хайленд (Sarah Hyland) является истинным отражением ее личности. Эскизы, использованные в качестве меню, подходят для этой странички идеально!
Необязательно понимать испанский язык, чтобы оценить эстетическую сторону рисованного меню этого сайта. Симпатичная «небрежность» придает проекту экстравагантности.
Креативное агентство оригинально во всем. Навигационное меню в виде шкалы измерений.
Яркий сайт бюро путешествий с не менее красочным и запоминающимся меню.
Необычный сайт человека с необычным увлечением. Веб-проект картографа-любителя.
Пункты меню вроде как нарисованы от руки, правда?
Недаром пункты меню обозначены пиктограммами, ведь этот проект как раз и посвящен иконкам для сайтов.
Интернет-проект для размещения портфолио. При клике на любой из пунктов меню картинка «утапливается».
Еще одно оригинальное представление меню.
Все гениальное — просто.
Не меню, а сплошная мозаика. Необычно и практично.
Каждая фигурка на странице что-то
, да таит в себе.
Сайт готовых проектов домов и коттеджей с наглядными материалами, доступ к которым осуществляется в один клик.
Самое оригинальное hand-made ателье.
Автор Глеб Захаров На чтение 6 мин. Просмотров 8 Опубликовано 16.08.2019
Веб-навигация относится к процессу навигации сеть из информационные ресурсы в Всемирная паутина, который организован как гипертекст или же гипермедиа.[1] В пользовательский интерфейс то, что используется для этого, называется веб-браузер.[2]
Центральная тема в веб-дизайн это разработка интерфейса веб-навигации, удобство использования.
Общая схема навигации веб-сайта включает несколько элементов навигации, таких как глобальная, локальная, дополнительная и контекстная навигация; Все это жизненно важные аспекты широкой темы веб-навигации.[3] Иерархические системы навигации также жизненно важны, поскольку это основная система навигации. Это позволяет пользователю перемещаться по сайту, используя только уровни, что часто рассматривается как ограничение и требует дополнительных навигационных систем для лучшей структуры сайта.[4] Глобальная навигация по веб-сайту, как еще один сегмент веб-навигации, служит схемой и шаблоном, чтобы обеспечить легкий маневр для пользователей, получающих доступ к сайт, в то время как локальная навигация часто используется для помощи пользователям в определенном разделе сайта.[3] Все эти элементы навигации подпадают под категории различных типов веб-навигации, что обеспечивает дальнейшее развитие и повышение эффективности при посещении веб-страницы.
История
Веб-навигация появилась с появлением Всемирной паутины в 1989 году, когда Тимоти Бернерс-Ли изобрел это.[5] Однажды Всемирная паутина была доступна, веб-навигация все больше становилась важным аспектом и ролью в работе и повседневной жизни. Поскольку треть населения мира сейчас пользуется Интернетом, веб-навигация находит широкое применение в постоянно меняющемся современном международном сообществе.[6] Веб-навигация не ограничивается только компьютеры, либо как мобильные телефоны и таблетки добавили возможности для доступа к постоянно растущей информации в сети сегодня. Самая последняя волна технологий, которая повлияла на веб-навигацию, — это появление и рост смартфон. По состоянию на январь 2014 года 58% взрослых американцев владели смартфонами, и это число растет по сравнению с предыдущими годами.[7] Веб-навигация превратилась из ограниченного действия в то, что многие люди во всем мире теперь делают ежедневно.
Типы веб-навигации
Использование инструментов навигации по сайту позволяет посетителям сайта пользоваться сайтом наиболее эффективно и с наименьшей некомпетентностью. Система навигации веб-сайта аналогична дорожной карте, которая позволяет посетителям веб-страницы исследовать и открывать для себя различные области и информацию, содержащуюся на веб-сайте.[8]
Есть много разных типов навигации по сайту:
Иерархическая навигация по сайту
Структура навигации по сайту построена от общего к частному. Это обеспечивает ясный и простой путь ко всем веб-страницам из любой точки веб-сайта.
Глобальная навигация по сайту
Глобальная навигация по сайту показывает разделы / страницы верхнего уровня. Он доступен на каждой странице и содержит список основных разделов / страниц веб-сайта, а также является машиной, которая помогает нам упростить поиск.
Навигация по локальному сайту
Локальная навигация — это ссылки в тексте данной веб-страницы, ведущие на другие страницы внутри веб-сайта.[8]
Стили веб-навигации
Веб-навигация различается по стилям между разными веб-сайтами, а также внутри одного сайта. Наличие различных стилей навигации позволяет легко и напрямую доставлять информацию на веб-сайте. При этом также проводится различие между категориями и самими сайтами, чтобы указать, что является важной информацией, и предоставить пользователям доступ к дополнительной информации и фактам, обсуждаемым на сайте. По всему миру разные культуры предпочитают определенные стили для веб-навигации, что обеспечивает более приятный и функциональный опыт по мере расширения и дифференциации стилей навигации.
- Панель навигации: А Панель навигации или же (система навигации) является частью интернет сайт или онлайн-страница, предназначенная для помощи посетителям в перемещении по онлайн-документу.
- Карта сайта: А карта сайта (или же карта сайта) — это список страниц веб-сайта, доступных поисковым роботам или пользователям. Это может быть документ в любой форме, используемый в качестве инструмента планирования для веб-дизайн, или страница в Интернете который перечисляет страницы на интернет сайт, как правило, организованы иерархически.
- Выпадающее меню: В вычисление с графический пользовательский интерфейс, а выпадающее меню или же выпадающее меню или же выпадающий список это пользовательский интерфейс контроль GUI элемент («виджет «или» контроль «), аналогично список, который позволяет пользователю выбрать одно значение из списка.
- Всплывающее меню: В вычисление с графический пользовательский интерфейс, меню, которое вылетает (вниз или в сторону) при нажатии или наведении курсора (наведение указателя мыши ) немного GUI элемент.[9]
- Именованный якорь: Элемент привязки называется привязкой, потому что веб-дизайнеры могут использовать его для привязки URL-адреса к некоторому тексту на веб-странице. Когда пользователи просматривают веб-страницу в браузере, они могут щелкнуть текст, чтобы активировать ссылку, и посетить страницу, URL-адрес которой находится в ссылке.[10]
Дизайн веб-навигации
Что затрудняет работу с навигацией в веб-дизайне, так это то, что она может быть настолько универсальной. По сравнению с многоуровневой архитектурой, навигация отличается по дизайну за счет наличия нескольких основных страниц. Контент также может различаться для пользователей, вошедших в систему, и пользователей, вышедших из системы, и т. Д. Поскольку навигация между веб-сайтами имеет очень много различий, не существует установленных правил или списков дел для организации навигации. Проектирование навигации — это использование хорошей информационной архитектуры и выражение модели или концепции информации, используемой в действиях, требующих явных деталей сложных систем.[11][12]
Будущее веб-навигации
Адаптивный навигация по сайту
Адаптивная веб-навигация описывает процесс изменения в реальном времени навигационных ссылок и макета веб-сайта в соответствии с индивидуальными предпочтениями пользователей при просмотре сайта. Новаторские веб-сайты все чаще пытаются автоматически персонализировать веб-сайты на основе модели просмотра пользователем, чтобы быстрее и эффективнее находить нужную информацию. Использование анализа данных позволяет создателям веб-сайтов отслеживать модели поведения пользователя при навигации по сайту. Добавление ссылок быстрого доступа между двумя страницами, перестановка элементов списка на странице и исключение нерелевантных навигационных ссылок — все это примеры адаптивных изменений, которые можно реализовать в реальном времени. Преимущество использования адаптивных технологий в веб-навигации заключается в том, что они сокращают время и усилия, необходимые пользователям для поиска информации. Возможным недостатком этого является то, что пользователи могут дезориентироваться из-за глобальных и локальных изменений навигации от страницы к странице.[2]
Смотрите также
- Эффективность
- Взаимодействие человека с компьютером
- Техника взаимодействия
- Карта разума
- Язык шаблонов
- Транспортная инженерия (транспорт)
- Веб-грамотность (навигация)
- Интернет-трафик
- информационные и коммуникационные технологии
Рекомендации
- ^ Лоу, Дэвид; Гаедке, Мартин (18 июля 2005 г.). Веб-инженерия. Springer. ISBN 9783540279969.
- ^ а б Андерсон, Корин; Домингос, Педро; Weld, Дэниел. «Реляционные марковские модели и их применение в адаптивной веб-навигации» (PDF). Вашингтонский университет.
- ^ а б Досс, Глен. «Разработка эффективной веб-навигации» (PDF). Университет Таунса, Центр прикладных информационных технологий. Получено 23 декабря 2014.
- ^ Безерра, Эдмара Кавальканти. «Дизайн и навигация» (PDF). Техасский университет, Дизайн и производство интерактивных мультимедиа EDC385G. Получено 24 февраля 2014.
- ^ «История Интернета». Фонд Всемирной паутины.
- ^ Майя Шуэйдер (24 сентября 2012 г.). «Одна треть населения мира пользуется Интернетом, развивающиеся страны демонстрируют наибольший рост». International Business Times.
- ^ «Факты о мобильных технологиях». Исследовательский центр Pew: Интернет, наука и технологии. 27 декабря 2013 г.
- ^ а б «Навигация по сайту». webpagemistakes.ca.
- ^ «Что такое всплывающее меню?». pcreview.co.uk.
- ^ HTML 4 для чайников, 5-е издание, 2005 г., Автор: Эд Титтель, Мэри К. Бурмейстер, стр. 96.
- ^ «Витрины навигации по веб-дизайну — Smashing Magazine». Smashing Magazine.
- ^ Джонс, Генри. «30 примеров чистой и минимальной навигации по сайту». Получено 12 марта 2014.
дальнейшее чтение
- Кальбах, Джеймс (2007), Разработка веб-навигации Worldcat
- Ключевые принципы создания хорошей навигации по сайту
- Линда Таушер, Сол Гринберг и др. © Авторское право ACM 1997 получено 23/09/11
- Стивен Пембертон и др. Авторские права принадлежат автору / владельцу получено 23/09/11
- Короткий список Academia.eduА.Генест получено 23/09/11