Флоу «Места рядом - Карта» в приложении Циан
Разбор флоу «Места рядом - Карта» в приложении Циан: ключевые экраны, UX-паттерны, UI-элементы и тексты интерфейса. Пользователь начинает с просмотра подробной карточки…
Категории
- Недвижимость
- Аренда жилья
Контекст страницы
- Приложение
- Циан
- Сценарий
- Места рядом - Карта
- Категории
- Недвижимость, Аренда жилья
- Версия
- 2.412.0
Семантический профиль
- Тип экрана
- Детальная страница (detail)
- Состояние экрана
- Обычное состояние (default)
Путь пользователя
- Намерение пользователя
- Просматривать (browse)
- Этап воронки
- Оценка выбора (evaluation)
- Роль шага
- Промежуточный шаг (intermediate)
Паттерны и действия
- Основное CTA
- Другое (other)
- Паттерн раскладки
- Один главный фокус (single_focus)
- Навигационный паттерн
- Переход вглубь (drill_down)
- Тема
- Светлая тема (light)
Семантические сигналы
- Типы экранов
- Детальная страница (detail), Карта (map)
- Состояния экранов
- Обычное состояние (default)
- Основные CTA
- Другое (other)
- Паттерны раскладки
- Один главный фокус (single_focus), Карта (map)
- Навигационные паттерны
- Переход вглубь (drill_down), Навигация по карте (map_based)
- Намерения пользователя
- Просматривать (browse)
- Этапы воронки
- Оценка выбора (evaluation), Обнаружение (discovery)
- Темы
- Светлая тема (light)
- Платформы
- iOS (ios)
- Роли шага
- Промежуточный шаг (intermediate)
Текст на экране
80 000 Р/мес 2-KOMH.KB 2/26 этаж йо Предложите свою цену Например 77 600 2-KOMH квартира общая кухня этаж ЖК Водный О Кронштадтский бульвар 6k2 Москва Водный стадион мин Речной мин Коптево мин
80 000 ₽/мес.
Элементы интерфейса
- Детальная страница (detail) (ai_screen_type)
- Карта (map) (ai_screen_type)
- Обычное состояние (default) (ai_screen_state)
- Другое (other) (ai_primary_cta_type)
- Один главный фокус (single_focus) (ai_layout_style)
- Карта (map) (ai_layout_style)
- Переход вглубь (drill_down) (ai_navigation_pattern)
- Навигация по карте (map_based) (ai_navigation_pattern)
Теги
- аренда
- квартира
- карточка
- карта
- метро
- агент
- контакты
- окрестности
- детские сады
- поликлиники
- магазины
- ориентиры
Ключевые действия
- Детские сады (Кнопка (button))
- Магазины (Кнопка (button))
- Позвонить (Кнопка (button))
- Написать (Кнопка (button))
- Детские сады (Кнопка (button))
- Поликлиники (Кнопка (button))
- Магазины (Кнопка (button))
- Увеличить масштаб (Кнопка (button))
Ключевые экраны
- Экран с подробной информацией о квартире в аренду: цена, параметры (комнаты, площадь, этаж), адрес и близлежащие станции метро с временем пешей доступности. Отображена карта с местоположением и кнопки для просмотра детских садов и магазинов рядом. Внизу контактные данные агента с кнопками для звонка и сообщения.
- Экран с картой района, на которой отображены значки детских садов. Пользователь может переключаться между категориями объектов рядом: детские сады, поликлиники, магазины. На карте видны улицы, парки, метро и другие ориентиры. Есть кнопки управления масштабом и кнопка для определения местоположения.
- Экран с картой района, на которой отображены значки поликлиник. Пользователь может просматривать расположение медицинских учреждений, переключаться между категориями объектов рядом (детские сады, поликлиники, магазины) и управлять масштабом карты. На карте видны улицы, парки, метро и другие ориентиры.
- Экран с картой района, на которой отображены значки магазинов в виде синих иконок. Пользователь может переключаться между категориями объектов рядом: детские сады, поликлиники и магазины, а также управлять масштабом карты с помощью кнопок + и -. Есть кнопка возврата назад.
Связанные страницы
- Экран с подробной информацией о квартире в аренду: цена, параметры (комнаты, площадь, этаж), адрес и близлежащие станции метро с временем пешей доступности. Отображена карта с местоположением и кнопки для просмотра детских садов и магазинов рядом. Внизу контактные данные агента с кнопками для звонка и сообщения.
- Экран с картой района, на которой отображены значки детских садов. Пользователь может переключаться между категориями объектов рядом: детские сады, поликлиники, магазины. На карте видны улицы, парки, метро и другие ориентиры. Есть кнопки управления масштабом и кнопка для определения местоположения.
- Экран с картой района, на которой отображены значки поликлиник. Пользователь может просматривать расположение медицинских учреждений, переключаться между категориями объектов рядом (детские сады, поликлиники, магазины) и управлять масштабом карты. На карте видны улицы, парки, метро и другие ориентиры.
- Экран с картой района, на которой отображены значки магазинов в виде синих иконок. Пользователь может переключаться между категориями объектов рядом: детские сады, поликлиники и магазины, а также управлять масштабом карты с помощью кнопок + и -. Есть кнопка возврата назад.
- Карточка квартиры