2. Вкладки должны быстро загружаться.
3. Вкладки должны выделяться цветом. Назначать особый цвет каждому разделу – это хорошая идея, но она не всегда работает (например, если человек не различает цветов). Цветовое обозначение полезно как дополнительное средство, на которое никогда не следует полагаться полностью, считая единственным способом выделения.
4. Одна из вкладок должна быть выбрана. Если ни одна из вкладок не оказывается уже выбранной, когда я захожу на сайт, то нужное воздействие вкладок теряется в первые же секунды.
5. Пиктограммы
Многие дизайнеры вместо создания однообразных кнопок с текстом, украшают свои страницы с помощью пиктограмм – небольших картинок, которые служат ссылками на какой-либо раздел узла. Но при их использовании возникает проблема: очень часто разные пользователи совершенно по-разному интерпретируют смысл изображения. Придумать оригинальные и понятные всем пиктограммы для обозначения разделов узла – достаточно сложное дело. Поэтому пиктограммы нужно обязательно снабжать подписями.
VII. Начальная страница
Начальная (или домашняя) страница определяет направление дизайна всех страниц Web-сайта. Выбор макета каждой страницы, за исключением домашней, ограничен, поскольку он должен согласовываться с единообразным макетом страниц сайта.
1.Содержание первой страницы
1. Цель и назначение сайта. Начальная страница должна исчерпывающим образом объяснить, что это за сайт и для чего он создан. Желательно также, чтобы пользователю были даны объяснения, почему ему следует быть именно здесь, на этом сайте, а не на другом.
2. Иерархия сайта. Начальная страница должна давать обзор того, что на сайте предлагается в плане содержания (что я могу найти здесь?) и возможностей (что я могу делать здесь?), а также показывать, как все это на сайте организовано. Обычно эти функции выполняет постоянная навигация.
Для Интернет-магазинов:
3. Поиск. Начальная страница должна содержать хорошо различимое окно поиска.
4. Анонсы содержания сайта. Так же как и обложка журнала, начальная страница должна увлечь пользователя намеками на «очень интересное» содержание сайта.
5. Обзор содержания. Рассказывает о новейших, лучших и самых популярных элементах содержания (последние статьи или выгодные предложения).
6. Обзор сервисов. Предлагает пользователю посетить дополнительные разделы сайта и воспользоваться какими-нибудь услугами.
7. Периодически обновляемое содержание. Если успех сайта зависит от количества повторных посещений пользователей, то лучше сделать так, чтобы часть содержания на начальной странице периодически обновлялась.
8. Реклама. Пространство начальной страницы резервируется также и для всевозможной рекламы.
9. Ярлыки. Элементы содержания сайта, которые наиболее часто запрашиваются посетителями заслуживают того, чтобы на начальной странице находились ссылки для быстрого перехода к ним.
10. Регистрация. Если на сайте используется регистрация, то на начальной странице должны размещаться специальные ссылки для новых посетителей и для тех, кто уже зарегистрировался.
2.Цели начальной страницы:
1. Показывать пользователю то, что он ищет. Начальная страница должна ясно показывать, как получить то, что мне нужно, - при условии, что это вообще находится на сайте.
2. Показывать пользователю то, что он… не ищет. В то же время начальная страница должна сообщать мне о том, что на данном сайте есть некоторые другие вещи, которые также могут меня заинтересовать, несмотря на то, что в данный момент я их не ищу.
3. Показывать пользователю место, откуда можно начинать. Нет ничего хуже, чем натолкнуться на начальную страницу, на которой невозможно понять, где начало.
4. Вызывать доверие к сайту. В некоторых случаях начальная страница может оказаться единственным шансом произвести на посетителя сайта благоприятное впечатление.
Если сайт большой и сложный, то даже самая совершенная начальная страница не сможет выполнить всего, что для нее назначают. Главное, что ни в коем случае нельзя забывать, - это основная идея сайта. Начальная страница должна ясно показывать, чем является этот сайт.
Начальная страница должна как можно быстрее отвечать на следующие вопросы:
· Чем является этот сайт?
· Что в нем содержится?
· Что на нем можно делать?
· Откуда можно начать?
· Почему я должна(ен) быть именно на этом сайте, а не на другом?
Начальная страница должна быть такой, чтобы пользователь смог ответить на эти вопросы с одного взгляда правильно, однозначно и не прилагая для этого особых усилий.
Когда вы занимаетесь разработкой сайта, вам все настолько ясно, что вы просто забываете подумать, будет ли это очевидно для всех.
3.Как передать основную идею?
Все, что находится на начальной странице, может служить для объяснения того, о чем этот сайт. Тем не менее есть две важные области страницы, где мы ожидаем увидеть ясное изложение основной идеи сайта:
1. Слоган. Это емкая фраза, которая характеризует весь сайт в целом и кратко объясняет суть и преимущества того, что предлагается. Слоганы давно используются в рекламном, издательском и развлекательном бизнесе. Слоган обычно помещается в пространстве, которое находится сразу рядом с логотипом сайта. Когда мы видим текст, визуально примыкающий к логотипу, то мы знаем, что это слоган сайта, который мы воспринимаем как описание всего сайта.
Свойства хороших солганов:
· Они информативны и по содержанию имеют ясную визуальную форму.
· Они имеют достаточную длину. Шесть-восемь слов уже вполне достаточно для слогана, чтобы он мог передать всю мысль и не быть утомительным.
· Они сообщают об особенностях и преимуществах.
· Они привлекательны и имеют живое и иногда остроумное звучание. Однако все эти качества хороши при условии, что они помогают ясно передать сообщение о выгодном предложении.
Свойства плохих слоганов:
· Они неразборчивы
· Они имеют слишком общий смысл.
Слоганы отличаются от девизов («Мы заботимся о вас», «Вы в хороших руках», «Мы делаем жизнь легче»). Девиз выражает какой-либо принцип, или цель, или идеал. Тогда как слоган сообщает о ценном предложении.
На некоторых сайтах можно обойтись вообще без слогана. Это сайты, которые достигли статуса обиходных и повседневных, и те, названия которых хорошо известны.
2. Текст приветствия. Здесь должно содержаться краткое описание сайта, оформленного в виде заметного блока и размещенное на видном месте (без прокручивания экрана).
Но не используйте описание назначение сайта в качестве приветственного текста.
Речь идет не о том, что эти два элемента будут обязательно рассматривать, их могут и не заметить на странице. Большинство пользователей сначала попытаются догадаться, о чем тот или иной сайт, из беглого обзора начальной страницы. Если же они не смогут в этом разобраться, лучше, чтобы на странице было место, где они могли бы об этом узнать.
4.Навигация начальной страницы
Навигация начальной страницы может быть другой. Но различия не могут быть слишком большими. Учитывая особое назначение начальной страницы, иногда имеет смысл не использовать на ней постоянную навигацию.
Навигация на начальной странице имеет следующие отличия:
1. Описания разделов. Поскольку назначение начальной состоит в том, чтобы раскрыть наиболее полно то, что находится за ней, то, возможно, понадобится добавить к названиям разделов краткие описания, для которых недостаточно места на каждой странице.
2. Другая ориентация. Очень часто для начальной страницы требуется другой вид дизайна, отличающийся от дизайна остальных страниц. Поэтому вместо вертикальной компоновки навигации может понадобиться горизонтальная или наоборот.
3. Больше места для отличительных знаков. На начальной странице логотип сайта обычно крупнее, чем на других. Кроме того, обычно на начальной странице рядом с логотипом нужно отвести место для слогана, который на других страницах может не использоваться.
Но важно, чтобы различия в навигации делались только по необходимости. Постоянная навигация и навигация на начальной странице должны быть довольно схожи, чтобы пользователи могли сразу видеть, что это всего лишь варианты одного и того же. Самое важное – это соблюсти точное соответствие в названиях разделов: порядок и формулировки должны быть одинаковыми. Постарайтесь также сохранить одинаковыми как можно больше визуальных особенностей: цвет и тип шрифта, использование строчных и прописных букв.
5.Всплывающие элементы
Площадь начальной страницы очень ценна, поэтому разработчики стараются использовать все возможности, чтобы расширить эту площадь. Один из известных способов – это использование всплывающих элементов, которые содержат пояснительный текст, «всплывающий» в момент, когда вы наводите курсор на название раздела. Они позволяют дать дополнительную информацию о содержании раздела, не загромождая основное пространство страницы.
Недостатки всплывающих элементов:
· Необходимость поиска. Вы не можете увидеть такое описание, если будете просто смотреть на страницу. Для того, чтобы оно появилось, вам нужно приложить усилие и навести курсор на нужное место.
· Вы не можете видеть несколько элементов одновременно. Раз вы не можете видеть сразу все описания, то у вас нет возможности просматривать их и сравнивать.