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

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

Именно для этого проводят UX-аудит.

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

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

1. Понятно ли с первого взгляда, чем вы занимаетесь?

Это первое, что мы проверяем практически на каждом проекте.

Представьте, что вы открыли сайт незнакомой компании. Через 5–10 секунд вы должны понимать:

• что предлагает компания,
• кому подходит этот продукт или услуга,
• что делать дальше.

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

Частая ошибка

На первом экране размещают красивый слоган вместо понятного описания.
Например: «Создаем решения будущего».

Звучит эффектно, но непонятно, чем именно занимается компания.
Гораздо полезнее написать: «Разрабатываем интернет-магазины и корпоративные сайты для бизнеса». Пример с нашего сайта:

После такого заголовка вопросов у пользователя уже не возникает.

2. Попробуйте найти нужную информацию

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

Новый посетитель воспринимает сайт и ориентируется на нем иначе.

Попробуйте выполнить несколько простых задач:

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

Для наглядности вы можете даже засечь время.

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

Пример из жизни

На одном из сайтов кнопка «Каталог» была спрятана внутри выпадающего меню.

Для владельца сайта это выглядело логично — он знал, где нужно искать.

Во время тестирования несколько пользователей просто не нашли каталог и решили, что его вообще нет.

Примерно так может выглядеть плохой и хороший вариант расположения кнопки:

3. Видно ли, куда нажимать?

Часто на сайте кнопка есть. Но пользователь ее не замечает.

Несколько распространенных причин:

• она слишком маленькая,
• сливается с фоном,
• находится слишком далеко,
• выглядит как обычный текст.

Как проверить?

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

Примеры из практики

Очень часто встречаются кнопки с довольно расплывчатым текстом, например: «Подробнее». Но подробнее о чем?

Лучше использовать конкретное действие:

• Получить консультацию;
• Рассчитать стоимость;
• Скачать каталог;
• Оформить заявку.

4. Не слишком ли сложная форма?

Одна из самых частых причин потерянных заявок — длинные формы.

Иногда мы видим форму, где нужно заполнить:

• имя,
• фамилию,
• телефон,
• e-mail,
• компанию,
• должность,
• город,
• комментарий.

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

Что можно сделать?

Задайте себе простой вопрос:

Без какого поля действительно нельзя обработать заявку?

Чаще всего достаточно имени и телефона. Остальное можно уточнить уже во время общения.

5. Проверьте сайт с телефона

Мы нередко слышим: «У нас есть мобильная версия».

Но это еще не означает, что пользоваться ей удобно.

Попробуйте самостоятельно пройти весь путь пользователя именно со смартфона.

Например:

• открыть каталог,
• выбрать товар,
• оформить заказ,
• отправить форму.

Во время проверки обратите внимание:

1. удобно ли нажимать кнопки,
2. читается ли текст,
3. не закрывает ли меню весь экран,
4. не появляются ли горизонтальная прокрутка или «сломанная» верстка.

Из практики

Иногда кнопка «Оформить заказ» оказывается ниже длинного описания товара. На компьютере это почти незаметно.

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

6. Выглядит ли сайт надежным?

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

Станет ли такой сайт вызывать доверие?

Скорее всего, нет. Даже если компания работает много лет.

Что стоит проверить и, по возможности, добавить

Есть ли:

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

Все эти элементы помогают снять сомнения перед покупкой и повысить доверие клиента.

7. Не заставляет ли сайт ждать?

С увеличением темпа жизни в целом, пользователи становятся всё менее терпеливыми.

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

Поэтому обязательно проверьте:

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

Если сайт кажется медленным вам, посетителям он покажется еще медленнее.

8. Попробуйте стать своим клиентом

Это, пожалуй, самый полезный совет.

Представьте, что вы впервые попали на сайт. Поставьте перед собой простую задачу.

Например: «Хочу заказать кухню» или «Хочу записаться на консультацию».

Теперь попробуйте выполнить это действие. Не думайте как владелец бизнеса. Думайте как обычный человек.

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

Небольшое заключение

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

Даже крупные компании регулярно проводят UX-аудиты, тестируют новые решения и постепенно улучшают интерфейс.

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

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

Самостоятельный аудит — хорошее начало. Но его не всегда бывает достаточно.

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

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

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

Кроме UX-аудита и редизайна, в SLAM работает сильная команда SEO-специалистов. Они проводят технический и поисковый аудит сайта, устраняют ошибки, мешающие продвижению, и помогают вывести сайт на более высокие позиции в результатах поиска Google и Яндекса. Благодаря комплексной оптимизации сайт становится заметнее для потенциальных клиентов и получает больше органического трафика.

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