Аудит сайта по продаже участков и домов в Подмосковье

Аудит юзабилити №527

Дата аудита: июль 2018 года

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

 

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

Вводная информация

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

Перед просмотром дополнительных материалов их желательно скачивать на компьютер.

Также по всем выявленным проблемам даны рекомендации по их устранению.

Красным текстом и красными маркерами выделены обнаруженные ошибки и важная информация.

Навигация по сайту

Качественная навигация по сайту является основой для построения эффективного юзабилити сайта.

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

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

Рассмотрим, насколько качественно проработаны меню и навигационные элементы в данный момент на сайте.

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

https://youtu.be/2_zB-pfRF7Q
https://youtu.be/ae2YSa2T_pA
https://youtu.be/Lkh2_xMmTZU
https://youtu.be/wT8iP0W41-8
https://youtu.be/VIYVBbbVPgI
https://youtu.be/s0FGTuE4qnU

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

Некоторые ссылки не реагируют на наведение курсора. Их скриншоты и видео с демонстрацией работы приведены в таблице ниже.

https://youtu.be/xC0B3ro469g
https://youtu.be/1yGYcmAxl5U 
https://youtu.be/BCnaUKycQJ0
https://youtu.be/ergthEmc9xk
https://youtu.be/wfDM6s4gM5E

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

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

В данный момент эти требования, к сожалению, не выполняются.

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

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

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

Рекомендуем пересмотреть очередность ссылок в главном меню и расположить их в таком порядке:

  1. Главная
  2. Участки
  3. Спецпредложения
  4. Услуги
  5. О компании
  6. Для клиентов
  7. Землевладельцам
  8. Новости
  9. Статьи
  10. Контакты

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

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

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

Скриншот: https://yadi.sk/i/QFDQp3D63ZhoS8

Рекомендуем добавить дублирующее меню в нижнюю часть сайта.

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

Рекомендуем обеспечить корректный вывод главного меню при любой ширине окна.

Поиск по сайту

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

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

К сожалению, в данный момент возможность поиска по сайту полностью отсутствует.

Рекомендуем добавить на страницы сайта модуль поиска со всем необходимым функционалом.

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

Далее рассмотрим вопросы общей компоновки макетов страниц сайта.

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

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

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

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

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

Адрес компании выполнен в виде обычного статичного текста. Более оптимальным, будет сделать его ссылкой на интерактивную карту со схемой проезда к офису, которая есть на странице https://oblzem.com/contact.

При изменении ширины окна браузера текст с адресом разрывается на две строки. Дизайн выглядит неаккуратно.

Аналогичная проблема с некорректным поведением элементов при изменении ширины окна браузера наблюдается и в блоке с номерами телефонов.

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

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

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

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

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

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

Для примера по ссылке https://yadi.sk/i/yHY7yHQY3Zi3dZ приведен скриншот страницы https://oblzem.com/zemlevladeltsam.

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

Скриншот: https://yadi.sk/i/kf_ELuRv3Zi7By

Это подтверждается и данными карты кликов – количество нажатий по ссылкам в боковом меню минимально.

Скриншот: https://yadi.sk/i/qB9dfCc63Zi7xk

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

Для анонсов новостей используется слишком маленький шрифт.

Рекомендуем увеличить размер шрифта до 12-13 пикселей.

Главная страница

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

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

Макет страницы рассчитан на вывод трех участков в ряд. Сейчас во втором ряду выводится только 2 участка, остается пустая зона и создается впечатление, что компания предлагает всего 5 вариантов участков.

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

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

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

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

Скриншот: https://yadi.sk/i/KqOiqyei3ZkUj3

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

Скриншот: https://yadi.sk/i/KqOiqyei3ZkUj3

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

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

Рекомендуем согласовать взаимное расположение текстовых элементов.

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

Ниже рассмотрены основные их них.

Нет интерактивной карты с расположением объектов и участков.

https://rodzem.ru

http://www.svoya-zemlya.ru

https://gbip.ru

http://zemuprava.ru

Нет модуля подбора предложений по параметрам (расположение, цена, площадь участка и т.д.).

https://rodzem.ru

https://gbip.ru

Нет модуля поиска для быстрого перехода к нужной информации.

http://www.svoya-zemlya.ru

http://zemuprava.ru

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

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

Баннер становится очень маленьким.

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

Вертикальный отступ избыточной высоты.

Не выводится блок с ключевыми преимуществами компании.

В целом, корректная работа адаптивной верстки главной страницы не обеспечена.

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

Каталог участков

Адрес страницы: https://oblzem.com/uchastki-v-raionah.

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

С его помощью пользователь должен выбрать наиболее подходящее предложение в первую очередь по цене.

Сейчас это сделать практически невозможно, т.к. для одних участков указана цена за 1 сотку, для других – за 7, 8, 10, 14 соток. Это сильно усложняет оценку и сравнение стоимости участков.

На сайтах конкурентов, как правило, цены приведены к единому виду (за сотку).

https://rodzem.ru/zemelnie-uchastki/

http://www.svoya-zemlya.ru/

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

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

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

https://rodzem.ru/

Рекомендуем добавить модуль сортировки на все страницы каталога участков.

Далее выводится текст с описанием особенностей предлагаемых участков.

Необходимо отметить, что в тексте упоминается поселок «Русский лес», информацию о котором на страницах сайта найти не удалось.

В тексте содержится призыв пользователя к действию.

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

Рекомендуем на всех страницах выводить контактную информацию и форму заказа обратного звонка.

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

