Мобильное приложение для Яндекс.Недвижимости

Перед вами поставлена задача создать мобильное приложение для сервиса Яндекс.Недвижимость. Что пользователь должен увидеть на первом экране этого приложения? Опишите его интерфейсные элементы.


Задачи сервиса

Перед тем, как говорить об интерфейсе мобильного приложения Яндекс.Недвижимость, решим, какие задачи оно должно выполнять.

Яндекс.Недвижимость – сервис, позволяющий искать объявления об аренде и продажи недвижимости, размещённые на ряде популярный сайтов. Также сервис предоставляет возможность получать уведомления о новых объявлениях, удовлетворяющие заданным критериям. На данный момент, сервис имеет только веб-версию и не имеет возможности создания собственных объявлений.

Специфика рынка недвижимости заключается в том, что каждое предложение на нём уникально. Поскольку место жительства является важным фактором для любого человека, к его выбору люди подходят трепетно и они готовы ждать, чтобы найти то предложение, которое бы полностью их устроило. Зачастую для того, чтобы заполучить устраивающий вариант приходится на протяжении какого-то времени отслеживать новые предложения и стараться принять решение о съёме/покупке быстрее других.

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


Основные возможности приложения

Подписка, т.е. возможность получения уведомлений о новых предложениях, удовлетворяющих заданным критериям, должна стать центральной возможностью приложения и её selling point (то есть она должна максимально широко рекламироваться и освещаться).

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


Общая схем работы с приложением:

1. Пользователь создаёт фильтры.
2. Предложения, удовлетворяющие им попадают во входящие.
3. Пользователь просматривает входящие и решает, что сделать с каждым из предложений: открыть, чтобы узнать подробности и позвонить владельцу объявления, заархивировать неинтересные варианты или добавить в избранные или специальный список интересные, для того, чтобы позднее подробнее изучить и сравнить их между собой. При достижении конца списка входящих появляется кнопка для того, чтобы заархивировать все оставшиеся входящие (предполагая, что те из них, которые не сохранили в избранное не заинтересовали пользователя).
4. Новые предложения поступают во входящие и пользователь получает оповещения о них (отдельно о каждом или сводку с заданной периодичностью).


Первый экран при первом запуске

При первом запуске приложение попросит пользователя ввести критерии для поиска предложений. При этом в нижней части экрана будет отображаться количество предложений, удовлетворяющий данным критериям (например, в виде ссылки «Отобразить N предложений на карте» — это позволит тут же исправить слишком жесткий критерий). Пользователю будет предложено указать:

– тип предложения (аренда или покупка)
– тип недвижимости (квартира, комната, дом или участок) и её размер
– местоположение (с возможностью указания районов, станций метро и максимального расстояния до них, а также ввода зоны путём обвода его границы на карте)
– желаемый диапазон стоимости (за единицу площади или суммарный)
– дополнительные параметры (требования к арендаторам, этаж, этажность здания, наличие бытовой техники и прочее)
– настройки отображения не полных совпадений

После заполнения анкеты будет сообщено о том, что новые варианты будут автоматически добавляться во входящие при открытии приложения и будет предложено выбрать частоту оповещения о новых вариантах.
 

Основной интерфейс

В дальнейшем при запуске приложения первым экраном будет отображаться основной интерфейс. Внешне он будет напоминать почтовый клиент, в верхнюю часть которого добавлена карта, и будет заимствовать некоторые удачные находки наиболее удобного из них — Mailbox (общая структура, жесты).

 

Верхняя панель 

Имеет следующие кнопки: 
– боковое меню (располагается сбоку с той же стороны, с которой выдвигается меню, для iOS общепринято, чтобы это кнопка имела иконку из трёх горизонтальных линий и располагалась слева)

– переключение между Входящими и Избранными
– настройка отображения: сортировка (по стоимости, размеру, дате размещения, расстоянию до метро и т.д.), выбор валюты и между полной стоимостью и или за единицу площади
– фильтры, открывающую интерфейс для редактирования существующих и добавления новых фильтров

 

