Глава 7. Первый шаг к выздоровлению
Разработка начальной страницы
Разработка начальной страницы часто напоминает мне о телевизионной игре 50-х годов «Beat the Clock» (Успей вовремя). Каждый участник этой игры внимательно выслушивал, как ведущий игры Бад Кольер объяснял,какой трюк нужно будет выполнить. Например: «Вам дается 45 секунд на то, чтобы забросить 5 водяных шаров в дуршлаг, закрепленный на вашей голове». Хотя задание и казалось всегда «с подвохом», но все же при определенном везении было выполнимым. Однако, когда участник игры уже был готов начать выполнять задание, Бад всегда добавлял что-нибудь вроде: «Да, забыл сказать, что все это вам нужно проделать с завязанными глазами...», или «...под водой», или «...в пятом измерении». Так же и с начальной страницей сайтов. Как только вы начинаете думать, что вот теперь уж все сделано, появляется еще что-то, о чем вы совсем забыли. Итак, начальная страница должна содержать следующее:
- Цель и назначение сайта. Начальная страница должна исчерпывающим образом объяснять, что это за сайт и для чего он создан. Желательно так же, чтобы пользователю были даны объяснения, почему ему следует быть именно здесь, на этом сайте, а не на другом.
- Иерархия сайта. Начальная страница должна давать обзор того, что на сайте предлагается в плане содержания (Что я могу найти здесь?) и возможностей (Что я могу делать здесь?), а также показывать, как все это на сайте организовано. Обычно эти функции выполняет постоянная навигация.
- Поиск. На большинстве сайтов начальная страница должна содержать хорошо различимое окно поиска.
- Анонсы содержания сайта. Так же как и обложка журнала, начальная страница должна увлечь пользователя намеками на «очень интересное» содержание сайта.
Обзор содержания (Content Promos) рассказывает о новейших,лучших и самых популярных элементах содержания, как, например, последние статьи или выгодные предложения.
Обзор сервисов (Feature promos)предлагает пользователю посетить дополнительные разделы сайта и воспользоваться какими-нибудь услугами, например персонализацией или подпиской на рассылку новостей.

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

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

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

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

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

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

Слоганы позволяют очень ясно и изящно передать основную идею сайта и в краткой форме сообщают о его (сайта) назначении.
Вот некоторые свойства плохих и хороших слоганов:


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

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

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

Когда я впервые захожу на какойто сайт, то быстрый взгляд на начальную страницу должен помочь мне уверенно определить следующее:
- Вот отсюда я должен начать, если хочу что-то найти.
- Вот отсюда я должен начать, если хочу побродить по сайту.
- Вот отсюда я должен начать, если хочу сразу перейти к самому главному содержанию
На тех сайтах, на которых взаимодействие с пользователем основано на пошаговом процессе (например, ипотечный сайт), точка начала должна быть настолькозаметной, чтобы буквально бить по глазам. Кроме того, если на сайте предусмотрена возможность регистрации, то должны быть хорошо заметны места, гденужно пройти регистрацию или войти как уже зарегистрированный пользователь (sign in).К сожалению, необходимость рекламировать все (или, во всяком случае, все,что согласуется с бизнес-моделью, утвержденной на этой неделе) не всегда позволяет легко находить точки начала, особенно когда начальная страница до отказа заполнена кричащими надписями «Начните отсюда!» или «Нет, сначала щелкните здесь!».Чтобы избежать этого, лучше всего, чтобы точки начала выглядели как точки начала (т. е. чтобы окно поиска имело вид окна поиска, а список разделов выгляделкак список разделов). Также не помешает сделать понятные надписи, например«Поиск», «Смотреть каталог», «Вход», «Начало» (для пошаговых процессов).
Навигация начальной страницыможет быть друго
Веб-разработчики иногда меня спрашивают, насколько важно, чтобы навигация начальной страницы была той же самой, что и во всей остальной части сайта. Например, если постоянная навигация имеет горизонтальную форму, то может ли навигация на начальной странице быть вертикальной?Мой ответ однозначен: «Конечно, навигация может различаться, но при условии, что эти различия не будут слишком большими». Учитывая особое назначение начальной страницы, иногда имеет смысл не использовать на ней постоянную навигацию. Обычно навигация на начальной странице имеет следующие отличия:
- Описания разделов. Поскольку назначение начальной страницы состоитв том, чтобы раскрыть наиболее полно то, что находится за ней, то, возможно, понадобится добавить к названиям разделов (а может быть, еще и к названиям подразделов) краткие описания, для которых недостаточно местана каждой странице.

- Другая ориентация. Очень часто для начальной страницы требуется вид дизайна, отличающийся от дизайна остальных страниц. Поэтому вместо вертикальной компоновки навигации может понадобиться горизонтальная или наоборот.
- Больше места для отличительных знаков. На начальной странице логотип сайта обычно крупнее, чем на других, – точно так же, как над входом в магазин висит огромная вывеска. Кроме того, обычно на начальной странице рядом с логотипом нужно отвести место для слогана, который на других страницах может не использоваться.
Важно, чтобы различия в навигации делались только по необходимости. Постоянная навигация и навигация на начальной странице должны быть довольно схожи, чтобы пользователи могли сразу видеть, что это всего лишь варианты одного и того же.Самое важное – это соблюсти точное соответствие в названиях разделов: порядок и формулировки должны быть одинаковыми. Постарайтесь также сохранить одинаковыми как можно больше визуальных особенностей: цвет и тип шрифта, использование строчных и прописных букв.Например, интерфейс сайта Wildfire.com имеет довольно хороший дизайн и в целом превосходную функциональность. Однако между начальной страницей и остальной частью сайта имеется слишком большое различие в навигации.

Вполне допустимо, чтобы на начальной странице сайта навигация имела вертикальную компоновку, а на остальных страницах – горизонтальную. Также допустимы незначительные отличия в названиях разделов, если очевидно, что речь идет об одном и том же (например, «Наша компания» и «О компании»,«Для покупателей» и «Покупателям»).
Но вот что сильно отличается от начальной страницы:
- «I Want Wildfire» вдруг превратилось в «Customer»
- «WildTalk» исчезло совсем
- «Enterprise» появилось ниоткуда
- даже совпадающие имена расположены в другом порядке
В результате эти две навигационные системы трудно сопоставить. Иными словами, когда я покидаю начальную страницу сайта, я вынужден заново учить навигацию, вместо того чтобы спокойно пользоваться сайтом.
Выпадающие меню
На главной странице всегда не хватает места,и поэтому дизайнеры стараются найти способыувеличить ее полезную площадь. Один из распространенных способов состоит в применениивыпадающих меню (pulldown menus). И это, несомненно, позволяет выиграть дополнительное место на странице.
К сожалению, выпадающие меню также не лишены недостатков.

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

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