13 приемов, как улучшить юзабилити сайта

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

1. Забываем о правиле трех кликов

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

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

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

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

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

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

2. F-паттерн

Исследование, проведенное Якобом Нильсеном, показало, что при беглом просмотре страницы взгляд человека движется по F-траектории. Давайте посмотрим на теплокарту:

К такому же  выводу пришли и агентства Eyetools, Did-It и Enquiro. В ходе испытания 50 респондентов просматривали результат поисковой выдачи Гугл. В итоге, теплокарта имела идентичную форму:

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

3. Проверьте скорость сайта

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

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

4. Адаптивность ресурса

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

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

5. «Линия сгиба» не играет роли

Как и правило трех кликов, линия сгиба не играет важную роль в удобстве пользования ресурсом. Это понятие родом из СМИ и до недавних пор использовалась в веб-дизайне. Суть проста: при просмотре длинных страниц, считалось, что человек скроллит до определенного этапа, а затем его интерес падать. Это и называется «линией сгиба».

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

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

6. Все важное располагаем в левой части страницы

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

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

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

7. Наличие пустого пространства тоже важно

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

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

Поэтому кнопки «Купить», «Обратный звонок» и так далее всегда находятся обособленно от текста. Также важны пробелы между карточками товаров и рекламными баннерами. Человеку нужно время, чтобы адаптироваться к информации, а уже затем изучать новые данные. А пустые поля, как раз и дают глазу «отдохнуть» и переключиться на новый визуальный элемент на странице.

8. Не компенсируйте неудобное меню наличием поиска

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

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

9. Домашняя страница теряет приоритет у пользователей

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

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

10. Уделяем внимание карточке товара

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

1.      Стоимость;

2.      Кнопку «Купить» или «Заказать»;

3.      Основные характеристики;

4.      Описание продукта.

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

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

11. Удобство формы заказа

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

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

 

12. Наличие интерактивных элементов на сайте

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

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

13. Обращайте внимание на мелочи

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

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

А если хотите прокачать свои знания в плане создания сайтов, то рекомендуем записаться на один из наших курсов. Следите за анонсами на сайте и присоединяйтесь к компании студентов!



Специалист по интернет-рекламе в Яндекс.Директ

Удаленная профессия копирайтер

Специалист по созданию сайтов

Заработок на Яндекс.Дзен

Интересна тема?
Регистрируйтесь на бесплатный курс прямо сейчас и узнайте всё сами из первых уст!
Яндекс Директ
Копирайтер
Создание сайтов
Яндекс.Дзен
Поделитесь с друзьями!
 
Share on vk
VK
Share on facebook
Facebook
Share on odnoklassniki
OK
Share on twitter
Twitter
Share on email
Email
Share on whatsapp
WhatsApp
Share on telegram
Telegram
Читайте также:
Узнай, какая удаленная высокооплачиваемая профессия тебе подходит? Узнать сейчас