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

Итак, как правильно разработать главную страницу.

Вот процесс, который я использую при разработке:

1. Выделить покупателей
2. Разработать конкурентное предложение
3. Наладить связь
4. Использовать подходящие иллюстрации
5. Определить наиболее желаемое действие
6. Создать призыв к действию
7. Написать ориентированную на пользователей копию
8. Добавить элементы доверия
9. Проверить размерность
10. Проверить скорость загрузки

Я расскажу обо всех элементах ниже.

Начнем с очевидного

Логотип

Люди ожидают увидеть ваш логотип в левом верхнем углу. При нажатии на логотип вы попадаете на главную страницу с каждой внутренней страницы. Не мудрите с этим.

Не нужно нанимать дорогого дизайнера логотипов. Текстовые логотипы так же хороши, зато их стоимость составляет 1% от цены сложного логотипа.

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

Навигация

Люди привыкли к двум типам меню: горизонтальному и вертикальному. Не нужно ничего изобретать, проверенные схемы — самые лучшие.

Помните, что люди проводят большую часть времени на ДРУГИХ сайтах. Им не нужно видеть меню, чтобы узнать, где находится ссылка «Контакты» — они по умолчанию ищут ее на последнем месте горизонтального меню или в самом низу вертикального. Позаботьтесь, чтобы они нашли ее именно там.

Пусть все будет просто и очевидно.

Все ясно, не так ли? Никаких сюрпризов.

Футер

Люди рассчитывают найти вашу контактную информацию внизу страницы, так что убедитесь, что она там.

Определение покупателей

Кто такие покупатели?

Покупатели — это фактически определенная группа потенциальных клиентов, прототип человека, которому вы хотите продать свой товар.

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

Зачем их использовать?

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

Как это сделать?

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

Используйте интервью с клиентами, чтобы выделить разные типы людей.

Когда люди подводят

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

Конкурентное предложение

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

• О чем этот сайт?
• Чем он может быть мне полезен?
• Почему я должен покупать у вас, а не у конкурентов?

Запас внимания и терпения людей очень ограничен. Мир страдает дефицитом внимания. Если люди не получат ответы на вашей главной странице за несколько секунд, они закроют ее. Никто не будет СТАРАТЬСЯ понять, о чем речь или читать длинное описание. Если вы не заинтересовали их на главной странице — вы потеряли их.

Есть несколько способов создать и представить конкурентное предложение.

Налаживание связи

Давайте сделаем упражнение. Я не прошу вас ничего записывать, ответьте в уме.

Каков ваш рост? Сколько вы весите? Где вы обычно гуляете (улицы города, гравий и т.д.)?

Теперь представим, что я продаю обувь, а вам нужна пара. У вас есть два варианта. Первая пара подходит всем. А вторая разработана специально для людей с вашим ростом и весом и для хождения именно по той местности, по которой вы обычно ходите. Цены одинаковые. Какую пару вы купите? Никаких сомнений, не так ли?

Вот почему нужно определить, для кого предназначен ваш товар или услуга, и это должна быть правда. Если вы попытаетесь продать всем, вы проиграете (если только у вас нет миллиарда долларов, которые вы готовы потратить). Обращаясь ко всем, вы будете услышаны единицами.

Давайте еще раз взглянем на сайт Campaign Monitor. Они включили целевую группу в свое конкурентное предложение.

Нет никаких сомнений, для кого разработан этот сайт, не так ли?

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

Наиболее желаемое действие

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

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

Перед тем, как сделать это, вам нужно определить, какое это должно быть действие!

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

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

Взгляните на скриншоты, представленные выше, все они повторяют эту ошибку (сайт Campaign Monitor тоже предлагает кнопку «Смотреть характеристики»). Люди не готовы принять решение, прочитав пару предложений, так что не давите на них. Конечно, у вас может быть кнопка купить/подписаться, но постарайтесь сделать ее менее выделяющейся и сфокусироваться на другом шаге.

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

Джошуа Портер предлагает отказаться от кнопки подписаться/купить, и я рекомендую прочитать его советы.

Попробовать продукт, не подписываясь

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

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

Призыв к действию

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

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

Веб-копирайтинг

Копирайтинг это отдельная и очень важная тема. Вот один совет.

Большинство людей знает, какой продукт или услугу они ищут на вашем сайте. Когда они находят что-то похожее на то, что ищут, они используют это (читать дальше, купить и т.д.).

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

Когда я ищу программы управления проектами с такими характеристиками как определение задач, расчет времени и управление клиентами, именно эти ключевые слова я ищу, просматривая сайты.

Верхняя и нижняя часть страницы

Верхняя часть страницы видна без прокрутки. Люди не боятся прокручивать страницу, но убедитесь, что наиболее важные элементы можно увидеть без прокрутки:

• Конкурентное предложение
• Иллюстрация
• Призыв к действию.

В идеале верхняя часть страницы дает ответы на самые важные вопросы пользователя, а остальное — это дополнительное чтение.

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

