Юзабилити usability аудит сайта: подробное руководство с примерами

Юзабилити сайта — это показатель того, насколько сайт удобен и прост в использовании.

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

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

Что такое юзабилити-аудит сайта?

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

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

Цели и задачи проведения аудита юзабилити

Существует несколько основных целей и задач, которые преследует юзабилити аудит:

1. Поиск ошибок, багов и недоработок. Есть просто масса элементов интерфейса, которые, если будут работать не так, как требуется, сильно ухудшат пользовательский опыт. Например, Email-адрес некликабельный, а номер телефона неактивен. Это создает лишние неудобства для пользователя, и из-за подобных багов или недоработок он может уйти к конкурентам.
2. Обнаружение причин оттока трафика. Плохое юзабилити вполне может стать причиной стремительного оттока пользователей. Особенно если им доступны альтернативы с более дружественным и удобным интерфейсом. Поэтому если после глобального редизайна вы вдруг заметили, что трафик резко просел, вполне возможно, что проблема кроется именно в юзабилити.
3. Анализ и улучшение контента на сайте. Аудит помогает определить, насколько понятно и удобно представлен контент на сайте, и предложить меры для его улучшения. Нередко бывает так, что сам контент довольно качественный, но из-за плохого дизайна пользователю просто неудобно его воспринимать и взаимодействовать. Например, использованы плохо читабельные шрифты или они теряются на слишком пестром фоне. Usability audit помогает это обнаружить и исправить.
4. Оптимизация интерфейса. Аудит позволяет выявить проблемы на сайте, которые могут отталкивать пользователей, снижая в итоге конверсию сайта, и предложить меры для их решения. Вы наверняка сталкивались с сайтами, имеющими недружественный к пользователю интерфейс. Согласитесь, что такие сайты обычно хочется поскорее закрыть и не возвращаться. 
5. Повышение конкурентоспособности сайта. Между двумя коммерческими сайтами, которые предлагают идентичный товар или услугу, пользователь наверняка выберет тот, которым банально проще и удобнее пользоваться, который не усложняет задачу, а помогает решить ее. Работа над юзабилити сайта — это важная составляющая повышения конкурентоспособности веб-ресурса и бизнеса в целом.

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

Кому и в каких случаях нужен аудит юзабилити сайта

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

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

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

Разновидности аудита юзабилити сайта

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

1. Экспертная проверка. Процедура аудита проводится экспертом или группой экспертов, которые хорошо ориентируются в теме, могут дать экспертную оценку и рекомендации.
2. Пользовательское тестирование. Это тип аудита удобства использования, при котором набираются реальные пользователи для тестирования сайта и предоставления отзывов о своем опыте. Это можно сделать с помощью очного или удаленного тестирования, а также модерируемого или немодерируемого тестирования.
3. Обзор аналитики. В данном случае изучаются аналитические данные сайта для выявления его областей, которые могут вызвать определенные трудности взаимодействия у пользователей.
4. Обзор контента. Подвид аудита юзабилити, сконцентрированный в первую очередь на контенте — его актуальности, лаконичности и визуальной привлекательности оформления.
5. Проверка доступности. Эта разновидность аудита ориентирована на удобство использования как для обычных пользователей, так и посетителей с ограниченными возможностями. Сайт должен быть доступным для всех!

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

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

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

Технические аспекты

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

• валидность кода HTML, CSS и JavaScript;
• скорость загрузки страниц сайта;
• ответы сервера и наличие ошибок;
• качество мобильной версии сайта;
• наличие действующего SSL-сертификата.

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

Содержание

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

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

Над качеством контента и его оформления нужно работать особенно тщательно. И в будущем, вероятно, придется еще не раз его совершенствовать.

Навигация

Удобная и интуитивная навигация сайта состоит из множества элементов:

• «хлебные крошки»;
• человекопонятные (читабельные) URL;
• отсутствие битых и некорректных ссылок;
• наличие функции поиска на сайте;
• отсутствие слишком большого количества пунктов меню.

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

Дизайн

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

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

Часто причина низкой конверсии как раз таки и скрывается за непроработанным дизайном. Плюс не забывайте, что тренды веб-дизайна постоянно меняются. А значит, вам еще предстоит неоднократно менять стилистику сайта.

Элементы, влияющие на конверсию

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

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

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

Идентификация компании и контактная информация

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

• логотип и фавикон;
• кликабельный номер телефона;
• ссылки на соцсети;
• страница «О компании»;
• разделы с отзывами и FAQ.

Шаги для проведения аудита юзабилити на сайте (чек-лист)

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

Определение целей

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

Выбор инструментов для анализа

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

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

Анализ целевой аудитории

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

Изучение конкурентов

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

Определение и фиксация проблем

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

Приоритезация задач

Рекомендуем устранять ошибки и выполнять доработки на сайте не в случайном порядке, а распределить задачи по приоритетности. Сначала — наиболее серьезные и значимые, а далее — менее существенные. Таким образом вы сможете гораздо быстрее сделать юзабилити сайта на порядок качественнее и удобнее, а все «мелочи» оставите на будущее, когда разберетесь со всем остальным.

Повторный аудит юзабилити

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

Дополнительные сервисы для проверки юзабилити сайта

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

1. Maze

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

2. Five Second Test

Это довольно интересный сервис, с помощью которого можно выполнить экспресс-оценку юзабилити сайта, основываясь на 5-секундном впечатлении о его дизайне. Суть в том, что оценивают сайт живые пользователи, у которых есть всего пять секунд, чтобы сформировать свое мнение и затем ответить на ряд вопросов: «Какова цель страницы?», «Какие основные элементы вы запомнили?», «Как вы думаете, кто является целевой аудиторией сайта?» и так далее. Вы, естественно, можете собрать группу людей и провести аналогичный тест самостоятельно, но Five Second Test упрощает эту задачу.

3. WordPress плагины

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

4. Оценка скорости загрузки страниц

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

Проверить скорость загрузки можно при помощи сервиса Google PageSpeed Insights, который не только предоставит вам соответствующую информацию, но и даст полезные рекомендации, как можно ускорить загрузку.

Выводы

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

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

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