Экспресс-аудит посадочной страницы клиники ТОП АССУТА

Экспресс-аудит сайта №417

Дата аудита: август 2016 года

Объем отчета: 11 страниц 

 

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

 

Общая компоновка страницы

В данный момент сайт представляет собой одностраничник, использующий в своем дизайне концепцию «landing page».

Рассмотрим отображение элементов сайта при разных разрешениях экрана.

В данный момент сайт соотношение просмотров с компьютеров и мобильных устройств распределено следующим образом:

Статистика по устройствам просмотра

Анализ статистики просмотра

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

Основные размеры экрана пользователей распределены следующим образом:

Размеры экранов пользователей

Анализ статистики сайта

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

Рассмотрим корректность работы страниц и особенности компоновки страницы при различных разрешениях экрана.

Не согласована высота верхнего и нижнего отступа:

Разные отступы

Аналогичная ситуация наблюдается для большинства блоков сайта. Это продемонстрировано на полном скриншоте страницы по ссылке https://yadi.sk/i/uOWoJQm9u6t6r.

Не согласовано взаимное расположение верхних границ кнопок:

Ошибки в компоновке страницы

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

Ошибки в макете страницы

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

Фотографии плохого качества

При уменьшении ширины окна браузера наблюдается большое количество ошибок в работе элементов страницы.

Неверное использование строчных и заглавных букв в навигационном меню:

Ошибки в текстах сайта

Обрезается содержание текстового блока:

Ошибки в текстовых блоках

Кнопки пересекаются с текстом:

Кнопки пересекаются с текстом

Разная высота кнопок:

Разная высота кнопок

Текст обрезан. Кнопки пересекаются с текстовыми блоками.

Текст обрезан

Не согласовано взаимное расположение элементов:

Ошибки в макете сайта

Нет отступа между кнопкой, границами формы и фонового изображения:

Заголовок формы обрезан:

Ошибки в выводе заголовков

Текст обрезан по нижней границе. Это продемонстрировано на видео по ссылке https://yadi.sk/i/nHEyhYWeu8EBs

Текст обрезан

Не согласована высота отступов между структурными элементами страницы. Это показано на полном скриншоте по ссылке https://yadi.sk/i/79JNOGrbu8F2R

При дальнейшем уменьшении окна браузера также наблюдается ряд ошибок в работе элементов страницы.

Верхний блок с информацией о ключевых преимуществах клиники и формой заказа бесплатного звонка не выводится. Это продемонстрировано на видео по ссылке https://yadi.sk/i/Iw5eQsF9u8FYK

Ширина кнопок не согласована. Между ними нет отступа.

Ошибки в оформлении кнопок

Нет отступа между кнопкой и фото. Непонятно, к какому врачу относится кнопка.

Нет отступа

Слишком большой отступ

Непонятно, к какому видео – верхнему или нижнему – относится кнопка:

Ошибки в юзабилити страницы

Непонятно, к какой специализации относится кнопка:

Нет визуальной связи элементов

Непонятно, какая стоимость относится к направлению лечения:

Нет связи элементов

Нет отступа между кнопкой отправки заявки и полями формы:

Нет отступа

Используются разные вертикальные отступы между блоками страницы. Это отрицательно сказывается на юзабилити и внешнем виде сайта. Полный скриншот можно увидеть по ссылке https://yadi.sk/i/b7bkkk2qu8evp

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

В данном блоке пространство используется неэффективно.

Ошибки в компоновке страниц

Доступность контактной информации.

Сайт должен иметь максимально большое количество каналов бесплатной коммуникации между пользователем и администратором сайта.

Одним из основных из них является телефон.

К сожалению, в данный момент номер телефона виден в верхней части экрана при загрузке страницы. После прокрутки контента он не виден. Это крайне отрицательно сказывается на юзабилити и конверсии. Демонстрацию видео можно увидеть по ссылке https://yadi.sk/d/q7hpOqAMu8hLm

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

Анализ регонов посетителей сайта

Анализ статистики сайта

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

В блоке «Как нас найти» представлена только карта с адресом клиники. Информация о компании и ее контакты отсутствуют. Это продемонстрировано на видео по ссылке https://yadi.sk/i/CTreXni9u8in4

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

Нет возможности связи с помощью современных мессенджеров. Например, Skype, Viber и т.д.

Формы сайта

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

Ошибки в юзабилити формы заявки на лечение

Рекомендуем выводить форму через 20-30 секунд после открытия страницы и предварительного ознакомления посетителя с ключевой информацией.

Непонятно, что обозначают звездочки рядом с названием полей сайта.

Ошибки в юзабилити формы заявки на лечение

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

В форме нет проверки правильности ввода данных. После отправки формы открывается страница подтверждения дизайн которой не доработан. Также на странице подтверждения снова открывается форма отправки заявки. Это показано на видео по ссылке https://yadi.sk/i/uVl-OhGvu8qiq

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

Не указано, какие поля являются обязательными для заполнения. Об этом можно узнать только после попытки отправки формы. Видео показано по ссылке https://yadi.sk/i/YPTrvsNcu8s7Q

Не указаны обязательные поля формы

Аналогичные проблемы наблюдаются и в формах отправки заявки на лечение и льготах. Это показано на видео по ссылке https://yadi.sk/i/-l-owweBu8snf

Такие же проблемы выявлены в форме для благотворительной программы: https://yadi.sk/i/wcKIrP87u8tUe

Общие итоги и выводы

Учитывая, что сайт построен по принципу landing page в данный момент необходимо обеспечить максимальную конверсию сайта.

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

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

С радостью отвечу на вопросы по результатам аудита в скайпе, через email либо по телефону.

Get new case studies by email:

More Case Studies

See all