Сделайте контактную информацию заметной

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

Продажи на сайте LessAccounting возросли на 1,8%, когда они разместили там свой телефон; то же самое произошло на сайте Flowr.

Оставьте место для текста

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

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

Нет текста — нет результата.

Иллюстрации

Тысяча слов и все такое. Неврология утверждает, что люди «схватывают» картинки в сотни раз быстрее, чем слова.

Я твердо верю, что использование иллюстраций — это эффективный способ улучшить любое конкурентное предложение.

Компания Blu Homes продает сборные дома, и никто не купит дом, не увидев его. Сколько слов вам понадобится, чтобы описать эту картинку? Слишком много — никто не станет это читать.

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

Использование видео может привести к росту продаж. Конверсия компании Dropbox выросла, после того, как они добавили видео на главную страницу.

Не все видео одинаковые — превью для видео может существенно изменить ситуацию.

Читайте больше о том, как увеличить продажи с помощью видео и как увеличить продажи с помощью иллюстраций.

Доверие и безопасность

Люди не будут покупать у вас, если они вам не доверяют. Помимо предоставления контактной информации, неплохо использовать знаки доверия.

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

Обратите внимание на скорость загрузки

Скорость имеет значение. Медленные сайты разочаровывают, и люди закрывают их, что, несомненно, влияет на продажи. Конверсия возрастает, если возрастает скорость загрузки. Google знает это и включил скорость сайта в факторы ранжирования.

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

Никто этого не делает

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

Оригинал: http://conversionxl.com/how-to-design-a-home-page-that-converts/

Александр Тимушкин
Генеральный директор в Delaform Studio

Спасибо за перевод. Статья четкая и по делу, но все же хотелось бы больше интересных примеров.
Что бы хотелось добавить к статье:

1. Самое важное в главной странице — это четкая фокусировка на цели, которую ее владелец стремится достичь. Тут на помощь приходит описание портрета потенциального клиента, его потребности и ожидания, четко структурированная подача информации. Дизайн в данном случае должен все это грамотно отразить.
2. Не стоит перегружать посетителя лишней информацией на главной странице, а заинтересовавшимся предложить перейти вглубь сайта для детального ознакомления с заинтересовавшей его темой.
3. Все лишнее, что может отвлечь посетителя от главной цели страницы (сделать заказ, позвонить, посмотреть демо) должно быть отсечено.
4. Не нужно стремиться сразу создать идеальную главную страницу. Постоянные эксперименты и замеры эффективности позволят приблизить ее к идеалу.

И, конечно же, советую к прочтению статьи не только разработчиков, но и владельцев сайтов.

Григорий Коченов
Креативный директор в AGIMA

Дельные советы в статье, однако, часто очевидное сочетается со странным.

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

На самом деле логотипы важны! Интернет-брендинг дает уникальные возможности использовать решения, за которые любой полиграфист отдал бы руку и голову. Игнорировать возможности — это путь слабых.

Относитесь уважительно к своему делу. У достойных компаний достойные логотипы.

2. То, что надо представлять своего покупателя — прописная истина. Это очевидно, хотя на практике, увы, бывает все не так хорошо и менеджерам компаний или дизайнерам важно самовыразиться или побыстрее сдать проект, используя текстовый логотип за 1% обычной стоимости, чем решить проблему клиентов. В России вообще с этим большие проблемы. Часто отношения клиента и дизайн-студии напоминают войну или суровое состязание. А как же сотрудничество?

И еще один момент (3). По поводу денежной работы картинок. Из собственной практики: увеличение картинок в 2 раза дало увеличение конверсии в 8 раз.
Это круто. Это надо использовать. Экспериментировать.

Софья Погосян
аналитик-проектировщик в DEFA

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

Максим Павлов
Арт-директор в Notamedia

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

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

Благодаря таким советам логотипы многих сайтов выглядят феерически убого. «Выберите красивый шрифт и цвет фона, которые вам нравятся — и вуаля! Дизайнеру из компании Edicy потребовалось всего 15 минут, чтобы создать этот логотип для воображаемой компании».

В тексте периодически говорится про увеличение продаж и влияние наличия того или иного контента главной страницы на продажи. «Продажи на сайте LessAccounting возросли на 1,8%, когда они разместили там свой телефон; то же самое произошло на сайте Flowr». Капитан очевидность превзошел сам себя, с телефоном продается лучше, чем без.

И т.д и т.п. Это не тот иностранный опыт, который стоит перенимать и брать на вооружение.

 

Вячеслав Грабчак
Аналитик-маркетолог в DEFA

Странная статья.

В ней есть интересные и полезные (хотя и не новые) моменты:

Про длинные и короткие тексты, снижение конверсии на кнопках «купить», тональность и язык сообщений — это все действительно так.

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

Отдельный восторг вызывает призыв размещать SEO-тексты на главной странице.

Сергей Вакатов
Генеральный директор в Uplab

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

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