Аудит сайта агентства недвижимости, Казахстан

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

Дата аудита: май 2015 года

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

 

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

 

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

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

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

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

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

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

Далее рассмотрим основные ошибки в дизайне, компоновке и юзабилити главной страницы.
Нет никакой контактной информации о компании кроме номера телефона. Непонятно, в каком городе расположена компания. Она работает по всему Казахстану или только в Алматы?

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

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

Непонятно, какую конкретно заявку предлагается оставить по данной ссылке. Это заявка на продажу, покупку или вызов риэлтора?

Ссылка оформления заявки

При нажатии на эту ссылку открывается страница http://www.rialight.kz/buy_page#tabs-3 . При этом из-за неправильно проставленных якорей на странице название формы обрезается.

Не выводится название формы

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

При нажатии на ссылку «аказать звонок» открывается форма с множеством ошибок.

Слишком большие отступы сверху и по бокам.

Отступы не соответствуют модульной сетке сайта

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

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

Разные стили оформления заголовков

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

Непонятно, что означает звездочка между словами.

Звездочка в полях формы

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

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

Юзабилити формы заказа обратного звонка

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

При нажатии на кнопку «ОК» страница входит в циклическую ошибку. Видео с демонстрацией можно увидеть по ссылке https://yadi.sk/i/yCwPyKHBgYCYw (все видео, представленные в отчете, перед просмотром желательно скачивать на компьютер).

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

Юзабилити карты

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

При нажатии на данную ссылку открывается полностью пустая страница http://rialight.kz/o-nas-ourcoords

Страница без контента

При нажатии на ссылку «Нас рекомендуют» открывается полностью пустая страница http://rialight.kz/sguestbook

Пустая страница сайта

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

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

Ссылки оформлены как обычный текст

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

Ссылки не реагируют на наведение курсора.

Ссылки не реагируют на наведение курсора

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

При нажатии данных ссылок пользователь хочет попасть в соответствующие разделы сайта. По факту ссылки ведут на одну и ту же страницу http://www.rialight.kz/buy_page .

Не работают ссылки на сайте

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

Та же самая ситуация и с добавлением объявлений. Пользователь хочет добавить объявление в конкретный раздел сайта. По факту в данный момент это одна и та же ссылка http://www.rialight.kz/buy_page#tabs-3

Не работают ссылки на сайте

Общие замечания по юзабилити и дизайну подстраниц сайта

В данный момент непонятно, где есть выпадающее подменю, где нет.

Юзабилити выпадающего меню

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

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

Недостаточная контрастность элементов сайта

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

В выпадающем меню слишком маленький боковой отступ. Текст «прилип» к левой границе.

Нет отступа между элементами сайта

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

Ссылка «Горячая линия» не работает

Не работающие ссылки на сайте

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

Юзабилити элементов прокрутки галереи

Юзабилити элементов прокрутки галереи

Стрелки прокрутки не отцентрированы относительно фотографий объектов. Из-за этого дизайн выглядит неаккуратно.

Неправильное выравнивание элементов сайта

Сайт рассчитан на русскоязычную аудиторию. Все тексты на сайте – на русском языке. Не совсем понятно, чем обусловлено использование стикера на объекте с английской надписью «sold».

Используется английский текст на русскоязычном сайте

Прокрутка галереи не останавливается при наведении курсора на интересующий объект. Данный эффект можно наглядно посмотреть на видео https://yadi.sk/i/_p1DY3LIgYK7D .

Также стоит отметить, что размер фотографий в этой галерее очень маленький. Их сложно рассмотреть. Ценность таких фото для пользователя практически нулевая.

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

Отступ не соответствует модульной сетке сайта

Отступ не соответствует модульной сетке сайта

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

В блоке «Свежие статьи» фон плашки и страницы полностью слились.

Недостаточная контрастность элементов сайта

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

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

Разный формат даты новостей

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

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

Дублирование навигационных элементов интерфейса

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

