Средства навигации
Организация перемещения по сайту является одним из наиболее важных, если не самым важным аспектом реализации. Необходимо определить наиболее важные места назначения сайта и задать их в основной системе навигации.
Существует еще одно распространенное неправильное представление о навигации на сайтах, которое вы могли слышать — что любая страница должна быть не дальше трех щелчков кнопкой мыши. Распространение этого мнения привело к созданию наихудшей и самой сложной системы навигации в Интернет. В качестве реального примера посмотрите в Интернет на большинство сайтов продаж или сравнения цен — они пытаются заполнить сайт как можно большим количеством ссылок, пытаясь сократить насколько возможно количество щелчков мыши своих покупателей, прежде чем они что-то купят, чтобы они не покинули сайт и не ушли к конкуренту. Однако в конечном счете это приводит к перегруженности пользователя информацией, которую он не может воспринять и эффективно использовать. Слишком большой выбор парализует также как и отсутствие выбора. Пока существует очевидное перемещение от одной ссылки к другой, и имеется указание, что пользователи движутся в нужном направлении к достижению своей цели, пользователи будут стараться продолжать движение по сайту.
Следуя общей структуре IA, основная навигация сайта TDB должна содержать ссылки на страницы/разделы "Store", "About", Contact, "The Music" и "Band News", а также ссылку назад на страницу Home. В действительности не нужно соединяться со страницами ниже этих, такими как страницы "Tour Dates" и "Lyrics". Ссылки на эти страницы должны находиться только в этой области — если кому-то понадобиться перейти со страницы лирики определенной песни прямо на страницу "Tour Dates", то он сможет перейти на страницу "Band News" и, следовательно, оттуда на "Tour Dates".
Одним из наиболее критических аспектов успешного перемещения по сайту является согласованность. Посмотрите на закладки вверху следующей страницы (такие ссылки как "Home", "Articles", "Forums" и т.д.). Когда вы перемещаетесь по сайту http://dev.opera.com, эта панель навигации сохраняется. Она будет изменяться, чтобы показать, где вы находитесь в текущий момент на сайте и предоставлять дополнительные ссылки, чтобы углубиться в некоторую область. Например, щелчок на закладке "Articles" позволяет перейти в основную область статей, которая содержит затем ссылки на некоторые из самых свежих публикаций и совокупность ссылок на подобласти по таким темам, как "Accessibility", "CSS" и "Mobile".
Рис. 7.2. Средства навигации dev.opera.com остаются неизменными в любом месте на сайте
Другие часто используемые элементы сайта
Кроме средств навигации, как правило, существуют другие элементы сайта, которые повторяются на страницах. Большинство сайтов будет использовать некоторую форму брендинга, логотипа или титульных данных, чтобы продемонстрировать право собственности. Например, почти каждая страница на сайте Yahoo! будет иметь логотип в верхнем правом углу, и этот логотип должен содержать часть сети Yahoo!, в которой вы находитесь (такую как "Travel", "Movies", "Autos", и т.д.).
Заголовок (в верхней части страницы) может содержать больше чем просто логотип. Он может содержать средства навигации или быть присоединенным к ним. Поле поиска не является чем-то необычным, позволяя пользователям искать на сайте, а не перемещаться по сайту с помощью меню и ссылок. Необходимо включить большинство или все такие элементы на каждую страницу сайта.
Нижний колонтитул (последняя область страницы) должен содержать дополнительную информацию, такую как указание на авторские права и ссылки на полезные вспомогательные страницы на сайте, если они имеются, такие как "About This Site", "Terms & Conditions", "Contact Us" и т.д.).
Цвет, компоновка, использование геометрии и иконок, (шрифтовое) оформление текста и визуальная информация - все совместно создают общее впечатление от страницы как "принадлежащей" сайту, на котором она находится — согласованность, единообразие являются здесь ключевым моментом. Использование согласованного внешнего вида и размещения помогает ориентироваться, где вы находитесь на сайте, и создает чувство знакомой обстановки. Вы знаете, что страница, на которой вы сейчас находитесь, связана и является частью той же воспринимаемой информации, что и предыдущие страницы, так как они визуально соединены и связаны. При проектировании сайта необходимо помнить об этом и не создавать заново новый внешний вид для всех страниц сайта.
На нашем сайте TBD верхний колонтитул страницы будет содержать логотип музыкальной группы и название, чтобы закрепить это в памяти посетителей, когда они будут перемещаться по сайту, и создать у них чувство знакомого, что они по прежнему просматривают информацию о группе. Нижний колонтитул будет содержать информацию об авторских правах на сайт и на лирику, изображения и аудио-фрагменты на сайте, он должен также содержать ссылки на страницы контактной информации/бронирования билетов на выступления группы.
Контекст определяет все
Каждая страница, несмотря на все общие элементы, должна быть уникальной. Хорошая Web-страница будет выполнять одну задачу, или небольшое число задач, и будет делать это хорошо.
Значимый контент
Создание контента значимым и различным является ключевым фактором превращения хороших Web-страниц в отличные. Контент должен быть однозначно адресуем (иметь место, где он окончательно находится, с уникальным URL) и логически упорядочен (как на сайте, так и на самой странице), чтобы его можно было легко найти.
Возьмем предстоящие выступления группы — хотя может быть большой соблазн поместить модуль "предстоящие выступления" на каждой странице, эта информация имеет свой собственный дом и должна находиться там. Простой модуль "следующее выступление", который также соединяется со страницей Tour Dates, может рекламировать также эффективно, не дублируя контент и не создавая потенциальную путаницу, как для пользователей, так и для поисковых систем.