Условности, применяемые для навигации

Условности в той или иной степени определяют внешний вид и расположение навигационных элементов так, чтобы нам было легко при необходимости их находить и использовать.

Размещение этих элементов в стандартных местах позволяет быстро и без усилий определять их положение, а их унифицированный вид дает возможность быстро их различать на странице.

Например, мы привыкли видеть дорожные знаки на углах улиц, мы знаем, что для того, чтобы их увидеть, нужно смотреть вверх, а не вниз, и мы привыкли к тому, что они устанавливаются как обычно - горизонтально, а не вертикально. Мы также принимаем как должное, что вывеска здания обычно помещается над или рядом с главным входом в него. В журналах обычно где-то на первых страницах помещается содержание номера, а где-то на краю каждой страницы указывается ее номер. Когда такие условности нарушаются, это раздражает.

В Интернете тоже быстро появились свои условности для навигации. Web-дизайнеры используют термин постоянная навигация для описания навигационных элементов, которые появляются на каждой странице. Факт того, что навигация появляется в одном и том же месте на каждой странице и имеет при этом одинаковый вид, служит для пользователя мгновенным подтверждением того, что он находится на том же сайте. А унификация внешнего вида навигации дает возможность пользователю только один раз узнать, как она работает, и затем уже использовать ее не задумываясь.

Постоянная навигация

Должна включать в себя следующие элементы:

Название сайта

· Ссылку на начальную страницу

· Ссылку на страницу поиска

· Сервис, поиск (для Интернет-магазинов)

· Разделы

Название сайта

Выполняет для сайта ту же роль, что и вывеска на входе в какое-либо учреждение. В Интернете эту «вывеску» нужно видеть на каждой странице. Логотип сайта находится в верхней части страницы, обычно в верхнем правом углу. Это объясняется тем, что логотип представляет весь сайт в целом, и, следовательно, он занимает самую верхнюю позицию в логической иерархии сайта.

· Данный сайт

1. Разделы сайта

· Подразделы сайта

1. Субподразделы сайта

· Данная страница

1. Области страницы

· Элементы страницы

В визуальной иерархии каждой страницы можно сохранить эту доминирующую позицию двумя способами: либо сделать логотип самым заметным объектом на странице, либо поместить его так, чтобы он выполнял роль «рамки» для содержания страницы. Конечно, нет смысла делать логотип самым заметным элементом страницы (исключение может составлять только начальная страница сайта). Поэтому лучшее место для него - это верхняя часть страницы.

Кроме того, логотип должен выглядеть как логотип, т.е. иметь все полагающиеся атрибуты: особый стиль шрифта и графики, узнаваемый при любом размере изображения.

Ссылка на начальную страницу

Расположенная на видном месте, кнопка начальной страницы дает пользователю уверенность, что даже заблудившись в недрах сайта, с ее помощью он всегда сможет начать все сначала.

Ссылка на страницу поиска

Имеет смысл помещать само окно поиска или соответствующую ему ссылку на каждой странице сайта. Если на вашем сайте действительно есть что искать, то поместите на нем поисковое окно. Формула окна поиска действительно проста: окно поиска, кнопка и слово «Поиск».

Разделы

Панель разделов иногда называют основной навигацией. Она содержит ссылки на основные разделы сайта, представляющие верхний уровень иерархии сайта. Всегда избегайте ставить одну текстовую ссылку с подчеркиванием над другой - их тогда очень трудно прочитать.

Пример:

В большинстве случаев, постоянная навигация содержит и вторичную навигацию, т.е. список подразделов текущего раздела.

Сервисы

Сервисами называются ссылки на довольно важные компоненты сайта, не принадлежащие к иерархии смыслового содержания. Сюда входят либо разделы, помогающие пользоваться сайтом, например «Помощь», «Карта сайта», «Корзина», либо разделы, которые содержат информацию о создателе сайта, например «О нас», «Как с нами связаться». Список сервисов должен быть менее заметен, чем список разделов сайта.

Названия страниц

Названия Web-страниц можно сравнить с дорожными указателями: когда все идет нормально, их можно совсем не замечать. Но если у вас возникает ощущение, что вы двигаетесь не в том направлении, то нужно посмотреть на название страницы, чтобы определить собственное местонахождение.

Что нужно знать относительно названий страниц:

1. Каждая страница должна иметь название. Недостаточно всего лишь выделить название страницы в навигации.

2. Название страницы должно находиться в правильном месте. Название страницы должно занимать в ее визуальной иерархии такое место, чтобы оно «обрамляло» расположенное на ней содержание.

3. Название страницы должно быть заметным. Позиция, размер, цвет и шрифт названия должны ясно показывать, что это заглавие для всей страницы в целом. Текст названия страницы будет иметь самый большой размер.

4. Название страницы должно соответствовать названию ссылки, по которой щелкнул. Если этого соответствия нет, то доверие к сайту, а значит, к его издателям снижается. Конечно, в некоторых случаях придется искать компромиссный вариант, так как пространство страницы ограничено.Если слова, по которым вы щелкнули мышью, по каким-то причинам не соответствует точно названию страницы, то важно добиться того, чтобы, во-первых, они соответствовали друг другу в максимально возможной степени и, во-вторых, чтобы при этом причина несоответствия была ясна для пользователя.

В большинстве случаев левое или правое выравнивание более эффективно для передачи визуальной иерархии, чем центральное выравнивание.

Вкладки

Один из наиболее популярных способов использования постоянной навигации - представление ссылок на разделы в виде вкладок.

Вкладки являются превосходным навигационным устройством для больших сайтов, потому что:

