Разработка интерфейсов специализированных сервисов — дело непростое. Особенно остро эта задача встает перед разработчиками риелторских онлайн-платформ, где взаимодействие пользователей тесно связано с огромным количеством данных, специфической терминологией и разными уровнями восприятия.
Меня зовут Никита Осадчий, я менеджер продукта в Нмаркет.ПРО — федеральной системе онлайн-бронирования новостроек, разработанной специально для риелторов. В этой статье я расскажу о том, как мы оптимизируем интерфейс и делаем его дружелюбным и понятным любому агенту по недвижимости.
Как возникли проблемы
При создании нашего проекта возникла необходимость пересмотреть существующую структуру сайта, поскольку многие пользователи отмечали сложность и непонятность интерфейса. Так, среднее время до первого осмысленного действия превышало ожидаемое примерно на 20–25%, что указывало на высокую когнитивную нагрузку.
Четыре причины, вызвавшие трудности:
1. Перегрузка интерфейса
Страницы были перегружены элементами: разные виды поисковых выдач, многочисленные вкладки («табы») и сложная иерархия объектов (корпус, жилой комплекс, отдельные квартиры).
2. Размытая терминология
Большинство пользователей использовали собственные термины, отличные от принятых на платформе. Это приводило к путанице и снижению эффективности взаимодействия.
3. Нехватка контекста и навигации
Пользователи часто нуждались в общей информации о жилом комплексе или конкретном доме, но попадали сразу на страницу выбора квартир. Анализ показал, что почти 30% пользователей сталкивались с такой проблемой.
4. Хаотичное размещение ключевых элементов
Важные кнопки и действия находились в случайных местах и создавали дополнительные препятствия при работе. Так, около 30% пользователей не замечали блоки с контактными данными и документацией из-за их расположения вне ожидаемой зоны внимания. Усугубляло ситуацию то, что эти же блоки на других страницах находились в других местах.
Эти проблемы постепенно накапливались, формируя негативный пользовательский опыт. Реакция большинства наших пользователей сводилась к одному общему отзыву: «У вас все сложно и непонятно».
Понимание потребностей клиентов
Для выявления реальных трудностей мы провели исследование клиентского опыта. Оно показало, что большинство участников испытывали дискомфорт при поиске нужных функций и информации. Именно такое восприятие создавало впечатление сложного и запутанного сервиса.
Это подтверждали цифры:
- До 45% пользователей скроллили страницу карточки жилого комплекса, но не совершали ни одного целевого действия.
- Около 28–32% интеракций приходилось на элементы, которые визуально выглядели кликабельными, но фактически не имели действия.
- Более 35% пользователей теряли контекст при переходе между уровнями поиска (Жилой комплекс → Корпус → Квартира) и возвращались через навигацию браузера.
Наиболее частые претензии пользователей:
- Невозможно быстро найти нужную информацию, несмотря на ее наличие на странице.
- Разные названия одних и тех же элементов создают путаницу.
- Сложно ориентироваться среди большого количества уровней вложенности и деталей.
Результаты исследования привели к пониманию, что решение должно учитывать психологию пользователей и минимизировать их умственное напряжение при взаимодействии с сайтом.
Какие изменения внедрили
Чтобы справиться с выявленными проблемами, мы многое пересмотрели и кардинально изменили:
1. Единая структура и терминология
- Все страницы сайта мы организовали таким образом, чтобы обеспечивать единый пользовательский опыт независимо от типа объекта. Каждый элемент интерфейса теперь имеет свое четкое место и назначение.
- Навели порядок в терминах, а их понимание облегчили благодаря интуитивному расположению блоков.
2. Простота структуры
- Сократили уровень детализации поисковой выдачи. Вместо трех типов карточек объекта остался один понятный формат: «Шахматка → Жилой Комплекс → Объект». Таким образом, каждый пользователь теперь легко ориентируется на сайте, вне зависимости от того, какой частью функционала сейчас пользуется.
Шахматка — это наглядная схема расположения квартир в доме, которая помогает пользователю быстро сравнить основные характеристики жилья.
3. Оптимизация путей взаимодействия
- Когда пользователь заходит в карточку жилого комплекса или корпуса, он получает всю необходимую общую информацию прямо на главной странице раздела. Нет нужды переходить вглубь структурированных данных.
4. Контекстные действия
- Важные кнопки и поля мы расположили в тех местах, где пользователи ожидают их увидеть. Например, блоки с документацией и контактами стали доступными в верхней части страницы, теперь они не прячутся глубоко внутри интерфейса.
Результаты упрощения структуры и переработки интерфейса
После внедрения единой структуры и перераспределения ключевых элементов поведение пользователей заметно изменилось:
• количество риелторов, совершающих целевые действия на странице, выросло на 18–22%;
• доля «пустых» кликов снизилась более чем на 30%;
• показатель возвратов без завершения сценария сократился примерно на 20%;
• время до первого целевого действия уменьшилось на 15–18%;
• вовлеченность в карточки жилых комплексов выросла: пользователи стали просматривать связанные объекты на 12–16% чаще.
Отдельно отметим, что после выравнивания терминологии и структуры:
• количество обращений с формулировкой «не могу найти» снизилось примерно на 20%;
• субъективная оценка «понятности интерфейса» в пользовательских опросах выросла более чем на 25%.
Какие выводы мы сделали? Фокусировка на потребностях пользователей помогает создать интерфейс, направленный на максимальное упрощение и повышение удобства использования ресурса.
На этом все. В заключение расскажу немного о нас. Платформа Нмаркет.ПРО предоставляет широкий набор инструментов для продажи квартир от застройщиков, сопровождение на всех этапах сделки и собственный Учебный центр для развития компетенций специалистов по недвижимости.
Поделитесь в комментариях, о чем бы вы хотели узнать в следующих статьях.
#profiling #algorithms #интерфейсы #интерфейс #маркетинг #performance #performance #optimization #performance #analysis #ит #it #ux #маркетинг