Аудит юзабилити сайта по продаже квартир в ЖК Молодежный

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

Клики по баннеру на странице http://www.kr-molodegny.ru/4/

Клики по баннеру на главной странице сайта http://www.kr-molodegny.ru/

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

Стоит отметить, что нажатие по этому баннеру ведет пользователя на страницу в разделе «Новости» с адресом http://www.kr-molodegny.ru/kvartal/news/sendvalues/detail/219/#news.

При этом на сайте есть специализированная страница http://www.kr-molodegny.ru/4/uslovija_pokupki/#topper с подробным описанием условий ипотеки от разных банков-партнеров.

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

Логотип

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

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

Рекомендуем убрать иконку с переходом на домашнюю страницу.

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

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

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

Рекомендуем явно указать под номером «Отдел продаж».

Ниже идет блок с графиком работы отдела продаж.

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

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

В данном блоке не совсем удачно используется горизонтальный серый разделитель. Создается впечатление, что заголовок «Застройщик» относится к блоку с графиком работы, а заголовок «Банки-партнеры» к логотипу группы компаний «Садовое кольцо».

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

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

Низкая эффективность такой компоновки страницы подтверждается и данными Яндекс.Метрики.

Полная карта скроллинга страницы приведена по ссылке https://yadi.sk/i/BcpzEqw_josv6 .

Если верхнюю часть страницы просмотрело 6024 посетителей, то часть страницы с кнопкой «Узнать стоимость» всего 3405:

В результате, по данным Яндекс.Метрики взаимодействовали с формой 12.5% сайта, а успешно отправили данные для подбора квартиры 11,53%.

Формой поиска кладовки пользовалось всего 0,05% посетителей страницы – 3 человека за квартал. Это ставит под сомнение необходимость и полезность данного элемента для посетителя.

Аналогичная ситуация и с формой поиска машино-мест. Запрос на поиск отправил всего один человек за квартал.

В данном случае использование слова «Подбор» является избыточным, т.к. выше расположен заголовок блока «Поиск по параметрам».

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

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

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

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

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

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

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

Результаты поиска квартир

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

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

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

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

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

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

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

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

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

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

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

При закрытии данной формы посетитель ожидает вернуться на страницу с результатами поиска. Вместо этого его автоматически перенаправляет на страницу «Контакты» http://www.kr-molodegny.ru/kvartal/contacts/#topper. Это крайне отрицательно сказывается на юзабилити сайта. Посетитель не может нормально самостоятельно просмотреть несколько вариантов и выбрать наиболее подходящий.

Процесс работы с этим разделом сайта продемонстрирован на видео по ссылке https://yadi.sk/i/8L-C9DR6jozrd.

Рекомендуем при нажатии «Узнать подробности» открывать в новой вкладке страницу с детальным описанием конкретной квартиры (например, http://www.kr-molodegny.ru/kvartal/apartment/sendvalues/4_15_10_393/#schema).

Если после загрузки страницы с результатами поиска воспользоваться сортировкой, то ссылка «Узнать подробности» вообще перестает работать для всех найденных предложений. Это продемонстрировано на видео по ссылке https://yadi.sk/i/iUyZpGfejp2M3.

Данная ошибка является критической с точки зрения юзабилити и конверсии.

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

Это наглядно продемонстрировано на видео по ссылке https://yadi.sk/i/beOSMBtKjp3DC.

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

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

Значения ячеек в столбцах «Дом» и «Готовность» одинаковы для всех строк таблицы.

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

Далее рассмотрим блок с ссылками на подразделы с недвижимостью Молодежный 1-4.

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

Рекомендуем убрать иконки и ссылки на сданные объекты с проданными квартирами и оставить 3 блока «Квартиры», «Паркинг», «Коммерческая недвижимость».

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

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

Фото с выбором квартир

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

Но в дизайне и функционале этого блока допущен ряд ошибок.

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

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

Схожая ситуация наблюдается и на странице http://www.kr-molodegny.ru/4/planirovochnye_reshenija/.

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

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

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

Увеличенное фото имеет слишком маленькие размеры (678х430).

Также отсутствуют какие либо поясняющие подписи к фотографиям.

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

Ссылки и кнопки

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

Общие замечания и рекомендации

1. Левая колонка сайта должна содержать очередность блоков, совпадающую со сценарием работы типичного посетителя (выбор или поиск квартиры, получение информации об объекте, получение информации об офисе продаж, дополнительная информация об ипотеке или кредитовании).
2. Рекомендуем явно указать на странице ценовой диапазон стоимости квадратного метра жилья.
3. Рекомендуем явно указать базовую стоимость 1,2,3,4-комнатных квартир.
4. В данный момент основной упор сделан на интерактивную картинку с выбором этажа и квартиры. Только через нее возможен просмотр детального описания конкретной квартиры. Просмотреть эту же информацию со страницы результатов поиска невозможно.
5. Также отсутствует возможность быстрой связи и общения с менеджером с помощью онлайн чата, отправки email или звонка прямо со страниц сайта. Это отрицательно сказывается на конверсии.
6. В качестве сервиса, обеспечивающего максимальный набор каналов связи, рекомендуем обратить внимание на комплексное решение http://www.krible.com/.