Разработка главной страницы сайты
Осведомленность о главной странице
Созданные с единственной целью целевые страницы бывает достаточно просто организовать так, чтобы они полностью захватывали внимание посетителя. С главными страницами сайтов все гораздо сложнее. Они, как правило, перегружены информацией, размещенной по настоятельным требованиям всех функциональных подразделений компании. Главные страницы должны выступать в качестве целевых для многих видов трафика (для прямого ввода названия сервера в адресную строку, для SEO-трафика, некоторой части РРС-трафика и части входящих ссылок с других сайтов). Но их работа в качестве целевых существенно осложняется наличием многих других требований и функций. Давайте рассмотрим в качестве примера главную страницу Adorama (www.adorama.com).
Adorama продает широкий спектр связанного с фотографией оборудования, и на первой же ее странице посетитель сталкивается с ошеломляющим количеством предложений. На главной странице находится сразу 146 ссылок! Картинки продуктов представляют десятки несопоставимых предметов стоимостью от $25 до $800. Яркие графические баннеры вверху и справа оттягивают на себя внимание. Движущаяся лента новостей и меняющиеся баннеры заставляют глаза непрерывно двигаться. Создание сайтов включает в себя разработку главной страницы.
Что посетитель, по замыслу дизайнеров, должен сделать на этой странице?
Прочитать движущиеся новости? Скорее всего, он пришел сюда не за новостями фотоиндустрии.
Купить аккумулятор Nikon EN-EL9? Наверное, часть посетителей, имеющих камеры, к которым этот аккумулятор подходит, и нуждающихся в его замене, приходит именно за ним — но это несколько человек в сутки, не более.
Щелкнуть по ссылке «Основы фотографии»? Если даже посетитель доберется до этого таинственно сформулированного пункта на 13-й позиции в левой колонке навигации, ему придется надолго задуматься — что бы это значило?
Щелкнуть по баннеру «Копиры/Принтеры/Факсы»? у большинства людей вряд ли найдется обоснованная причина покупать такие товары у компании, слоган которой гласит, что она представляет «фотографический народ».
Прочитать статью «Как добиться совершенства при фотографировании собак», написанную Боузером? Это, скорее всего, тоже не входит в круг первостепенных забот для большинства посетителей.
Я легко могу себе представить, как создавалась эта ситуация. Сотрудники предлагали что-то добавить, а начальство соглашалось. Каждый элемент этой страницы может быть полезным для какой-то части аудитории и каждый имеет право на существование. Но кумулятивный эффект всей этой мешанины — растрата драгоценнейших миллисекунд внимания каждого посетителя. Чтобы понять, есть ли на этой странице то, что нужно именно ему, посетителя заставляют пробираться сквозь дебри. Многие ли согласятся этим заниматься по доброй воле? Увы... В отчаянии воздев руки к небу, они попробуют найти другой сайт. Изготовление сайта в Нижнем Новгороде гораздо дешевле, нежели в столице.
Главная цель онлайнового каталога — эффективно направить каждого посетителя в нужный ему раздел и помочь сделать выбор среди продуктов этого раздела. Главная страница Adorama этого не делает. Альтернатива? Фокусирование на небольшом количестве вариантов, применимых ко всем посетителям, и передвижение их по воронке продаж вглубь сайта.
В&Н (www.bhphotovideo.com) — компания, аналогичная Adorama по спектру предлагаемых продуктов.
На главной странице можно заметить несколько фундаментальных проблем, имеющихся у страницы Adorama, и я бы не рекомендовал ее в качестве образца эффективного дизайна целевой страницы. Но одну критически важную для бизнеса задачу она выполняет намного лучше: внимание пользователя направляется на находящийся в центре блок категорий высокого уровня. Все главные категории имеют одинаковый вес; фотографии и текст помогают посетителю одним взглядом охватить весь ассортимент предлагаемых товаров. Оставшаяся площадь страницы выполнена в приглушенных тонах и не конкурирует за внимание посетителя. Хотя эта страница не свободна от визуального «шума», он сдвинут вниз и не виден без прокрутки.
Ключ к созданию осведомленность
Мы еще много раз вернемся к этой теме при обсуждении вопросов тестирования дизайна, а сейчас несколько советов.
Прекратите кричать на посетителей. Выйдите из режима прерывающего маркетинга. Представьте себе, что посетители вашего веб-сайта — это гости, которые только что вошли в ваш дом. Вы станете кричать на гостей? Убавьте громкость: уберите сверкающие и моргающие элементы, особенно если они не касаются главного. Оставьте цветовое, шрифтовое и прочее выделение для призыва к действию. Желательное для вас действие конверсии должно быть заметным и ясным. И в отсутствие конкурирующих с ним за внимание посетителя элементов оно станет еще заметнее и яснее.
Уберите ненужные варианты выбора. Теперь, когда вы ясно определили нужное вам действие конверсии, следует по-новому взглянуть на свои целевые страницы. Все, что не поддерживает это действие, должно быть удалено. Если у вас есть более одной цели конверсии, вы должны подчеркнуть ту, которая дает наибольшую ценность для посетителя. Она должна получить непропорционально большую долю пространства на экране и выделяться лучше всех остальных элементов. Менее важные или поддерживающие цели конверсии должны получить минимум внимания.
«Причешите» все остальное. Теперь пришло время стать скупым рыцарем. Безжалостно отредактируйте оставшийся текст. Упростите концепции. Укоротите абзацы до легко воспринимаемых списков. Организуйте информацию, убрав большие блоки текста и заменив их короткими шапками, чтобы посетителю не пришлось читать то, что в данный момент ему не нужно. Создайте простор для дыхания, оставив на своей странице много свободного места.
Источник: http://in-nn.ru/