1
00:00:00,000 --> 00:00:04,114
[МУЗЫКА]

2
00:00:04,114 --> 00:00:07,200
Давайте поговорим о навигации.

3
00:00:07,200 --> 00:00:12,980
Что такое навигация, почему навигация важна для вашего сайта?

4
00:00:12,980 --> 00:00:16,820
И как мы предоставляем навигационную информацию на вашем сайте?

5
00:00:16,820 --> 00:00:22,264
Итак, это вопрос, на который мы постараемся ответить в этой конкретной лекции.

6
00:00:23,746 --> 00:00:27,058
Первый очевидный вопрос, который приходит вам на ум,

7
00:00:27,058 --> 00:00:30,500
почему нам нужно иметь навигацию по сайту?

8
00:00:30,500 --> 00:00:34,680
Как вы понимаете, большинство веб-сайтов больше не являются одиночными страницами.

9
00:00:34,680 --> 00:00:37,840
Конечно, существуют такие одностраничные сайты,

10
00:00:37,840 --> 00:00:42,500
как веб-страница вашего профессора в вашем факультете информатики.

11
00:00:42,500 --> 00:00:47,450
Но большинство сайтов, как правило, содержат более одной страницы.

12
00:00:47,450 --> 00:00:52,080
Как мы видели с нашим сайтом путаницы, который мы строим,

13
00:00:52,080 --> 00:00:56,300
мы уже добавили вторую страницу под названием aboutus.html страница.

14
00:00:56,300 --> 00:01:01,100
Теперь мы перешли на страницу aboutus.html, чтобы

15
00:01:01,100 --> 00:01:06,259
явно ввести это в адресную строку нашего браузера.

16
00:01:06,259 --> 00:01:11,300
Но это очень неудобный способ перехода на ваш сайт.

17
00:01:12,380 --> 00:01:17,685
Было бы гораздо больше смысла предоставить интуитивно понятные средства для

18
00:01:17,685 --> 00:01:21,125
пользователей, чтобы перейти на ваш сайт.

19
00:01:21,125 --> 00:01:26,535
Это интуитивно понятное средство может быть обеспечено многими различными подходами,

20
00:01:26,535 --> 00:01:32,972
панель навигации является одним из наиболее распространенных методов указания этой информации.

21
00:01:32,972 --> 00:01:37,342
Итак, мы рассмотрим несколько распространенных способов предоставления

22
00:01:37,342 --> 00:01:41,392
шаблонов навигации на типичных веб-сайтах.

23
00:01:41,392 --> 00:01:46,656
В этом контексте вы часто слышите, как люди говорят об информационной архитектуре.

24
00:01:46,656 --> 00:01:51,458
Информационная архитектура начинается со структуры системы, в

25
00:01:51,458 --> 00:01:55,879
отношении того, как информация организована, маркирована.

26
00:01:55,879 --> 00:02:01,340
И навигация осуществляется через контент или через эту информацию.

27
00:02:01,340 --> 00:02:05,240
Сейчас информационная архитектура сама по себе является целым большим полем.

28
00:02:05,240 --> 00:02:09,375
Этот курс выходит за рамки охвата информационных архитекторов.

29
00:02:09,375 --> 00:02:14,475
Но, если вы заинтересованы в организации и

30
00:02:14,475 --> 00:02:18,145
предоставлении информации пользователям через, например,

31
00:02:18,145 --> 00:02:23,067
веб-сайты, то я предоставил вам некоторые ссылки в дополнительных ресурсах,

32
00:02:23,067 --> 00:02:27,727
которые вы можете пойти и прочитать для дальнейшего знания.

33
00:02:27,727 --> 00:02:30,317
Но в любом случае, когда вы разрабатываете сайт,

34
00:02:30,317 --> 00:02:35,887
важно понимать необходимость

35
00:02:35,887 --> 00:02:41,697
проектирования структур информационной навигации на вашем сайте.

36
00:02:43,930 --> 00:02:48,970
И эта организация информации на вашем сайте также диктует,

37
00:02:48,970 --> 00:02:53,545
какие навигационные средства вы предоставляете на вашем сайте, и

38
00:02:53,545 --> 00:02:57,280
исходя из того, как эта информация организована.

39
00:02:57,280 --> 00:03:02,300
Как правило, веб-сайт будет организован в виде дерева

40
00:03:02,300 --> 00:03:04,630
структурированного или иерархического стиля.

