2124 Знания

11 статей о структуре и юзабилити: улучшить поведенческие факторы и конверсию

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

Мы в PR-CY написали несколько материалов о том, как оформлять страницы сайта, внедрять принципы юзабилити и оценивать, насколько сайт удобен для пользователей. Это помогает повышать конверсию и улучшать поведенческие факторы, которые влияют на позиции в выдаче поисковиков.

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

Как оформить разделы сайта

Материалы о структуре страниц и выборе контента для разных разделов.

Как сделать раздел «О нас» на сайте [Исследование]

Веб-мастеры часто недооценивают раздел «О нас», считают бесполезным и оформляют его как страницу с полотном текста про молодую и быстро развивающуюся компанию.

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

Компания специалистов в области юзабилити и UX/UI-дизайна Nielsen Norman Group изучила страницы раздела «О нас» на сайтах и опросила пользователей, чтобы узнать, что им важно на презентационных страницах, что нравилось, а что раздражало.

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

В статье:

  • Кто и зачем читает раздел «О компании»
  • Как проводили исследование
  • Как сделать страницу «О нас» и написать продающий текст «О компании»
  • Что еще влияет на мнение потребителей о компании

Как оформить страницу «Контакты» на сайте

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

Кажется, что страницу с контактами сделать элементарно, но и у нее есть свои особенности. Рекомендации составила компания Nielsen Norman Group, которая провела исследование поведения пользователей. Они изучили, как пользователи находят страницы, как с ними взаимодействую и что ожидают.

В статье:

  • Исследование: как контакты влияют на SEO
  • Какие элементы должны быть на странице с контактами
  • Где разместить страницу «Контакты» на сайте

Повышаем юзабилити: звонок в компанию по клику с сайта

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

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

В статье:

  • Как обычно оформляют телефон
  • Как посмотреть карту кликов сайта
  • Что сделать с номером телефона
    • Для мобильной версии
    • Для десктопа
  • Как поставить форму «Заказать звонок

Как сделать футер на сайте полезным для SEO и юзабилити

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

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

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

В статье:

  • Зачем нужен футер: пользовательские сценарии
  • Элементы подвала на сайте
  • Варианты отображения подвала страницы
  • Частые проблемы с футером



Чек лист: как повысить доверие пользователей сайта

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

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

В статье:

  • Доверие пользователя к ресурсу
  • Как повысить доверие к сайту
  • Как проверить репутацию сайта

Как сделать дизайн удобным и конверсионным

Несколько материалов о связи дизайна и психологии с конверсией на сайте.

Юзабилити и психология: почему ваши клиенты не замечают изменений на сайте

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

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

В статье есть классные примеры с экспериментом про невидимую гориллу и фильмом Хичкока :).

В статье:

  • Почему пользователи не видят обновлений
  • Научные эксперименты и исследования
  • Причины избирательного внимания
  • Слепота невнимания в интерфейсах
  • Как привлечь внимание к изменениям на сайте

Правило трех кликов — миф?

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

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

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

В статье:

  • «Правило трех кликов»: значение и история
  • Как «правило трех кликов» вредит сайту
  • Где важно количество кликов
  • Что делать вместо подсчета кликов

5 правил для скидок и акций: как повысить конверсию в интернет-магазинах

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

На основе исследования специалистов Nielsen Norman Group» составили статью с разбором, как пользователи взаимодействуют с сайтами, на которых есть акция или можно применить промокод.

Исследователи вывели пять ключевых правил оформления скидок и акций на сайте:

  • Внедрите автоматическое применение купона
  • Стимулирующую скидку предложите сразу
  • Остальные в статье с подробностями и скриншотами.

Как провести аудит юзабилити сайта

Статьи о том, как проверить, насколько сайт удобен для пользователей.

5 бесплатных инструментов для самостоятельного юзабилити-тестирования сайта

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

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

В статье:

  • Что можно тестировать
  • Инструменты

Самостоятельный аудит сайта: часть 3. Юзабилити-аудит

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

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

В статье:

  • Адаптация под мобильные устройства
  • Конверсионные элементы
  • Поля ввода данных
  • Поиск по сайту

Самостоятельный аудит сайта: часть 3. Юзабилити-аудит, продолжение

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

Анализируем, насколько ресурс удобен для пользователей, и как сделать его еще удобнее и понятнее.

В статье:

  • Контакты и обратная связь
  • Шрифты
  • Цвета
  • Расположение элементов страницы
  • Логотип и Favicon

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


Если вы хотите поделиться знаниями или опытом с пользователями PR-CY, давайте напишем партнерскую статью или кейс. Напишите Инне — i.samarina@pr-cy.ru, или Елене — e.zhmurina@pr-cy.ru.

Улучшение поведенческих факторов: как влиять на ранжирование сайта
Смешанный контент будет заблокирован в Google Chrome
Как оценить рыночную стоимость сайта
Комментарии (17)
Natalia88   26.03.2020 16:02
Вот прям в точку про страницу о нас!Приходят клиенты начинаешь анализировать сайт, что это за компания, скукота написана или вообще непонятно, что хотели написать
Elena_Zhmurina   26.03.2020 18:10
А ведь многим важны принципы компании, тем более это дополнительные плюсы к репутации и образу.
Kirill_Chekin   26.03.2020 16:09
Только пожалуйста не указывайте ссылки на соцсети которые не работают или их вообще нет у вас!
Elena_Zhmurina   26.03.2020 18:09
Согласна! Иногда ставят весь комплект иконок, а в итоге все, кроме одной, никуда не ведут :)
Я номер как-то хотел скопировать,стояла защита на копирование,психанул и начал искать другой сайт
Elena_Zhmurina   26.03.2020 18:11
Защита от копирования на номере телефона - это потрясающе :) Вручную перенабирать...
Я бы даже отметил правило одного клика,на столько требовательны стали покупатели,что если они задают более менее точный запрос,они должны сразу открыть нужную страницу,иначе они уходят
Elena_Zhmurina   26.03.2020 18:12
Это уже вопрос оптимизации, насколько страница хорошо оптимизирована под запросы и нет ли конкуренции между своими же страницами за один ключ.
Совет,не делайте рассылку каждый день вашим клиентам настоящим и будущим,это только отвергает
Elena_Zhmurina   26.03.2020 18:13
Это нам совет или в принципе? Мы, кажется, такую рассылку не делаем :)
marik haker   27.03.2020 16:32
Иногда очень много ярких баннеров с акциями и другой рекламой сбивают с толку
Гоша Ковалев   27.03.2020 16:39
Мне нравится когда я захожу на нужный сайт и снизу всплывает окно с чатом, особенно если специалист онлайн,то это прям сверх круто и успех, что куплю сейчас прям значительно увеличивается!
Анна Пиннас   27.03.2020 17:14
Ещё очень радует,когда весь процесс на сайте отлажен от оставления заявки до доставки товара!
Artem Fedotov   28.03.2020 17:13
Иногда на сайте даже поиска простого нет, без него не удобно же!
NatTi   28.03.2020 17:22
Подскажите, как заставить клиентов писать отзывы в гугл и Яндекс?
Kattyha   28.03.2020 17:31
Можно, например, клиентам отправлять запрос на оценку услуг и после перенаправлять на гугл или яндекс отзывы
Tiki Mi   6 дней назад в 15:50
Самый лучший лайфхак- подсмотри у конкурентов и сделай еще лучше, все уже придумано и продумано!

Чтобы оставлять комментарии, вам нужно войти в систему

Авторизоваться