Скриншот: https://yadi.sk/i/tKkUwAnK3ZkwTq

Просмотр выбранного участка

Адрес типовой страницы: https://oblzem.com/ramenskij-rajon/malyshevo-6.

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

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

Карта скроллинга: https://yadi.sk/i/aKTSbN0P3Zky4t

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

Важный блок с интерактивными картами и схемой проезда расположен в самом низу страницы.

Скриншот: https://yadi.sk/i/YHgSrB733Zkz57

Неверно отображается карта при выборе проезда по Егорьевскому шоссе.

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

Данный элемент не реагирует на наведение курсора.

Рекомендуем сделать ссылку интерактивной и менять ее оформление при наведении курсора.

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

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

При вводе некорректных данных и нажатии кнопки «Перезвонить» никаких информационных сообщений не выводится. Непонятно, отправлена заявка или нет.

Аналогичная ситуация наблюдается и при вводе правильных данных реального клиента.

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

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

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

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

На странице есть модуль для просмотра генплана поселка.

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

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

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

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

Пересекаются текстовые блоки с заголовками

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

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

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

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

На странице отсутствуют такие важные элементы, как:

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

Рекомендуем расширить функциональные возможности страницы детального просмотра участка.

Спецпредложения

Адрес страницы: https://oblzem.com/spetspredlozheniya.

В верхней части страницы расположено три статичных баннера.

Такое решение не привлекает внимание пользователей. Клики по ним практически отсутствуют.

Баннеры имеют разную высоту, и дизайн выглядит неаккуратно.

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

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

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

Рекомендуем выводить информацию о спецпредложениях в виде баннеров.

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

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

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

Скриншот: https://yadi.sk/i/9EgputBb3ZnXDe

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

Рекомендуем добавить ссылки на предыдущую и следующую страницу спецпредложений.

Контакты

Адрес страницы: https://oblzem.com/contact.

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

Рекомендуем придерживаться единого формата телефонного номера на всех страницах сайта.

Общепринятым стандартом является использование email адресов, привязанных к доменному имени сайта. В данном случае – домену oblzem.com.

Непонятно, почему для приема коммунальных платежей и документов используется email вида yk9166315541@yandex.ru, не привязанный к домену.

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

Рекомендуем убрать данный блок со страницы «Контакты».

Одновременно используется три варианта написания времени работы компании (разный формат, разные разделители).

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

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

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

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

Аналогичная проблема наблюдается и после успешной отправки сообщения.

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

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

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

В данный момент сайт содержит ряд существенных недоработок, которые крайне негативно сказываются на юзабилити и конверсии:

  1. основное количество трафика идет из рекламы. На втором месте – переходы из поисковых систем. Рекламный трафик имеет худшие показатели по отказам, глубине и времени просмотра страниц;
  2. единственным источником рекламного трафика является Яндекс.Директ. Google Adwords и другие системы контекстной рекламы в данный момент не используются;
  3. заметен рост показателя отказов при просмотре сайта с мобильных устройств;
  4. допущен ряд ошибок в юзабилити навигационных меню и ссылок;
  5. полностью отсутствует возможность поиска по сайту;
  6. из-за большого количества контента в левой боковой колонке увеличивается общая высота макета страницы. В результате, остаются пустые зоны в центральной части страницы, и дизайн выглядит неаккуратно;
  7. главная страница имеет достаточно ограниченный набор базового функционала, который не обеспечивает быстрого просмотра, подбора или поиска предложений и участков. На большинстве сайтов-конкурентов такие модули присутствуют;
  8. цены за участки не приведены к единому виду, что усложняет их сравнение и выбор наиболее подходящего варианта;
  9. в каталоге участков нет возможности подбора предложений по параметрам, а также сортировке каталога по цене или удаленности;
  10. допущены ошибки в юзабилити формы заказа обратного звонка и оформления участка в кредит;
  11. на страницах сайта одновременно используется несколько разных форматов написания одного и того же телефонного номера и графика работы компании;
  12. не обеспечена полная адаптивность верстки страниц. Из-за этого некоторые элементы интерфейса отображаются с ошибками при изменении ширины окна браузера;
  13. выявлен ряд недоработок во внутренней оптимизации сайта для поисковых систем. Это отрицательно сказывается на позициях сайта и количестве посетителей из поиска Яндекса и Google;
  14. в целом, дизайн и функционал сайта выглядит устаревшим, содержит только базовый набор модулей и проигрывает основным конкурентам.

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

Полезные ссылки и ресурсы

REGRU-logo-color-3 Крупнейший регистратор доменных имен REG.RU

Регистрация и продление доменных имен в любых зонах.

https://cp.beget.com/promo_data/static/static100x100_6.png Ведущий хостинг-провайдер BEGET.RU

Хостинг, аренда серверов, регистрация доменов.

Сервис тестирования юзабилити реальными пользователями

Отбор и анкетирование целевой аудитории сайта.

Сервис мониторинга, анализа и оценки эффективности поискового продвижения.

Съем и отслеживание позиций сайта, работа с семантическим ядром.

Сервис копирайтинга и рерайтинга текстов. Заказ текстов для сайта любой сложности.

Покупка готовых текстов и заказ уникальных статей на нужную тему.

SeoPult Сервис автоматизации продвижения сайта и рекламы в интернете.

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

300x60_1 26 000 готовых премиум-шаблонов для сайтов

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

Крупнейшая фриланс-биржа

Сервис удаленной работы.

Получать новые кейсы на email:

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

Смотреть все