Все посты
5616 17 Знания

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

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

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

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

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

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

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

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

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

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

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

В статье:

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

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

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

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

В статье:

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

Как настроить регистрацию на сайте через соцсети

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

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

В статье:

  • Чем так хороши соцсети для регистрации
  • Требования к сайту по защите личных данных
  • Как добавить регистрацию через профиль в соцсети на сайт

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

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

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

В статье:

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

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

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

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

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

В статье:

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

Как улучшить коммерческие факторы сайта и повысить доверие к компании + чек-лист

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

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

В статье:

  • Зачем работать над доверием пользователя
  • Какие коммерческие факторы важны на сайте + чек-лист в таблице
    • Бизнес-информация
    • Покупка: каталог, карточка товара, перечень услуг
    • Технические характеристики
  • Как проверить репутацию сайта

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

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

Как сдвиги макета страницы мешают пользователям и что с этим делать

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

Стабильность сайта измеряют совокупным количественным показателем Cumulative Layout Shift или CLS. Он помогает оценить, как часто пользователи сталкиваются с внезапными сдвигами. Чем показатель меньше, тем лучше. В материале разбираем, какие инструменты помогут его определить, в чем причина неожиданных сдвигов и что делать, чтобы от них избавиться.

В статье:

  • Причины внезапных сдвигов на странице
  • CLS — показатель визуальной стабильности сайта
  • Как измерить CLS
  • Не все сдвиги макета — это плохо
  • Что делать, чтобы улучшить CLS и избавиться от внезапных сдвигов

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

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

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

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

В статье:

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

24 когнитивных искажения: как повысить конверсию сайта с помощью психологии

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

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

В статье:

  • Фильтрация информации
  • Смысл и значимость элементов

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

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

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

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

В статье:

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

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

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

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

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

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

5 принципов современного дизайна сайта: как сочетать минимализм, пользу и красоту

«Не держите дома вещей, о которых вы не можете сказать, что они полезны или красивы»,
— Уильям Моррис, дизайнер и автор книги «Эмоциональный дизайн».

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

В статье:

  • В чем суть минималистичного дизайна
  • 5 принципов полезного UX-дизайна в минимализме
  • Красота в глазах смотрящего

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

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

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

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

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

    В статье:

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

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

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

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

    В статье:

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

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

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

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

    В статье:

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

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


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

    Теги поста или какие разделы почитать еще:

    Комментарии (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   31.03.2020 15:50
    Самый лучший лайфхак- подсмотри у конкурентов и сделай еще лучше, все уже придумано и продумано!
    К данной записи нельзя добавлять комментарии, т.к. она очень старая.
    9 бесплатных инструментов для тестирования юзабилити сайта на русском
    Факторы ранжирования Google в 2021: Core Web Vitals, E-A-T и AMP — что важнее?
    Переупаковка контента: как выжать максимум из каждой статьи, поста и видео