[МУЗЫКА]
Давайте поговорим о навигации.
Что такое навигация, почему навигация важна для вашего сайта?
И как мы предоставляем навигационную информацию на вашем сайте?
Итак, это вопрос, на который мы постараемся ответить в этой конкретной лекции.
Первый очевидный вопрос, который приходит вам на ум,
почему нам нужно иметь навигацию по сайту?
Как вы понимаете, большинство веб-сайтов больше не являются одиночными страницами.
Конечно, существуют такие одностраничные сайты,
как веб-страница вашего профессора в вашем факультете информатики.
Но большинство сайтов, как правило, содержат более одной страницы.
Как мы видели с нашим сайтом путаницы, который мы строим,
мы уже добавили вторую страницу под названием aboutus.html страница.
Теперь мы перешли на страницу aboutus.html, чтобы
явно ввести это в адресную строку нашего браузера.
Но это очень неудобный способ перехода на ваш сайт.
Было бы гораздо больше смысла предоставить интуитивно понятные средства для
пользователей, чтобы перейти на ваш сайт.
Это интуитивно понятное средство может быть обеспечено многими различными подходами,
панель навигации является одним из наиболее распространенных методов указания этой информации.
Итак, мы рассмотрим несколько распространенных способов предоставления
шаблонов навигации на типичных веб-сайтах.
В этом контексте вы часто слышите, как люди говорят об информационной архитектуре.
Информационная архитектура начинается со структуры системы, в
отношении того, как информация организована, маркирована.
И навигация осуществляется через контент или через эту информацию.
Сейчас информационная архитектура сама по себе является целым большим полем.
Этот курс выходит за рамки охвата информационных архитекторов.
Но, если вы заинтересованы в организации и
предоставлении информации пользователям через, например,
веб-сайты, то я предоставил вам некоторые ссылки в дополнительных ресурсах,
которые вы можете пойти и прочитать для дальнейшего знания.
Но в любом случае, когда вы разрабатываете сайт,
важно понимать необходимость
проектирования структур информационной навигации на вашем сайте.
И эта организация информации на вашем сайте также диктует,
какие навигационные средства вы предоставляете на вашем сайте, и
исходя из того, как эта информация организована.
Как правило, веб-сайт будет организован в виде дерева
структурированного или иерархического стиля.
И это автоматически диктует вам,
как вы будете разрабатывать навигационную поддержку на вашем сайте.
Использование навигационной панели, сухарей и
других средств навигации очень, очень важно для того,
чтобы пользователи могли видеть различные части вашего сайта.
Когда вы посещаете большинство веб-сайтов, вы часто будете искать панель навигации.
Это своего рода бар, который обычно прилагается в верхней части
веб-сайта, или иногда в нижней части веб-сайта, или иногда на стороне,
который предоставляет вам достаточные указатели на вид
информации, к которой вы можете получить доступ на этом сайте.
Таким образом, панель навигации обычно содержит ссылки на различные страницы, которые
являются частью вашего веб-сайта.
Итак, типичная навигационная панель, как вы идете об этом?
Когда вы разрабатываете типичную панель навигации, вы, очевидно, должны
иметь в виду некоторые dos и не о том, как вы разрабатываете навигационные панели.
Во-первых, вы используете удобные и
простые термины в навигационной панели, чтобы указать различные ссылки
, которые пользователи могут следовать на вашем веб-сайте, чтобы получить информацию..
Вы должны обеспечить стандартизированную навигацию,
чтобы везде,
где пользователь находится в вашей иерархии веб-сайта, он всегда знал, как вернуться на главную страницу, как перейти к следующей
, предыдущей или вверх и вниз иерархии какого-то рода.
Таким образом, указание местоположения пользователя
в иерархии вашего сайта очень, очень полезно,
чтобы обеспечить удобный способ навигации по вашим веб-сайтам.
Кроме того, есть некоторые стандартные соглашения, которые люди следуют,
когда эти навигационные панели разработаны.
Как правило, когда логотип вашего веб-сайта или
вашей компании включен в навигационную панель, щелчок по этим логотипам или
кнопка «Домой» должен вернуть вас на самый верхний уровень иерархии или
на главную страницу вашего веб-сайта, как правило, на страницу index.html.
Некоторые из тех, что вы должны иметь в виду, что у вас не должно быть слишком много
вариантов на панели навигации.
Сколько - это слишком много?
Если вы обнаружите, что навигация с помощью навигационных панелей слишком громоздка,
то это означает, что на панели навигации слишком много параметров.
Предоставьте разумный набор вариантов на панели навигации, чтобы вы могли
указать направления, которые пользователь может следовать при навигации по вашему веб-сайту.
И когда вы используете эти элементы навигации на панели навигации,
не используйте универсальные метки, используйте значимые метки.
Например, если вы поместите метку с именем продукта в
навигационную панель, люди будут смущены тем, что вы подразумеваете под продуктом.
Или скажем, если вы поместите сервис в панель навигации, они могут быть запутаны.
Какую услугу вы оказываете?
Будет более значимым дать более описательный термин
в ваших заголовках на панели навигации.
Еще одним средством обеспечения навигации для
пользователей является предоставление того, что называется панировочными крошками.
Обычно они предоставляются где-то на этой странице,
типично к верхнему краю веб-страницы,
ближе к заголовку этой веб-страницы.
Панировочные крошки указывают на какую-то навигационную
иерархию, в которой вы находитесь на вашем веб-сайте.
Таким образом, это обеспечивает дополнительный вариант навигации для вашего веб-сайта.
Таким образом, это может быть помещено где-то под основной навигацией.
Это может указывать на иерархию страниц, через которые вы прошли.
И текущее местоположение может быть выделено специально в
хлебной крошке там.
Таким образом, различные способы, которыми люди могут использовать панировочные крошки
, включают предоставление навигации на основе пути.
Скажем, например, если у вас есть пользователь, проходящий набор шагов, чтобы
выполнить задачу на вашем сайте, скажем, резервируя билет на самолет.
Затем вы можете использовать подход для навигации, чтобы указать им,
какой шаг пользователь в настоящее время находится в последовательности шагов.
Аналогично, если вы предоставляете навигацию на основе местоположения для
иерархического подхода на вашем веб-сайте.
Итак, какой уровень иерархии вы находитесь и какова верхняя часть к
корню вашей иерархии, так что это может быть указано вашими сухарями.
Ваша крошка также может быть основана на атрибутах, что означает, что вы предоставляете набор
вариантов, указанных в вашей крошке для пользователя в текущий момент времени.
Типичная интерфейс интерфейса предоставляет множество
других способов обеспечения навигации на ваших веб-страницах.
К ним относятся вкладки, таблетки, разбивка на страницы, выпадающие
списки, аккордеоны, теги и SchrollSpy и Affix.
Мы рассмотрим некоторые из них немного более подробно, как мы проходим через
различные уроки в модулях, которые следуют этому конкретному уроку.
[ МУЗЫКА]