41
00:03:04,630 --> 00:03:07,359
И это автоматически диктует вам,

42
00:03:07,359 --> 00:03:11,913
как вы будете разрабатывать навигационную поддержку на вашем сайте.

43
00:03:11,913 --> 00:03:16,737
Использование навигационной панели, сухарей и

44
00:03:16,737 --> 00:03:22,405
других средств навигации очень, очень важно для того,

45
00:03:22,405 --> 00:03:29,760
чтобы пользователи могли видеть различные части вашего сайта.

46
00:03:29,760 --> 00:03:35,150
Когда вы посещаете большинство веб-сайтов, вы часто будете искать панель навигации.

47
00:03:35,150 --> 00:03:40,080
Это своего рода бар, который обычно прилагается в верхней части

48
00:03:40,080 --> 00:03:45,570
веб-сайта, или иногда в нижней части веб-сайта, или иногда на стороне,

49
00:03:45,570 --> 00:03:50,865
который предоставляет вам достаточные указатели на вид

50
00:03:50,865 --> 00:03:56,365
информации, к которой вы можете получить доступ на этом сайте.

51
00:03:56,365 --> 00:04:01,095
Таким образом, панель навигации обычно содержит ссылки на различные страницы, которые

52
00:04:01,095 --> 00:04:04,615
являются частью вашего веб-сайта.

53
00:04:04,615 --> 00:04:09,425
Итак, типичная навигационная панель, как вы идете об этом?

54
00:04:09,425 --> 00:04:13,085
Когда вы разрабатываете типичную панель навигации, вы, очевидно, должны

55
00:04:14,360 --> 00:04:19,500
иметь в виду некоторые dos и не о том, как вы разрабатываете навигационные панели.

56
00:04:19,500 --> 00:04:23,870
Во-первых, вы используете удобные и

57
00:04:23,870 --> 00:04:28,960
простые термины в навигационной панели, чтобы указать различные ссылки

58
00:04:28,960 --> 00:04:34,900
, которые пользователи могут следовать на вашем веб-сайте, чтобы получить информацию..

59
00:04:34,900 --> 00:04:37,070
Вы должны обеспечить стандартизированную навигацию,

60
00:04:37,070 --> 00:04:41,090
чтобы везде,

61
00:04:41,090 --> 00:04:46,590
где пользователь находится в вашей иерархии веб-сайта, он всегда знал, как вернуться на главную страницу, как перейти к следующей

62
00:04:46,590 --> 00:04:50,760
, предыдущей или вверх и вниз иерархии какого-то рода.

63
00:04:50,760 --> 00:04:54,670
Таким образом, указание местоположения пользователя

64
00:04:54,670 --> 00:04:59,910
в иерархии вашего сайта очень, очень полезно,

65
00:04:59,910 --> 00:05:04,790
чтобы обеспечить удобный способ навигации по вашим веб-сайтам.

66
00:05:04,790 --> 00:05:09,345
Кроме того, есть некоторые стандартные соглашения, которые люди следуют,

67
00:05:09,345 --> 00:05:12,365
когда эти навигационные панели разработаны.

68
00:05:12,365 --> 00:05:17,515
Как правило, когда логотип вашего веб-сайта или

69
00:05:17,515 --> 00:05:23,832
вашей компании включен в навигационную панель, щелчок по этим логотипам или

70
00:05:23,832 --> 00:05:29,177
кнопка «Домой» должен вернуть вас на самый верхний уровень иерархии или

71
00:05:29,177 --> 00:05:33,711
на главную страницу вашего веб-сайта, как правило, на страницу index.html.

72
00:05:33,711 --> 00:05:38,817
Некоторые из тех, что вы должны иметь в виду, что у вас не должно быть слишком много

73
00:05:38,817 --> 00:05:41,457
вариантов на панели навигации.

74
00:05:41,457 --> 00:05:43,225
Сколько - это слишком много?

75
00:05:43,225 --> 00:05:48,470
Если вы обнаружите, что навигация с помощью навигационных панелей слишком громоздка,

76
00:05:48,470 --> 00:05:52,240
то это означает, что на панели навигации слишком много параметров.

77
00:05:52,240 --> 00:05:58,010
Предоставьте разумный набор вариантов на панели навигации, чтобы вы могли

78
00:05:58,010 --> 00:06:04,659
указать направления, которые пользователь может следовать при навигации по вашему веб-сайту.

