Специалист по юзабилити Зинаида Гришанина проанализировала адаптивность сайта объединения застройщиков «ВКБ-Новостройки» и составила рекомендации, актуальные для многих сайтов недвижимости.
Большинство найденных проблем объясняются тем, что версия сайта для мобильных устройств все еще находится в процессе доработки. Тем не менее, подобные проблемы можно встретить на многих сайтах схожего типа — с большим количеством подразделов и фильтров. Именно поэтому мы решили поделиться с вами короткой версией аудита и познакомить вас с теми препятствиями, которые могут встать на пути пользователя и испортить впечатление от взаимодействия с сайтом.
Версия сайта, адаптированная для отображения на мобильных устройствах, нужна не только для повышения степени удовлетворенности пользователей, но и для успешного продвижения ресурса в поисковых системах. Яндекс и Google в мобильном поиске учитывают, оптимизирована ли страница под мобильные устройства — один из главных факторов ранжирования.
Есть два варианта сделать сайт удобным для пользователей планшетов и смартфонов — реализация адаптивного дизайна или создание отдельной мобильной версии. Сайт «ВКБ-новостройки» использует первый подход.
Оценку качества мы проводили как с точки зрения выполнения UI-дизайна (дизайна пользовательского интерфейса), так и UX-дизайна (дизайна пользовательского опыта), в том числе в формате сравнительного анализа с удачными версиями прямых конкурентов и лидеров рынка недвижимости, таких как: develug.ru, cian.ru, gik23.ru, homesoverseas.ru, domofond.ru, sob.ru.
В рассылке мы делимся сокращенным аудитом сайта, в котором основное внимание уделено проблемам отображения сайта на смартфонах.
По данным Яндекс.Метрики за последний квартал доля посетителей, взаимодействующих с сайтом «ВКБ-Новостройки» с помощью мобильных устройств, составила треть всей аудитории — 34 % (26,6% приходится на смартфоны и 7,7% —- на планшеты).
При этом поведенческие характеристики для смартфонов хуже, чем для компьютеров, ноутбуков, планшетов, а также, чем для всего сайта в целом.
Большинство пользователей используют мобильные устройства Samsung (10,02% от всех посетителей сайта) и Apple (9,29%). При этом для планшетов поведенческие характеристики примерно одинаковы для всех марок, а для смартфонов — хуже для устройств марки Apple.
Обнаружив высокий показатель отказов на устройствах Apple, мы провели экспресс-анализ адаптивности сайта, используя смартфон Apple iPhone 6s plus. В анализе мы также учли то, что по данным «Вебвизора» Яндекс.Метрики посетители со смартфонами просматривают сайт в портретной ориентации (используют устройство вертикально).
Мы проверили скорость загрузки сайта «ВКБ-Новостройки» на мобильных устройствах на примере главной страницы с помощью сервиса Google PageSpeed Insights. Он показал низкую скорость загрузки.
Провести на сайте все необходимые работы по оптимизации скорости загрузки до рекомендуемого показателя от 80 и выше. Рекомендации сервиса Google PageSpeed Insights: удалить код JavaScript и CSS, блокирующий отображение верхней части страницы, сократить JavaScript, CSS, HTML, оптимизировать размер изображений, использовать кеш браузера (указывать в заголовках HTTP дату или срок действия статических ресурсов).
По словам представителя объединения застройщиков «ВКБ-Новостройки», идеальный сценарий поведения посетителей сайта выглядит так: пользователь подбирает недвижимость по необходимым ему характеристикам и обращается в компанию с помощью любого из каналов коммуникации (например, отправляет заявку на консультацию менеджера или звонит по телефону). Основная масса целевой аудитории компании — это физические лица, потенциальные покупатели квартир.
Некоторые страницы сайта занимают несколько экранов, поэтому пользователь будет прокручивать их пальцами вниз. При этом чтобы вернуться в начало страницы, ему придется прокручивать ее обратно.
Рекомендуем реализовать быструю ссылку «наверх», которая будет отображаться поверх всех страниц сайта по мере передвижения по экрану вниз. Тап (нажатие) по этой ссылке будет в одно касание возвращать пользователей в начало страницы. Альтернативный вариант: ссылку «наверх» можно отображать только внизу страницы.
Выравнивать текст по левому краю и не злоупотреблять заглавными буквами при отображении текстовой информации. Достаточно закрепить использование прописных букв, например, только за заголовками разделов.
Закрепить ссылку на форму обратного звонка внизу экрана, там, где она не будет мешать взаимодействию с сайтом.
Чтобы оценить удобство и функциональность сайта на смартфоне, попытаемся подобрать квартиру по определенным характеристикам. Рассмотрим ситуацию, когда потенциальный покупатель ищет двух-трехкомнатную квартиру в Краснодаре, не дороже 6 млн. рублей, не в ипотеку. Дом должен быть уже сдан в эксплуатацию. Общая площадь квартиры должна составлять не менее 60 квадратных метров. Этаж не так важен. Санузел — строго раздельный, окна выходят во двор. Остановки общественного транспорта в пешей доступности (5 минут пешком), развитая инфраструктура (супермаркеты, мед. учреждения и пр.). Желательно наличие неподалеку «зеленой зоны» — парка или лесопарка.
Получить доступ к списку с предложениями квартир можно двумя путями — сразу перейти по ссылке «Краснодар» или воспользоваться фильтром подбора объектов на главной странице. Мы рассмотрим оба варианта.
Попробовав найти квартиру, соответствующую выбранному сценарию, мы обнаружили ряд проблем.
На странице показывается восемь блоков с описаниями ЖК (микрорайонов) в Краснодаре. В них приводится только название и адрес, не указаны ни застройщик, ни уровень цен на квартиры, ни количество доступных квартир и количество комнат в них. Адрес объекта набран простым текстом и некликабелен — его нельзя открыть на карте. Для того чтобы узнать преимущества одного ЖК перед другими, пользователю придется переходить в каждый из них отдельно. Однако наверху страницы есть фильтр, с помощью которого можно подобрать варианты по нужным характеристикам. Воспользовавшись им, мы обнаружили, что возможности открыть «расширенный поиск» нет, а в поле «количество комнат» можно выбрать только один вариант.
Воспользовавшись фильтром как на главной странице, так и на странице «Новостройки в Краснодаре» мы попадаем на страницу результатов поиска. На ней указывается, сколько всего квартир найдено по заданным параметрам, и выводятся первые 10 вариантов. Результаты можно дополнительно фильтровать и сортировать. Рекомендуем сделать страницу с результатами поиска квартир по параметрам более информативной и добавить к каждому из вариантов следующие данные:
Мы напоминаем, что наличие большого количества проблем в адаптивности сайта, в том числе и критичных, связано с тем, что версия для мобильных устройств была создана совсем недавно и еще находится в процессе доработки. Представители сайта «ВКБ-Новостройки» уже получили подробный аудит, включающий анализ полной версии сайта, и вносят доработки.
Рекомендуем читателям, работающим с сайтами похожего типа или тематики, проверить отображение ресурсов на мобильных устройствах. И обратить особое внимание на следующие моменты:
Если вы хотите получить экспертную оценку юзабилити вашего сайта, присылайте заявки на адрес editor@ashmanov.com. В следующих выпусках мы познакомим читателей с другими методами анализа сайтов. Среди оставленных заявок будут выбраны наиболее показательные проекты.
Вам будет интересно
Доставляем экспертный контент
Мы делимся с подписчиками экспертным контентом: отправляем полезные статьи, советы от специалистов, приглашаем на вебинары. Подпишитесь, чтобы узнать больше о продвижении бизнеса в Интернете, наших мероприятиях и репортажах с крупных отраслевых событий. Выберите наиболее удобную платформу для вас и наслаждайтесь контентом!
Нажимая на кнопку «Подписаться», я даю согласие на обработку персональных данных и соглашаюсь c политикой конфиденциальности
Мы отправили вам проверочое письмо — пожалуйста, подтвердите адрес электронной почты, перейдя по ссылке внутри письма.
Пожалуйста, попробуйте еще раз