создание сайтов: Разработка начальной страницы сайта

Разработка начальной страницы часто напоминает мне о телевизионной игре 50-х годов «Победи время» («Beat the Clock»).

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

Задание хотя и казалось всегда «с подвохом» , но все же при определенном везении было выполнимым.

Однако когда участник игры уже был готов начать выполнять задание, Бад всегда добавлял что-нибудь вроде: «Да, забыл сказать, что все это вам нужно проделать с завязанными глазами...», или «...под водой», или «...в пятом измерении».

Так же и с начальной страницей сайтов. Как только вы начинаете думать, что вот теперь уж все сделано, появляется еще что-то, о чем вы совсем забыли.

Итак, начальная страница должна содержать следующее:

• Цель и назначение создание сайтов. Начальная страница должна исчерпывающим образом объяснять, что это за сайт и для чего он создан. Желательно также, чтобы пользователю были даны объяснения, почему ему следует быть именно здесь, на этом сайте, а не на другом.
• Иерархия сайта. Начальная страница должна давать обзор того, что на сайте предлагается в плане содержания (Что я могу найти здесь?) и возможностей (Что я могу делать здесь?), а также показывать, как все это на сайте организовано. Обычно эти функции выполняет постоянная навигация.
• Поиск. На большинстве сайтов начальная страница должна содержать хорошо различимое окно поиска.
• Анонсы содержания сайта. Так же как и обложка журнала, начальная страница должна увлечь пользователя намеками на «очень интересное» содержание сайта
• Обзор содержания («Content Promos») рассказывает о новейших, лучших и самых популярных элементах содержания, как, например, последние статьи или выгодные предложения.
• Обзор сервисов («Feature promos») предлагает пользователю посетить дополнительные разделы сайта и воспользоваться какими-нибудь услугами, как, например, персонализация или подписка на рассылку новостей.
• Периодически обновляемое содержание. Если успех сайта зависит от количества повторных посещений пользователей, то лучше сделать так, чтобы часть содержания на начальной странице периодически обновлялась. И даже в том случае, если не предполагается, что сайт будут посещать постоянные посетители, лучше, чтобы он все-таки подавал какие-то признаки жизни (например, с помощью ссылки на недавний пресс-релиз).

• Реклама. Пространство начальной страницы резервируется также и для всевозможной рекламы.
• Ярлыки. Элементы содержания сайта, которые наиболее часто запрашиваются посетителями (например, обновленные версии программного обеспечения), заслуживают того, чтобы на начальной странице находились ссылки для быстрого перехода к ним.
• Регистрация. Если на сайте используется регистрация, то на начальной странице должны размещаться специальные ссылки для новых посетителей и для тех, кто уже зарегистрировался. Следует также предусмотреть указатели, сообщающие о том, что вы зарегистрированный пользователь (например, «Рады вас снова видеть на нашем сайте, Стив Круг!»)

Кроме того, начальная страница должна служить нескольким общим целям:

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

И все это вам нужно проделать... с завязанными глазами

Хотя это и не страшно, но все же условия довольно жесткие. Вот ряд ограничений, о которых нельзя забывать:

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

Первая жертва этой борьбы

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

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

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

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

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

Но если я сразу «въезжаю», то значительно вероятнее, что я правильно интерпретирую все, что увижу на странице, и, значит, останусь, доволен ее содержанием.

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

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

• Слоган. Одно из самых ценных мест на начальной странице - это пространство, которое находится сразу рядом с логотипом сайта. Когда мы видим текст, визуально примыкающий к логотипу, то мы знаем, что это слоган сайта, который мы воспринимаем как описание всего сайта. Мы подробно рассмотрим слоганы в следующем разделе.
• Текст приветствия. Здесь должно содержаться краткое описание сайта, оформленное в виде заметного блока и размещенное на видном месте (без прокручивания экрана). Речь идет не о том, что эти два элемента будут обязательно рассматривать, более того, их могут и не заметить на странице. Большинство пользователей сначала попытается догадаться, о чем тот или иной сайт, из беглого обзора начальной страницы. Если же они не смогут в этом разобраться, лучше, чтобы на странице было место, где они могли бы об этом узнать. Есть еще третья возможность. Вы можете использовать все пространство в верхней части страницы справа от логотипа сайта для того, чтобы поместить там всю необходимую информацию о назначении сайта. Однако в этом случае вам придется постараться сделать так, чтобы было ясно, что вся эта область является продолжением логотипа, а не баннерной рекламой, которая обычно там помещается.

Вот несколько советов:

• Используйте столько пространства, сколько нужно. Конечно, есть сильный соблазн вообще не тратить места на какие-либо описания идеи сайта, поскольку, во-первых, трудно себе представить, что кто-то еще не знает, о чем же этот сайт, а во-вторых, каждый стремится использовать пространство начальной страницы для совсем других целей. Возьмем, например, сайт Essential.com. Здесь предлагается совершенно новая услуга (выбор поставщика энергии и средств коммуникации), поэтому требуется специальное «объяснение» о назначении сайта, для чего разработчики не пожалели большей части начальной страницы. Почти каждый элемент начальной страницы помогает объяснить пользователю, для чего сайт работает.
  • Заметный слоган
  • Заметный, но краткий приветственный текст. Слова «Why» (Почему), «How» (Как), «Plus» (Плюс) помогают представить этот текст в виде удобного для чтения списка, а не сплошного блока
  • Из заголовка "Shop By Department» (Делаем покупки в следующих отделах) ясно, что указанные разделы служат для совершения покупок, а не просто для получения информации
  • Мнение покупателя, а также привлекающее взгляд фото, позволяют еще раз напомнить назначение сайта

• ..но не используйте больше, чем нужно. Для большинства сайтов нет необходимости тратить много места для того, чтобы сообщить об основном предложении . И у людей обычно нет желания погружаться в описания, если они занимают чуть ли не всю начальную страницу. Старайтесь быть краткими. Стремитесь передать только основную идею и самые важные моменты (не более четырех), избегая детальных описаний каждой возможности, доступной на вашем сайте.
• Не используйте описание назначения сайта в качестве приветственного текста. На начальных страницах многих сайтов можно встретить описания, которые звучат так, словно они были написаны финалисткой конкурса «Мисс Америка»: «Компания XYZ предлагает высококлассные продукты в такой бурно развивающейся сегодня области, как...». Мало кто читает такие тексты
• Начальная страница настолько важна, что ее обязательно нужно тестировать. Нельзя полностью полагаться на свой вкус в разработке начальной страницы. Необходимо привлекать других людей, не входящих в вашу организацию, для оценки того, насколько описание назначения сайта и его основная идея выражены на начальной странице.

Стив Круг, Веб Дизайн