Юзабилити-аудит сайта как первый шаг к увеличению дохода

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

Есть три основные задачи, для решения которых служит UX-аудит:

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

От главной цели, которую вы преследуете, будет зависеть глубина аудита и его направленность. 

1. Юзабилити-аудит для выявления ошибок интерфейса

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

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

Когда полезен:

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

Этот вид UX-аудита включает этапы: 

1. Сбор требований

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

 

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

2. Поиск ошибок

Для этого специалисты изучают интерфейс сайта:

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

3. Формирование гипотез

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

4. Оформление отчета с рекомендациями

В отчете вы найдете:

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

Таким образом, на выходе у вас на руках подробное руководство к действию.

 

В среднем это 60-90 страниц с рекомендациями.

Далее вы сами решаете, внедрять рекомендации силами студии или самостоятельно. 

Примеры ошибок и рекомендаций из отчета

Пример №1

В ходе анализа качества контента интернет-магазина Mebelini была выявлена проблема высокой степени критичности — не информативная карточка товара.

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

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

Пример №2

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

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

В качестве удачного примера реализации — скриншот интернет-магазина Lamoda.

Кому подходит UX-аудит с целью выявления ошибок

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

2. Юзабилити-аудит сайта с целью улучшения KPI

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

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

В итоге такого аудита вы получаете несколько документов:

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

Таким образом у вас на руках — детальный план по увеличению дохода e-commerce проекта. 

Когда полезен:

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

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

Процесс состоит из таких этапов:

1. Сбор требований 

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

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

Анализ пути пользователей

2. Настройка аналитики сайта и других инструментов

Проверяются настройки Google Analytics и Google Tag Manager. Размечается воронка, которая в свою очередь разделяется на микро воронки. Настраиваются отчеты по вовлеченности аудитории, анализируются данные по страницам и разделам каталога, проводится корреляция совершенных действий к микро и макро конверсиям.  
Размечаются необходимые события на пути пользователя для передачи данных в Google Analytics.

Пример выстроенной воронки в Google Analytics

Отслеживаются конверсионные пути с помощью тепловых карт, карт скролла, вебвизора, exit intense popup, ux feedback и т.п.

Пример карты скролла

Пример высокой кликабельности блока с отзывами, которая видна благодаря тепловой карте

Вот так выглядят собранная обратная связь с помощью инструмента Hotjar

Потом собранные комментарии анализируются и разбиваются в зависимости от выявленных пользователями проблем.

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

3. Поиск ошибок и зон роста

В течении 2 недель собираются и отслеживаются данные аналитики.

 Анализируется полученные данные и интерфейс. 

4. Выдвижение гипотез

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

5. Формирование отчета

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

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

Пример приоритезированных гипотез с необходимыми доработками, показатели, на которые они ориентированы и сроки этапов работ.

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

Кому подходит такой юзабилити-аудит

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

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

3. Экспресс UX-аудит сайта

Кроме двух основных направлений UX-аудита, которые мы рассмотрели, существует ещё экспресс-аудит. Это быстрый анализ сайта UX-экспертом, чтобы определить, в каком состоянии юзабилити и какой вектор развития выбрать. 

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

Пример экспресс-аудита вы можете посмотреть здесь. 

Какой вариант аудита выбрать?

	Юзабилити-аудит для выявления ошибок	Юзабилити-аудит для улучшения KPI	Экспресс-аудит юзабилити сайта
Задача	Выявить ошибки интерфейса и получить рекомендации по улучшению юзабилити сайта	Определить зоны роста, сформулировать гипотезы для улучшения KPI и увеличения дохода	Оценить состояние юзабилити сайта, указать на явные ошибки и определить вектор работ по сайту
Кому подходит	Для любых сайтов с проблемами юзабилити или низкими показателями эффективности	Для крупных интернет-магазинов, которые приносят прибыль, но нуждаются в улучшении и развитии	Для любых сайтов, которые нуждаются в предварительной оценке состояния юзабилити
Затраты времени эксперта	30-40 часов	50-80 часов	6 часов
Время исполнения	1 неделя	3-4 недели	1 день
Степень погруженности	Средняя	Высокая	Низкая
Используемые инструменты и ресурсы	Google Analytics (остальные — по необходимости)	Google Analytics, Google Tag Manager, тепловые карты, карты скролла, сервисы по сбору обратной связи и пр.	Google Analytics (при наличии доступа)
Результат аудита	Отчет об ошибках с рекомендациями по их устранению (60-90 страниц)	План увеличения дохода в виде таблицы с приоритезацией гипотез и сопутствующие документы с результатами анализа	Консультация или небольшой отчет с 5 критическими ошибками интерфейса, рекомендациями и выводом эксперта

Нужна помощь при выборе UX-аудита? 

За 10 лет в проектировании интерфейсов мы накопили достаточно опыта и знаний, чтобы ответить на ваши вопросы по юзабилити и развитию e-commerce проектов.

Получить консультацию

• юзабилити сайта
• анализ юзабилити
• usability
• юзабилити аудит
• ошибки интерфейса

