Главная страница: идеальное юзабилити

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

Обязательные атрибуты главной страницы

Существует ряд компонентов, без которых главная страница просто не сможет быть главной и соответствовать своему высокому статусу. Чтобы пользователям было удобнее ориентироваться, на ней необходимо разместить ряд модулей. Пройдёмся по ним сверху вниз.

Шапка сайта

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

Информационный блок о сайте должен быть расположен отдельно. В него необходимо поместить следующие элементы:

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

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

А вот такая шапка наверняка найдёт отклик у потенциального клиента.

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

Главное меню

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

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

Первый экран

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

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

  

• проставить ссылки на акционные предложения, новинки, они могут быть оформлены в виде слайдера, каждый из компонентов которого ведёт на релевантную страницу.

  

Эти варианты также можно комбинировать.

Второй экран

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

Если вы оказываете услуги, желательно указать их стоимость.

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

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

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

Преимущества для клиента тоже можно отразить во втором экране, даже если они уже были на первом. Здесь о выгодах можно рассказать более подробно, но всё равно сжато, например, в виде иконок.

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

Кроме того, тут можно рассказать о вашем мобильном приложении.

//Дополнительно. Желательно, чтобы на сайте была отдельная страница, рассказывающая о вашей компании. На главной странице можно дать её анонс.

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

Примеры работ − подтверждение опыта

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

//Дополнительно. Желательно, чтобы на сайте была отдельная страница, рассказывающая о вашей компании. На главной странице можно дать её анонс. Рис. 20

Отзывы

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

Статьи, новости, полезные материалы

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

Форма консультации

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

Если на сайте есть онлайн-консультант, то в создании такой формы нет необходимости, она будет лишней.

Подвал сайта

Является завершающим элементом главной страницы. В нём повторяется контактная информация, проставляются ссылки на основные разделы вашего интернет-ресурса. Этот компонент − дополнительный плюс для навигации.

Если на сайте есть онлайн-консультант, то в создании такой формы нет необходимости, она будет лишней.

Распространённые ошибки при создании главной страницы

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

• отсутствие или изобилие текстового наполнения − использовать текст нужно аккуратно и правильно, его необходимо распределить равномерно, избегать пустых мест или образования «простыней»;

• размещение нескольких слайдеров рядом − так информацию воспринимать неудобно, а сама страница смотрится неаккуратно, лучше чередовать статичные картинки и слайдеры или сделать объединённые блоки;

  
• 

• использование нескольких колонок с информацией − это делает страницу визуально тяжёлой, лучше использовать одну, максимум две колонки;

  

• всплывающие окна − этот инструмент полезен, но использовать его нужно аккуратно и не на главной странице, тут он может раздражать пользователя;

  

• размещение некачественных картинок − негативно сказываются на общем впечатлении о вашем интернет-ресурсе, понижают доверие к нему, используйте чёткие красочные картинки − и клиенты к вам потянутся;

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

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

Статьи по теме

Почему ваш сайт должен грузиться быстрее 3 секунд

Многие владельцы уверены, что сайт работает «в пределах нормы». Он открывается, показывается, кликается — зна�...

2025-09-26

Чат-бот – что это такое

Чат-боты уже давно являются неотъемлемой частью нашей жизни. Они помогают получить ответы на самые часто задаваемые вопросы, решить воз�...

2022-04-25

Основные UX-тренды 2022 года

Традиционно новый год приносит с собой ряд изменений в сфере e-commerce. Чтобы успешно конкурировать на рынке с другими компаниями, представ�...

2022-01-18

Особенности оформления подвала сайта

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

2021-08-02

Обратный звонок: полезный инструмент или раздражитель?

Несмотря на то, что в последние годы переписка между компанией и клиентами является основным методом коммуникации, некоторые люди по-пр�...

2021-03-29

Фирменный стиль: секреты успешной разработки

Число брендов на мировом рынке постоянно увеличивается. Чтобы выделиться среди конкурентов, вам необходимо разработать фирменный стил�...

2021-03-19

ТОП-10 онлайн-консультантов для сайта

Онлайн-консультанты − помощники, которые встречают гостей сайта практически сразу после визита на интернет-площадку. Эти виджеты позво...

2021-02-24

Вопросы юзабилити: на что обратить внимание в 2021 году?

Вопросы юзабилити: на что обратить внимание в 2021 году? Начало года − время для подготовки плана работы над сайтом. В зоне внимания в�...

2021-01-19

Подключение платформы Яндекс.Диалоги на веб-сайт

Два года тому назад компания Яндекс представила новую платформу, которая дала возможность эффективно работать с потенциальными покупа�...

2020-09-15

Текст для карточки товара: как сделать идеальное описание?

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

2020-08-21

Онбординг: получаем признание клиентов за несколько секунд

Понятие «онбординг» используется для обозначения знакомства пользователя с интернет-магазином, информационным порталом, другим сайто�...

2020-07-30

Поведенческие факторы: суть и специфика их влияния на продвижение сайта

Поведенческие факторы (ПФ) − это всевозможные действия, которые совершают на интернет-сайте посетители. Их набор меняется с течением вр�...

2019-06-18

Оформление электронной корзины: как не помешать пользователям сделать покупку?

Онлайн-коммерция − высококонкурентная сфера. Чтобы побудить пользователей к приобретению, мало просто добавить активную кнопку «Купит...

2019-05-15

Оформление текстов на сайтах: 10 полезных советов

Важность текстового контента для интернет-ресурсов трудно переоценить. Мы уже неоднократно говорили о том, что материалы должны быть ин...

2019-01-09

3 конкретных шага, чтобы сделать ЛЮБОЙ сайт продающим! Или как минимум улучшить его.

ЗДРАВСТВУЙТЕ! Нам все чаще за последнее время стали поступать заявки с вопросами: как привлечь клиентов, какие рекламные каналы работ...

2017-03-01