Аудит сайта агентства недвижимости, Казахстан
Аудит юзабилити №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/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 – большое количество неформатированного текста, который никто не будет читать.
Общие выводы и результаты аудита.
- К сожалению, в данный момент сайт не соответствует современным тенденциям и требованиям.
Дизайн не соответствует позиционированию и статусу компании. Он не создает впечатления надежности и респектабельности. - Работа программной части не обеспечивает даже элементарных потребностей посетителя по поиску и отбору интересующих объектов недвижимости.
- На сайте используются устаревшие технологические решения.
- Он абсолютно не приспособлен для корректной работы на мобильных устройствах и планшетах, что на данный момент является обязательным.
- Также стоит отметить, что сайт содержит большое количество ошибок в плане SEO – начиная от HTML кода, заполнения метатегов, заголовков и т.д.
Учитывая характер и количество выявленных проблем, рекомендуем рассмотреть вариант разработки полностью новой версии сайта с нуля – начиная от фиксации целей и задач, которые должен решать сайт и разработки общей концепции. - Доработка существующего сайта, скорее всего не даст необходимых результатов, а, учитывая характер проблем, бюджет таких работ будет соизмерим с бюджетом нового сайта.
С радостью отвечу на Ваши вопросы по результатам аудита по email, skype или телефону.