Боковое меню

Появляется с левой стороны при нажатии кнопки Боковое меню. При этом основной интерфейс сдвигается вправо, а небольшая его часть продолжает отображаться — на неё можно нажать, чтобы вернуться обратно к основному экрану. Также это можно сделать проведя по боковому меню слева направо в любом месте.

Содержит пункты-ссылки:
– Фильтры — для перехода к результатам по отдельным фильтрам
– Избранное
– Просмотренное — только те объявления, который действительно открывались
– Архив — все объявления, когда-либо попадавшие во входящие
– Пользовательские списки
– Настройки
– Помощь

 

Карта

Находится под верхней панелью и занимает примерно четверть высоты экрана и всю ширину. Её можно скрыть кнопкой на верхней панели или через настройки. Поверх карты отображаются объекты, находящиеся в данном списке (Входящие, Избранное, Просмотренное или другом) и полупрозрачные кнопки управления: приблизить, удалить, полноэкранный режим, настройки карты (тип карты, спрятать или отобразить кнопки +/–, отобразить зону поиска, отобразить изоклины с расстоянием до метро и т.д.). В центре карты располагается объект находящийся в фокусе.

 

Полноэкранный режим карты

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

 

Основная панель

• Отображается текущий список объявлений. Для каждого предложения выводятся его основные характеристики (стоимость, площадь, адрес, станция метро и расстояние до неё)

• Объявление находящее в фокусе (в месте под картой) выделяется особым образом.

• Действия:
 - сдвиг вправо — заархивировать
 - длинный сдвиг вправо — заархивировать и внести корректировки в фильтр на основании данных предложения (например, не показывать квартиры на первом этаже)
 - сдвиг влево — сохранить в Избранные
 - длинный сдвиг влево — сохранить в список
 - нажать — открыть предложение

 

Режим просмотра предложения

• Карточка предложения с полями для основных характеристик данного типа объектов, описанием предложения и его фотографиями.

• Фотографии открываются во весь экран, их можно листать и приближать. Нажатие на фотографию выводит дополнительное меню (сохранить, отправить, выйти из режима просмотра). Также закрыть фотографию можно движением пальца вверх (как в приложении Facebook на iPhone).

• Карта с обозначенным местоположением объекта отображается в верхней части экрана и смещается вверх при прокручивании страницы вниз.

• Для перехода к следующему/предыдущему предложению нужно листать вправо/влево

• В режиме просмотра предложения в верхней панели отображаются значки Вернуться к списку, Добавить комментарий и 4 основных действий (архивирование, редактирование фильтра, сохранение в избранные, сохранение в список)

• В левом нижнем углу поверх всего отображает значок Телефонная трубка. При нажатии на него появляются контактные данные владельца объявления. Отсюда можно выбрать, по какому телефону позвонить или поставить напоминание о звонке в другое время.

• После звонка появится меню, предлагающие ввести комментарии к объявлению, заполнить оговоренное время встречи или повторного звонка и настроить напоминание.


Примечания

1. Так как мобильные ОС имеют свои общепринятые принципы построения интерфейса, версии для разных платформ могут иметь несколько отличающийся вид. В рамках данного ответа при подробном описании интерфейса подразумевается версия для iPhone/iPod touch.

2. Каждая из описанных функций должна быть обсуждена с дизайнерам и программистами на предмет предлагаемых трудозатрат и целесообразности их внедрения.

3. При добавлении в сервисе возможности создания собственных объявлений, этот функционал необходимо будет добавить и в мобильное приложение, так как благодаря встраиваемым в смартфоны фотоаппаратам, создание объявлений из мобильного приложения может стать удобней чем с сайта и иметь такие дополнительные возможность, как круговые панорамные фотографии и создание плана (см. приложение MagicPlan).