79
00:06:05,880 --> 00:06:11,230
И когда вы используете эти элементы навигации на панели навигации,

80
00:06:11,230 --> 00:06:17,090
не используйте универсальные метки, используйте значимые метки.

81
00:06:17,090 --> 00:06:22,159
Например, если вы поместите метку с именем продукта в

82
00:06:22,159 --> 00:06:28,630
навигационную панель, люди будут смущены тем, что вы подразумеваете под продуктом.

83
00:06:28,630 --> 00:06:32,650
Или скажем, если вы поместите сервис в панель навигации, они могут быть запутаны.

84
00:06:32,650 --> 00:06:34,780
Какую услугу вы оказываете?

85
00:06:34,780 --> 00:06:38,790
Будет более значимым дать более описательный термин

86
00:06:38,790 --> 00:06:43,710
в ваших заголовках на панели навигации.

87
00:06:43,710 --> 00:06:46,380
Еще одним средством обеспечения навигации для

88
00:06:46,380 --> 00:06:50,030
пользователей является предоставление того, что называется панировочными крошками.

89
00:06:50,030 --> 00:06:55,895
Обычно они предоставляются где-то на этой странице,

90
00:06:55,895 --> 00:07:00,737
типично к верхнему краю веб-страницы,

91
00:07:00,737 --> 00:07:04,954
ближе к заголовку этой веб-страницы.

92
00:07:04,954 --> 00:07:10,513
Панировочные крошки указывают на какую-то навигационную

93
00:07:10,513 --> 00:07:16,255
иерархию, в которой вы находитесь на вашем веб-сайте.

94
00:07:16,255 --> 00:07:21,595
Таким образом, это обеспечивает дополнительный вариант навигации для вашего веб-сайта.

95
00:07:21,595 --> 00:07:26,185
Таким образом, это может быть помещено где-то под основной навигацией.

96
00:07:26,185 --> 00:07:32,082
Это может указывать на иерархию страниц, через которые вы прошли.

97
00:07:32,082 --> 00:07:36,687
И текущее местоположение может быть выделено специально в

98
00:07:36,687 --> 00:07:38,727
хлебной крошке там.

99
00:07:38,727 --> 00:07:43,708
Таким образом, различные способы, которыми люди могут использовать панировочные крошки

100
00:07:43,708 --> 00:07:48,588
, включают предоставление навигации на основе пути.

101
00:07:48,588 --> 00:07:53,558
Скажем, например, если у вас есть пользователь, проходящий набор шагов, чтобы

102
00:07:53,558 --> 00:07:59,358
выполнить задачу на вашем сайте, скажем, резервируя билет на самолет.

103
00:07:59,358 --> 00:08:04,780
Затем вы можете использовать подход для навигации, чтобы указать им,

104
00:08:04,780 --> 00:08:09,880
какой шаг пользователь в настоящее время находится в последовательности шагов.

105
00:08:09,880 --> 00:08:14,320
Аналогично, если вы предоставляете навигацию на основе местоположения для

106
00:08:14,320 --> 00:08:18,460
иерархического подхода на вашем веб-сайте.

107
00:08:18,460 --> 00:08:23,785
Итак, какой уровень иерархии вы находитесь и какова верхняя часть к

108
00:08:23,785 --> 00:08:29,680
корню вашей иерархии, так что это может быть указано вашими сухарями.

109
00:08:29,680 --> 00:08:35,092
Ваша крошка также может быть основана на атрибутах, что означает, что вы предоставляете набор

110
00:08:35,092 --> 00:08:40,754
вариантов, указанных в вашей крошке для пользователя в текущий момент времени.

111
00:08:40,754 --> 00:08:45,032
Типичная интерфейс интерфейса предоставляет множество

112
00:08:45,032 --> 00:08:49,840
других способов обеспечения навигации на ваших веб-страницах.

113
00:08:49,840 --> 00:08:54,555
К ним относятся вкладки, таблетки, разбивка на страницы, выпадающие

114
00:08:54,555 --> 00:08:59,210
списки, аккордеоны, теги и SchrollSpy и Affix.

115
00:08:59,210 --> 00:09:04,447
Мы рассмотрим некоторые из них немного более подробно, как мы проходим через

116
00:09:04,447 --> 00:09:10,614
различные уроки в модулях, которые следуют этому конкретному уроку.

117
00:09:10,614 --> 00:09:11,114
[ МУЗЫКА]