Совместно с UX-экспертами цифрового агентства Апрок CPU продолжает серию материалов, посвященных редизайну сайтов и приложений крупнейших компаний, в разделе «Интерфейсы».
В первая проблема Мы говорили об ошибках на сайте РЖД, а сегодня будет анализироваться служба поиска жилья ЦИАН.
Введение
Спасибо всем, кто оценил первую статью о редизайне сайта РЖД и высказал свои замечания по улучшению сервиса покупки билетов.Нынешняя серия статей о редизайне — это попытка изменить ситуацию, при которой создатели популярных сайтов не замечают очевидных ошибок интерфейса и закрывают глаза на удобство пользователей.
Нашими материалами мы хотим создать резонанс, благодаря которому владельцы этих ресурсов обратят внимание на мнение профессионального сообщества и, возможно, ситуация изменится к лучшему, тем более, что у них уже будет руководство по действие.
Многие столкнулись с необходимостью найти временное жилье.
Одной из первых и крупнейших услуг на рынке аренды квартир является ЦИАН .
Долгое время внешний вид сайта оставался неизменным, и лишь в начале 2014 г.
ст. Студия Лебедева опубликовала портфолио обновленный дизайн.
Создание обзора работ именитых коллег делает задачу еще интереснее — появляется возможность проанализировать проект с большим количеством интересных решений.
Также отметим, что исходя из текущего дизайна ЦИАН, можно судить, что интеграция нового интерфейса болезненна и занимает много времени.
В результате внешний вид ресурса итеративно меняется, что влияет на конечный результат.
Пользователи
Анализ любого продукта начинается с портрета пользователей: Поскольку вряд ли читатели этого материала являются риелторами, мы рассмотрим сценарий поиска квартиры обычным пользователем.
Основные ошибки
Несогласованность макетов и макетов и конфликты версий
Верстка страниц существенно отличается от того, что сделала Студия Лебедева.Похоже, новый дизайн стараются максимально приблизить к старой версии, возможно, опасаясь отпугнуть пользователей.
Такие полумеры редко приводят к оптимальным результатам.
Также не очевидна логика введения новых страниц: вы можете получить отображение квартир как в новом, так и в старом дизайне: Новая версия вывода результатов Старая версия вывода результатов В результате одновременно отображаются две версии сайта и возникает путаница.
Небрежная подача информации
И в новой версии, и в старой сохраняется громоздкость подачи информации; пользователю по-прежнему сложно ориентироваться в большом объеме данных.Основной акцент также остался на текстовой информации, мало внимания уделялось фотографиям квартир – важному элементу при поиске жилья.
Громоздкий поиск
Функционально поиск мало чем отличается от старой версии, администрация ЦИАН отказалась от многих предложенных Студией «фишек» слайдеров, «умного поиска» и так далее.Можно сказать, что те нововведения остались нереализованными, ради что имело смысл заказать редизайн.
Детальный анализ страницы
Домашняя страница
- Нет логотипа или упоминания названия домашней страницы;
- Недостаточно полей для ввода данных для полноценного поиска; когда мы нажимаем на поиск, мы попадаем не к результатам, а к новой форме;
- Ссылки разной степени важности в верхнем меню располагаются рядом без приоритизации;
- Имя или никнейм пользователя скрыт за бездушным идентификатором; нет возможности выбрать никнейм при регистрации - только в настройках потом;
- Нет единого расположения кнопки смены города;
- Кажется, что «Поиск на карте» — это заголовки для ссылок внизу, но на самом деле единственные заголовки — это «Продажа недвижимости» и «Аренда недвижимости», которые расположены строго в левой колонке;
- Ошибки с отступами, вводящие пользователя в заблуждение.
Неочевидная функциональность элементов: простой заголовок сложно отличить от ссылки.
Расширенный поиск
- Форма поиска слишком громоздкая, стоит рассмотреть решение с возможностью развертывания только необходимых фильтров поиска;
- Упрощающие жизнь элементы пользовательского интерфейса, такие как ползунки для диапазонов, не используются;
- Слишком подробная карта метро;
- Нет возможности сохранить условия поиска.
Доставка результатов
- Нет возможности быстро изменить хоть какие-то параметры поиска;
- Невозможно одновременно отобразить все результаты поиска на карте города;
- Нет возможности сортировки;
- Неочевидные кнопки добавления в избранное: кажется, что их уже нажимали;
- Назначение кнопок «Премиум» не очевидно; лучше найти другой способ отмечать премиум и платную рекламу;
- При изменении ширины окна колонка «Комментарии» слишком сильно вытягивается по высоте; разработчикам следует подумать о более подходящем варианте размещения информации для адаптивной верстки;
- Не лучшее место для такой важной информации, как дата и время публикации объявления.
Отображение результатов на карте
- Цветовое кодирование – сомнительное решение.
Цвета недостаточно контрастны с картой, премиум-объявления никак не отмечены;
- Недостаточно подробностей для принятия решения о привлекательности объекта;
- Нет фото.
Страница квартиры
- запутанная планировка;
- Основная информация для многих соискателей жилья — это фотографии, и на странице им уделяется мало внимания;
- Сопутствующие варианты, частично соответствующие параметрам поиска, которые также могут быть интересны пользователю, не предлагаются.
Редизайн
Анализировать страницы мы будем с использованием новых макетов, так как ошибки в интерфейсе старой версии очевидны.
Домашняя страница
При нажатии на изображение откроется версия в высоком разрешении.
- Шапка с выбором города, а также три раздела меню для каждой цели, с которой пользователи посещают сайт;
- Форма для ввода минимума данных, необходимых для быстрого поиска;
- Кнопки перехода к разделам сохраненных данных;
- Лучшие рекламные объявления, с подборкой по самым популярным запросам;
- Сортировка;
- Выберите способ показа рекламы.
Расширенный поиск
- Выбор необходимых фильтров для ввода условий поиска;
- Диапазоны в виде ползунков;
- Выбор способа ввода местоположения;
- Карта с инфраструктурой от 2ГИС;
- Результаты поиска прямо здесь;
Отображение результатов в сетке
- Формы ввода скрываются после нажатия на поиск;
- Выбранные фильтры поиска;
- Премиум-объявления стали более заметными;
- Большие фотографии с выбором.
Возврат результатов в строках
- Премиум-объявления более заметны;
- Значок рекламы владельца или агента;
- Фотографии крупнее.
Поиск на карте
- При нажатии на маркер появляется табличка с информацией об объекте, с возможностью прокрутки;
- Карта от 2ГИС с инфраструктурой;
- Премиальные рекламные маркеры выглядят по-другому;
- Можно было включить даже подробную информацию об объекте;
- Большие фотографии объекта.
Страница квартиры
- Большая фотография объекта;
- Выбираемые миниатюры фотографий;
- Большая карта от 2ГИС с расположением объекта и близлежащей инфраструктуры;
- Подобные объявления.
Заключение
Новая версия сайта принципиально не отличается от старой - отличия только в декоративных аспектах, не используются основные функциональные решения Студии, что выглядит странно, учитывая объем вложенных средств.Скорее всего, сказывается инерция внутренних процессов ЦИАН.
Что касается макетов Студии, то видно, что использовались те же самые шрифты, те же расстояния и пропорции, те же интерфейсные решения, которые использовались в других работах на протяжении всей жизни компании.
Возможно, политика студии заключается в создании работ с узнаваемым стилем, однако, учитывая скорость развития индустрии, правильнее исходить из текущих тенденций и трендов, текущих ожиданий пользователей.
И как нетрудно догадаться, планов у сайта нет. Мобильная версия .
Напишите в комментариях, с какими проблемами вы столкнулись при использовании сервиса, какие альтернативы вы считаете более удобными и почему, а также предложите улучшения, которые мы не учли в статье.
-
Бесплатная Mmo — Лучший Способ Играть
19 Oct, 24 -
Го Шоу-Цзин
19 Oct, 24 -
Мой Вклад В Экономию Бумаги На Производстве
19 Oct, 24 -
Подходы К Квантовому Шифрованию Изображений
19 Oct, 24 -
Переполнение Таблицы
19 Oct, 24 -
Интеграция Веб-Почты В Opera 10
19 Oct, 24 -
Правила Джоша (Для Деловых Людей)
19 Oct, 24