Не совсем понятно, каким образом недвижимость в Испании привязана к Казахстану? Продажа недвижимости за границей – совершенно другое направление бизнеса для другой целевой аудитории.

Недвижимость в Испании

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

Статистика посещаемости раздела

Данная кнопка называется «Виртуальный тур по квартире». При нажатии на нее открывается страница http://rialight.kz/3dpokaz , на которой туры не только по квартирам, но и домам, коттеджам и т.д.

Кнопка виртуального тура

Юзабилити модуля виртуального тура

Рекомендуем переименовать данную кнопку. Например «Виртуальные туры по объектам» и т.д.

В боковой колонке также есть блок со средними ценами. Текст с названиями районов не читается.

Юзабилити блока с ценами

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

Юзабилити модуля подписки

Продать недвижимость

http://rialight.kz/sel_page

Нет отступа между верхней частью сайта и основным контентом (рекомендации см. выше).

Отступы не соответствуют модульной сетке сайта

Ссылка не реагирует на наведение курсора.

Ссылка не реагирует на наведение курсора

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

В подразделе «Путешествия по сделкам» http://rialight.kz/dealstravel нет вводной информации. Текст на картинках слишком мелкий и сложный для восприятия.

Юзабилити текстовых блоков

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

Юзабилити модуля подбора недвижимости

Рекомендуем тщательно продумать и добавить поля для каждого типа объектов.

Первый радиобаттон должен быть активным при загрузке формы.

Юзабилити элементов формы

Горизонтальное положение полей ввода не согласовано. Из-за этого дизайн разваливается.

Макет и положение элементов формы

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

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

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

Оформление заголовков полей формы

Положение полей не согласовано.

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

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

В форме нет проверки правильности введенных данных. Форма успешно отправилась при наличии только email и телефона в неверном формате.

Проверка формата ввода данных в полях формы

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

Непонятно, что это за текст на странице?

Аудит текста сайта

Аудит текста сайта

Модуль электронного риэлтора

Далее рассмотрим работу модуля электронного риэлтора.

Нет проверки правильности введенных данных. Для примера видео https://yadi.sk/i/lFR0DnFAgZ4db . Также на этом видео наглядно видны проблемы с версткой сайта – дизайн разваливается до момента окончания полной загрузки и т.д.
В целом дизайн практически всех элементов данного модуля не доработан. Его ценность для пользователя минимальна, хотя именно этот модуль мог бы стать ключевым преимуществом перед сайтами конкурентов. Сейчас он не выполняет даже стандартных задач по подбору квартиры по параметрам.

Дизайн результатов поиска не вписывается в общий концепт сайта.

Страница содержит битые ссылки на картинки.

Битые ссылки на сайте

Все результаты поиска выводятся одной страницей без разбивки на подстраницы. Нет возможности сортировки по количеству комнат, площади, этажности, району и другим параметрам. Для примера скриншот https://yadi.sk/i/ePOrXej0gZ4GS

Во вкладке «Оценить квартиру» темный текст расположен на темном фоне.

Темный текст на темном фоне

Модуль оценки квартиры работает с ошибками. Для примера скриншоты с тестовыми данными:

Ошибки в модуле подбора квартиры

Ошибки в модуле подбора квартиры

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

Купить недвижимость

http://rialight.kz/buy_page

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

Юзабилити модуля поиска

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

Непонятно, для чего в разделе покупки квартиры есть вкладка «Оценить квартиру» которая относиться к продаже.

Юзабилити модуля поиска квартиры

Дизайн формы на вкладке «Оставить заявку» абсолютно не проработан. Размер и положение полей не согласованы, нет поля ввода email и т.д.

Юзабилити формы отправки заявки

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

Страница «Нас рекомендуют» http://rialight.kz/sguestbook полностью пустая

Нет контента на странице

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

Карта с объектами

http://rialight.kz/?map

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

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

Юзабилити карты объектов недвижимости

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

Юзабилити процесса просмотра районов

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

