Дизайнерам важно понимать, что Интернет состоит из стандартных элементов, своего рода кирпичиков, которыми можно пользоваться при построении сайта.
Я думаю, что именно с этой точки зрения следует смотреть на доступные нам в Интернете «строительные кирпичики». Они не ограничивают ваш творческий потенциал; это всего лишь компоненты, из которых создаются сайты.
Этими широко распространенными компонентами имеет смысл пользоваться потому, что они обладают встроенной функциональностью. Постоянно сталкиваясь при работе с одними и теми же компонентами, конечные пользователи выучили, что следует делать. И было бы глупо заставлять пользователей отказаться от привычного поведения просто ради своих творческих изысков.
Другой веской причиной принять данный подход является финансовая сторона вопроса. Если все ваши варианты дизайна требуют от разработчика преодоления различных барьеров в попытке заставить все работать, стоимость предлагаемых вами решений будет высокой. Впрочем, для некоторых клиентов этот аспект не играет особой роли. Но мне кажется, что, хорошо изучив свои возможности, вы сможете разрабатывать вполне функциональные сайты, которые будут выглядеть потрясающе.
Давайте посмотрим на эти элементы, чтобы понять, какой функциональностью они обладают и что могут включать в себя.
Шапка. Шапкой (header) называется фрагмент контента, появляющийся в верхней части сайта. Это практически универсальный компонент, хотя в некоторых ситуациях без него можно обойтись. Тем не менее обычно каждый сайт будет (или должен) его иметь.
С шапкой обычно связаны следующие вещи:
Top-Line Branding. Здесь, как правило, располагаются сведения об основной торговой марке. В этой области часто помещается суббренд или строка тегов. Логотип чаще всего занимает верхний левый угол, но это не обязательное правило, а лишь распространенный эталон, к которому привыкло большинство пользователей.
Основная система навигации. С шапкой сайта обычно связана основная система навигации. Именно она позволяет пользователям попасть в глубь сайта. В случае, когда количество страниц невелико, сюда можно поместить всю систему навигации в виде выпадающего меню.
Вспомогательная система навигации. Сайты часто имеют отдельную вторичную систему навигации, в которую входят элементы, не являющиеся ключевыми для процесса продаж. Сюда часто попадают такие разделы, как About Us (о компании) и Contact Us (контакты).
Поиск. Поле поиска чаще всего располагается в шапке. Это вполне логично, ведь именно здесь находится основная система навигации.
Учетная запись и авторизация. Если на сайте присутствует защищенный раздел со ссылкой на учетную запись или на возможность авторизации, он, как правило, помещается в шапку. Существует множество элементов, о которых вам следует помнить. Встречаются сайты, содержащие все эти элементы, но в большинстве случаев достаточно только части.
Навигация/Меню. Хотя я упомянул о системе навигации при перечислении элементов шапки, это вполне самостоятельный компонент. Существует три основные системы навигации на основе меню. Все остальные варианты в той или иной мере являются их побочным продуктом.
Вкладки. Вкладки обычно используются в качестве основного средства навигации для перехода пользователей в различные разделы сайта. Внутри вкладок отсутствует дополнительная система навигации, вместо этого перенаправление осуществляется средствами связанных с вкладками страниц.
Выпадающие меню. Выпадающие меню могут быть как горизонтальными, так и вертикальными, но чаще выбирают первый вариант. Обычно они функционируют весьма предсказуемым, понятным пользователям способом. Люди используют накопленный естественным путем опыт, поскольку такие меню встречаются во многих приложениях для настольных компьютеров. Подобные меню позволяют сразу перейти к тому, что мы ищем. Некоторые сайты содержат такое количество параметров, что приходится создавать настраиваемые выпадающие меню.
Древовидные меню. Древовидные меню практически всегда делаются вертикальными и располагаются в боковых панелях. Не могу вспомнить, видел ли я когда-нибудь горизонтальное древовидное меню, поэтому мы рассмотрим только вертикальную версию. Такие меню могут отражать как весь контент сайта, так и подразделы текущих страниц. При этом иногда они разворачиваются, а иногда их приходится выбирать из статичного списка вариантов. Существует множество других способов предоставить пользователям возможность просмотра контента, но я считаю, что лучше всего начать со стандартных.
Осмелюсь утверждать, что эти меню используются в 99 % сайтов. Так что, если, решив воспользоваться в своих прототипах тем, что я называю нетипичной системой навигации, вы столкнулись с индифферентной или негативной реакцией клиента, подумайте о том, чтобы вернуться к общепринятым нормам. Разумеется, работа в нише, требующей именно нетипичного подхода, является исключением.
Как понять, является ли ваша система навигации нетипичной? Если вам приходится объяснять разработчику, как функционирует ваше творение, скорее всего, вы сделали нечто необычное. При этом три упомянутые ранее системы общеприняты и объяснений никогда не требуют.
Нижний колонтитул. Нижние колонтитулы (footers) обычно относятся к одной из двух категорий. Это могут быть как функциональные навигационные инструменты, направляющие пользователя к дополнительному контенту, так и место для той информации, которая обязана присутствовать на сайте, но которую никто не хочет видеть. Но даже в первом случае вы все равно рано или поздно обнаружите, что часть нижнего колонтитула будет содержать информационный «мусор». Впрочем, беспокоиться тут не о чем; подобно номерному знаку на автомобиле, это важный элемент, с которым нам просто нужно научиться работать.
Функциональные нижние колонтитулы. Достаточно часто область нижнего колонтитула сайта превращают в важный навигационный инструмент. И это имеет смысл. В конце концов, если пользователь добрался до нижней части страницы, имеет смысл предоставить ему указатели на дополнительный контент.
Распространенные элементы нижних колонтитулов. В нижний колонтитул часто помещают:
– Сведения об авторских правах и ссылки на правовую информацию, например политику конфиденциальности.
– Копию основной системы навигации сайта.
– Полную или частичную карту сайта.
– Не самые важные ссылки на контент, который бывает востребован весьма небольшой частью посетителей (например, информация о том, как поместить свою рекламу на данный сайт).
Популярным подходом к оформлению нижних колонтитулов является включение в них карты сайта, что дает пользователям возможность легко находить нужный контент. Это намного лучше, чем просто завершить страницу, не предоставив никакой дополнительной информации. Зачастую функциональные нижние колонтитулы имеют значительный размер. Еще один распространенный подход: включение в нижний колонтитул динамического контента, например, относящихся к теме записей или последних комментариев. Это побуждает посетителей остаться на сайте.
Вот и закончились основные элементы веб-страниц. Практически на всех сайтах они использовались и будут использоваться. Из них построен любой сайт
