Как улучшить нижнюю часть главной страницы сайта?

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

1

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

Если вы не верите, взгляните на эту статистику.

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

Чем проще, тем лучше

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

В подтверждение этому существует ряд особенностей, в том числе:

  • Более высокая скорость загрузки. Первое, что вы заметите, это то, что простые сайты загружаются быстрее. Без кучи разных элементов, страница может загружаться быстрее.
  • Доступность. Большинство людей согласны с тем, что изменения хороши, но только в лучшую сторону. Когда человек видит что-то понятное, - он тянется к этому. Простая главная страница создает непринужденную атмосферу и помогает посетителям чувствовать себя свободно.
  • Фокусировка на важном. Логика довольно проста, меньше отвлекающих деталей - лучший фокус. Улучшение фокуса обычно приводит к большему количеству конверсий, а это означает - увеличение доходов и популярности.

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

Сократите текст

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

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

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

Применение теории на практике

Вот несколько шаблонов, которые используют этот трюк, просмотрите их.

Hive - WordPress шаблон на тему архитектура

2Загрузить | Демо

Ismiler - WooCommerce тема магазина мобильной связи

3Загрузить | Демо

Elevator- тема WordPress для художественной галереи

4Загрузить | Демо

Используйте белое пространство

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

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

Применение теории на практике

Ниже представлены примеры шаблонов, которые будут “работать на вас”.

Outside - WooCommerce шаблон на тему мода

5Загрузить | Демо

Siena - WordPress шаблон на тему архитектура

6Загрузить | Демо

SiliconBlogger - WordPress шаблон на тему искусство и культура

7Загрузить | Демо

Использование выпадающих или всплывающих меню

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

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

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

Применение теории на практике

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

Binec - WordPress шаблон на тему искусство и культура

8Загрузить | Демо

TechLoop - WooCommerce шаблон магазина электроники

9Загрузить | Демо

Orize - WooCommerce шаблон на тему салон красоты

10Загрузить | Демо

Используйте правило 80/20

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

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

Применение теории на практике

Ознакомьтесь с некоторыми, наиболее впечатляющими, примерами тем WordPress, где баланс 80-20 точно соблюдается.

Creatica - WordPress шаблон на тему портфолио фотографа

11Загрузить | Демо

Guiding Voice - WordPress шаблон для сайта карьерное образование

12Загрузить | Демо

WordPress шаблон на тему консалтинг

13Загрузить | Демо

Настройте себя на успех

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

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



Катерина Александрова

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