Анализ страницы просмотр выбранного объекта будем делать на примере страницы http://www.rialight.kz/realty/5599.

Непонятно, почему используется сокращение в заголовке объекта.

Аудит заголовков объектов

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

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

Дизайн блока с ценами

Непонятно, являются ли данные элементы ссылками или текстом.

Ссылки оформлены как обычный текст

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

В окне с просмотром подробной информации о риэлторе нет отступа между фото и текстом.

Отступ между фото и текстом

Рекомендуем сделать отступ между фото и текстов величиной 10-15 пикселей.

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

Оформление номеров телефонов

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

Адрес почты является обычным текстом.

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

Ссылка оформлена как текст

В каталоге недвижимости попадаются фото с водяными знаками других компаний. Например, http://rialight.kz/realty/5210 . Это крайне отрицательно сказывается на доверии пользователя.

Водяной знак на фотографии

На страницах с объектами текстовая информация имеет избыточный объем. Она не структурирована, не разбита на абзацы, нет заголовков и прочее. Практически 80% текста – «вода», не представляющая особой ценности для посетителя.

Аудит текста страницы

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

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

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

Страница виртуального тура

http://rialight.kz/3dpokaz

На всех страницах сайта кнопка называется «Виртуальный тур по квартире».

Юзабилити модуля виртуального тура

Но в хлебных крошках почему-то выводится название «3d показ».

Юзабилити модуля виртуального тура

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

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

Оформление блока виртуального тура

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

Некоторые превью с искаженными пропорциями фотографий. Это отрицательно сказывается на внешнем виде сайта.

Правильность вывода фотографий

Ошибки в выводе фотографий

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

Данная ссылка не работает.

Не работают ссылки на странице

Компоновка страницы виртуальных туров полностью развалилась. Детальный скриншот доступен по ссылке https://yadi.sk/i/6PbeJszpgYoR3

При нажатии на превью посетитель ожидает увидеть непосредственно тур. Но он не виден без использования прокрутки страницы. Например, для страницы http://rialight.kz/realty/4922 видео действий https://yadi.sk/i/vN3inAqDgYpdc
Рекомендуем сразу выводить виртуальный тур без избыточной информации при нажатии на фото.

Дополнительные страницы

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

Оставить отзыв http://www.rialight.kz/pguestbook/1 – пустая страница.
Гостевая книга http://www.rialight.kz/sguestbook – пустая страница.
Задать вопрос http://www.rialight.kz/questions – дизайн не проработан. Форма разваливается.

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

Карта сайта http://www.rialight.kz/sitemap – по факту является выводом списка статей. Основных разделов в нем нет (например, вакансии).

Риэлторские услуги http://www.rialight.kz/mmcontentservices – большое количество неформатированного текста, который никто не будет читать.

Аудит текста сайта

Общие выводы и результаты аудита.

  1. К сожалению, в данный момент сайт не соответствует современным тенденциям и требованиям.
    Дизайн не соответствует позиционированию и статусу компании. Он не создает впечатления надежности и респектабельности.
  2. Работа программной части не обеспечивает даже элементарных потребностей посетителя по поиску и отбору интересующих объектов недвижимости.
  3. На сайте используются устаревшие технологические решения.
  4. Он абсолютно не приспособлен для корректной работы на мобильных устройствах и планшетах, что на данный момент является обязательным.
  5. Также стоит отметить, что сайт содержит большое количество ошибок в плане SEO – начиная от HTML кода, заполнения метатегов, заголовков и т.д.
    Учитывая характер и количество выявленных проблем, рекомендуем рассмотреть вариант разработки полностью новой версии сайта с нуля – начиная от фиксации целей и задач, которые должен решать сайт и разработки общей концепции.
  6. Доработка существующего сайта, скорее всего не даст необходимых результатов, а, учитывая характер проблем, бюджет таких работ будет соизмерим с бюджетом нового сайта.

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

Get new case studies by email:

More Case Studies

See all