Usability анализ, UX/UI-исследование сайта KUSTOV.ru

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

Кейс по USABILITY-аудиту сайта

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

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

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

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

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

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

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

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

Визуальная часть и архитектура ресурса

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

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

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

Каким характеристикам должна отвечать картинка:

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

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

Подача заявки реализована во всплывающем окне. Это, несомненно, удобно. Однако, сам вид формы рекомендуется скорректировать:

Упростить форму, оставив лишь основные поля – например, ФИО, номер телефона и сообщение
  • Заголовок формы – это CTA, который сделали раньше. Задайте себе вопрос: что я предлагаю посетителю? Ответьте на него и пишите в заголовок формы.
  • Подзаголовок формы – это подтверждение выгоды. Почему важно заполнить форму прямо сейчас? Что ценного получит пользователь? Подзаголовок не является обязательным элементом, если все уложилось в заголовок. Лишнее убирайте.
  • Поля – это данные которые критически необходимы для связи с потенциальным клиентом. Помните: чем больше полей, тем ниже конверсия. Лучше 1 поле, оптимально сделать 2 поля – e-mail или телефон + имя (как обращаться).
  • Поля контактов (телефон/e-mail/skype/профиль в социальных сетях) Что-то одно может быть обязательным к заполнению. Остальные поля должны быть не обязательными.
  • Кнопка – призыв к действию. Она покажет, что получит пользователь, если нажмет на нее, что произойдет после нажатия.
  • Подпись – последний шанс развеять сомнения пользователя. Что здесь стоит указать? Социальное доказательство (более 3000 подписчиков), сроки (перезвоним через 5 минут), выгоды (бесплатно), важные детали (14 дней бесплатный период).
Сделать форму более легкой и читабельной (проработать отступы, типографику). Дать подсказки рядом с полями для удобства заполнения.

Добавить маску. В строке телефон добавить в начале +7, чтобы пользователь не путался с набором, а у вас была единообразная база номеров.

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

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

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

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

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

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

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

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


По итогам проведенного анализа можно кратко выделить следующий список первичных правок ресурса:

Визуальные и маркетинговые правки - улучшение usability ресурса для повышения лояльности аудитории и уровня конверсии, в т.ч. под адаптивные версии:

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

Функциональные правки o добавить чат-бот/онлайн-консультант

  • добавить “хлебные крошки“
  • добавить тематические разделы (О себе и услуги, Методы и др)
  • проработать существующие тематические разделы
  • добавить сервис поиска
  • добавить сервис взаимодействия с соцмедиа
  • добавить топ частых вопросов, страницы политики конфиденциальности и Пользовательское соглашение
  • удалить иконку Facebook с сайта (статья 20.3 КоАП РФ).
  • проработать основные и дополнительные элементы
  • установка кодов статистики

Контентные правки. Проработать контентное наполнение тексты с учетом seo, в т.ч. в англоязычной версии


Проработка англоязычной версии


Технические правки и оптимизация ресурса:

  • Ssl сертификат
  • Обновление CMS системы и плагинов до текущего уровня
  • Исправление ошибок
  • Адаптация под современные браузеры
  • Тестирование и проверка ресурса

Реклама и продвижение ресурса

Результаты

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

Рекомендации основаны не только на стандартах usability, но и на личном опыте наших специалистов.


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

Понравился проект? Мы с радость проконсультируем вас по всем вопросам разработки и дизайна. Всегда рады новым клиентам.

Написать в Whatsapp