Юзабилити-аудит своими силами: на что смотреть

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

С чего начать: цели и сценарии

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

• Запишите две-три главные цели сайта: заявка, звонок, покупка, подписка, запись на приём.
• Опишите три–пять типичных посетителей и их задачи. Например: «Новый клиент хочет узнать стоимость», «Постоянный клиент ищет, как продлить договор», «Соискатель смотрит вакансии».
• Для каждой задачи определите, какой путь по сайту считается правильным и где он должен заканчиваться.

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

Данные: что говорит аналитика

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

Что посмотреть в «Яндекс Метрике»

• Страницы входа с высоким процентом отказов. Если посадочная страница рекламы теряет большинство посетителей за первые секунды — это главный кандидат на разбор.
• Разница между устройствами. Если конверсия на телефонах в разы ниже, чем на компьютерах, проблема почти наверняка в мобильной версии.
• Карта кликов и карта скроллинга на ключевых страницах: дочитывают ли до важных блоков, нажимают ли на некликабельные элементы.
• Аналитика форм: на каком поле чаще всего бросают заполнение.
• Поиск по сайту: что ищут посетители. Частые запросы о том, что уже есть на сайте, означают, что это сложно найти через меню.
• Записи сессий в «Вебвизоре»: выберите десять–двадцать визитов без достижения цели и посмотрите их целиком.

Первое впечатление: тест пяти секунд

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

1. Покажите главную или посадочную страницу человеку, который не знаком с вашим бизнесом, на пять секунд.
2. Закройте и спросите: чем занимается эта компания? Что здесь можно сделать? Для кого это?
3. Повторите с тремя–пятью людьми.

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

Чек-лист: на что смотреть на страницах

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

Навигация и структура

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

Контент и тексты

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

Призывы к действию

• Есть ли на каждой ключевой странице понятное следующее действие?
• Не спорят ли за внимание несколько кнопок одинакового веса?
• Отличаются ли кнопки от обычного текста и картинок?
• Видны ли контакты без прокрутки до подвала?

Мобильная версия и скорость

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

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

Как привлечь «настоящих» пользователей без бюджета

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

• Позовите трёх–пяти человек, которые похожи на ваших клиентов, но не работали с сайтом: знакомых, новых сотрудников из других отделов.
• Дайте каждому конкретную задачу: «Узнайте, сколько будет стоить доставка дивана в Пушкин», «Запишитесь на консультацию на четверг».
• Попросите думать вслух и не помогайте, даже если очень хочется.
• Записывайте, где человек задумался, что искал, что сказал. Можно записать экран с разрешения участника.
• Не спрашивайте «Вам нравится?» — спрашивайте, что было непонятно и что человек ожидал увидеть.

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

Как оформить результаты

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

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

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

Вывод

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