Підпишіться і будьте в курсі

новин UI / UX і e-commerce

Юзабилити 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 аудит — одна из важных составляющих коммерческого успеха сайта. Он помогает выявить элементы, которые могут быть слишком запутанными и сложными для пользователя, неудобными в навигации и недружественными к посетителю. А исправив эти элементы, вы сможете улучшить не только пользовательский опыт, но и конверсию.

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

FAQ

Что такое анализ юзабилити сайта?

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

Что входит в юзабилити аудит сайта?

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

Как анализировать юзабилити сайта?

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

Как сделать веб-аудит юзабилити?

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

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

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

Итак, как узнать, какие точки нужно обновить, перестроить или перепроектировать?

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

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

С точки зрения UX в этом анализе рассматриваются лучшие практики проектирования, соответствие удобству использования, функциональность, информационная архитектура и использование шаблонов.

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

6 основных пунктов аудита юзабилити

1.Домашняя страница

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

• Четко ли разъясняет сайт, что предлагает ваша компания или продукт и для кого он предназначен?
• Ясно ли ценностное предложение вашей компании?
• Стимулирует ли графика и архитектура страницы пользователей просматривать сайт?
• Существует ли баланс между плотностью содержимого и пустым пространством?
• Достаточно ли видны CTA, чтобы помочь вам привлечь потенциальных клиентов?

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

2. Ориентированность на действие

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

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

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

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

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

3. Навигация и информационная архитектура

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

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

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

Когда дело доходит до навигации, вы должны спросить себя:

• Все ли навигационные кнопки и вкладки согласованы?
• Существует ли очевидная связь между навигацией и страницей, которую в данный момент просматривает пользователь?
• Достаточно ли проста навигация, чтобы не запутать и не расстроить пользователя?
• Показаны только основные верхние элементы навигации?
• Может ли пользователь быстро определить, где находится навигация на мобильных устройствах?

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

4. Формы и ввод данных

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

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

• Проверьте свои веб-формы, чтобы убедиться, что поля четко обозначены.
• Предоставьте пользователям подсказки об ожидаемых входных значениях.
• Удалите все дополнительные поля, которые не являются жизненно важными для продажи.
• Четко выделить кнопки отправки или продолжения.
• Используйте поэтапные формы для сбора больших объемов данных, не перегружая пользователей.
• Сведите к минимуму отвлекающие факторы на странице, где находится форма.
• Если ваш веб-сайт не соответствует этим рекомендациям, вам может понадобиться помощь экспертов, чтобы улучшить удобство использования этих форм. С другой стороны, если вы используете CMS, такую ​​как WordPress, вы можете сами реализовать эти рекомендации и посмотреть, как вы можете увеличить конверсию.

5. Доверие и достоверность

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

Доверие также способствует лояльности клиентов и положительному отзыву.

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

• Содержимое не содержит ошибок?
• Использует ли сайт рекламу профессионально?
• Контент написан для людей или содержит большое количество ключевых слов?
• Есть ли отзывы клиентов или пользователей?
• Можем ли мы увидеть сертификаты или истории успеха?
• На веб-странице показаны реальные люди?

Создание контента для сайта — процесс трудоемкий, но крайне важный. Любой веб-сайт, ориентированный на бизнес-цели, должен содержать так называемые катализаторы конверсии. Это элементы, которые укрепляют доверие и укрепляют доверие.

6. Дизайн и визуализация страницы

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

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

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

Настоящий UX-аудит будет намного глубже, но рассмотрение этих 6 наиболее распространенных проблем поможет вам диагностировать самые насущные проблемы, которые вам необходимо исправить.

Представление результатов

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

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

• Релевантность : решает ли сайт или приложение болевую точку пользователя? Есть ли разрыв между ожиданиями и реальностью, когда пользователи сталкиваются с вашим продуктом?
• Ценностное предложение : является ли ценность для пользователя ясной и убедительной?
• Юзабилити : есть ли в интерфейсе вашего продукта точки двусмысленности или неопределенности, или клиенты интуитивно понимают, что делать?
• Действие : Являются ли призывы к действию заметными и релевантными и побуждают ли они пользователей к действию?

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

Выводы по веб-аудиту пользовательского опыта

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

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

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

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

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

Если вам понравилась эта статья, вы можете поделиться ею на LinkedIn , Facebook или Twitter , нажав на значки ниже. Уверен, у вас есть знакомые, которым он понравится так же, как и вам.

Подпишитесь на наш блог

Введите адрес электронной почты и получите приветственный набор с нашими лучшими товарами.

Как провести аудит удобства использования вашего веб-сайта для мобильных устройств | Джейсон ДеМерс

Опубликовано в

·

Чтение: 4 мин.

·

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

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

6 Возможные проблемы с мобильным юзабилити

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

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

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

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

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

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

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

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

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

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

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

Метод первый: Инструмент Google для тестирования мобильных устройств

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

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

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

Второй способ: доступ к отчету об удобстве использования мобильных устройств в Инструментах Google для веб-мастеров

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