1. Вкладки «самоочевидны». Никто, взглянув на интерфейс со вкладками не воскликнет: «Гм, интересно, а что это такое?»

2. Вкладки трудно не заметить. Они визуально очень выделяются, их трудно просмотреть. Кроме того, их трудно принять за что-либо еще кроме навигации, поэтому они создают заметное с одного взгляда разделение.

3. Вкладки приятны для глаз. Web-дизайнеры всегда стремятся сделать свои страницы визуально более привлекательными, но не в ущерб скорости загрузки страниц. Грамотно разработанные вкладки делают страницы красивее и интереснее и при этом не увеличивают общий объем страниц.

4. Вкладки создают эффект физического пространства. Они создают ощущение физического продвижения вперед. Вкладки вызывают сильное ощущение того, что сайт состоит из разделов и вы находитесь внутри одного из них.

Основные требования к вкладкам:

1. Вкладки должны быть четко прорисованы. Для того, чтобы вкладки хорошо работали и создавали нужный эффект, их графика должна создавать визуальную иллюзию того, что активная вкладка находится впереди других вкладок. Именно это свойство вызывает ощущение того, что это вкладка. Но никогда не придавайте графическим элементам вид вкладок, если не планируется, чтобы они действовали как вкладки. Активная вкладка должна иметь другой цвет или контрастный оттенок. Она должна быть визуально связана с пространством под ней.

2. Вкладки должны быстро загружаться.

3. Вкладки должны выделяться цветом.Назначать особый цвет каждому разделу - это хорошая идея, но она не всегда работает (например, если человек не различает цветов). Цветовое обозначение полезно как дополнительное средство, на которое никогда не следует полагаться полностью, считая единственным способом выделения.

4. Одна из вкладок должна быть выбрана.Если ни одна из вкладок не оказывается уже выбранной, когда я захожу на сайт, то нужное воздействие вкладок теряется в первые же секунды.

Пиктограммы

Многие дизайнеры вместо создания однообразных кнопок с текстом, украшают свои страницы с помощью пиктограмм - небольших картинок, которые служат ссылками на какой-либо раздел узла. Но при их использовании возникает проблема: очень часто разные пользователи совершенно по-разному интерпретируют смысл изображения. Придумать оригинальные и понятные всем пиктограммы для обозначения разделов узла - достаточно сложное дело. Поэтому пиктограммы нужно обязательно снабжать подписями.

Начальная страница

Начальная (или домашняя) страница определяет направление дизайна всех страниц Web-сайта. Выбор макета каждой страницы, за исключением домашней, ограничен, поскольку он должен согласовываться с единообразным макетом страниц сайта.

Содержание первой страницы

1. Цель и назначение сайта. Начальная страница должна исчерпывающим образом объяснить, что это за сайт и для чего он создан. Желательно также, чтобы пользователю были даны объяснения, почему ему следует быть именно здесь, на этом сайте, а не на другом.

2. Иерархия сайта. Начальная страница должна давать обзор того, что на сайте предлагается в плане содержания (что я могу найти здесь?) и возможностей (что я могу делать здесь?), а также показывать, как все это на сайте организовано. Обычно эти функции выполняет постоянная навигация.

Для Интернет-магазинов:

3. Поиск. Начальная страница должна содержать хорошо различимое окно поиска.

4. Анонсы содержания сайта. Так же как и обложка журнала, начальная страница должна увлечь пользователя намеками на «очень интересное» содержание сайта.

5. Обзор содержания. Рассказывает о новейших, лучших и самых популярных элементах содержания (последние статьи или выгодные предложения).

6. Обзор сервисов. Предлагает пользователю посетить дополнительные разделы сайта и воспользоваться какими-нибудь услугами.

7. Периодически обновляемое содержание. Если успех сайта зависит от количества повторных посещений пользователей, то лучше сделать так, чтобы часть содержания на начальной странице периодически обновлялась.

8. Реклама. Пространство начальной страницы резервируется также и для всевозможной рекламы.

9. Ярлыки. Элементы содержания сайта, которые наиболее часто запрашиваются посетителями заслуживают того, чтобы на начальной странице находились ссылки для быстрого перехода к ним.

10. Регистрация. Если на сайте используется регистрация, то на начальной странице должны размещаться специальные ссылки для новых посетителей и для тех, кто уже зарегистрировался.

Цели начальной страницы

1. Показывать пользователю то, что он ищет. Начальная страница должна ясно показывать, как получить то, что мне нужно, - при условии, что это вообще находится на сайте.

2. Показывать пользователю то, что он… не ищет. В то же время начальная страница должна сообщать мне о том, что на данном сайте есть некоторые другие вещи, которые также могут меня заинтересовать, несмотря на то, что в данный момент я их не ищу.

3. Показывать пользователю место, откуда можно начинать. Нет ничего хуже, чем натолкнуться на начальную страницу, на которой невозможно понять, где начало.

4. Вызывать доверие к сайту. В некоторых случаях начальная страница может оказаться единственным шансом произвести на посетителя сайта благоприятное впечатление.

Если сайт большой и сложный, то даже самая совершенная начальная страница не сможет выполнить всего, что для нее назначают. Главное, что ни в коем случае нельзя забывать, - это основная идея сайта. Начальная страница должна ясно показывать, чем является этот сайт.

Начальная страница должна как можно быстрее отвечать на следующие вопросы:

· Чем является этот сайт?

· Что в нем содержится?

· Что на нем можно делать?

· Откуда можно начать?

· Почему я должна(ен) быть именно на этом сайте, а не на другом?

Начальная страница должна быть такой, чтобы пользователь смог ответить на эти вопросы с одного взгляда правильно, однозначно и не прилагая для этого особых усилий.

Наши рекомендации