Arahis

Ace Cop

Arahis

Приложение для легкого поиска мест, акций, событий. Дополненная реальность поможет сориентироваться в городе. Отзывы и рейтинги покажут лучшие места.


Идея — Ace Cop

Дизайн, разработка — Live Typing

Arahis
Городское приложение с амбициями
Задача
Спроектировать и реализовать мобильное приложение для ориентации в городах Казахстана.
Предыстория
Клиент пришел к нам с подробным брифом и результатами работы предыдущей команды, которая не справилась с реализацией дополненной реальности. После вникания в имеющиеся наработки и оценки проекта мы убедили заказчика, что начать стоит с чистого листа. Однако, название было уже зафиксировано — Arahis. Первые буквы AR призваны ассоциироваться с режимом дополненной реальности (Augmented Reality).
Чтобы приложение не было скучным справочником, и пользователи постоянно возвращались к нему, требовалось добавить информацию о событиях и акциях города.
Исследование
Первым делом следовало провести обзор аналогов. Сервисы, решающие похожие задачи, уже существуют в России и мире, но слабо представлены в Казахстане.
Дополненная реальность мало у кого работает на уровне, приемлемом для её использования на практике. Несмотря на то, что AR — не самая важная функция рекомендательно-справочного приложения, заказчик настаивал на ее реализации в первую очередь. Поэтому параллельно с созданием дизайна всего приложения выделенная группа внутри Live Typing взялась за дополненную реальность.
Дополненная реальность (AR)
В качестве примера работы AR было предложено приложение Junaio, которое является некоторой демо-версией технологий компании Metaio. Одним из примеров была навигация в городской среде.
Привязка точек к линии горизонта — трезвая идея, потому как картографические сервисы не предоставляют повсеместно информацию о высоте зданий, а тем более об этажах, занимаемых конкретными организациями. Пиктограмма, рассказывающая о сути заведения, рейтинг и расстояние до объекта — вся эта краткая информация является необходимой и полезной.

У Junaio был ряд недостатков, в том числе технологических. В частности, городской режим AR на некоторых Android-устройствах не работал корректно, пины пропадали, либо приложение вовсе не запускалось. Скорее всего, это связано с активным использованием 3D, что является проблемой на бюджетных Android-устройствах.

Junaio. Дополненная реальность.
Нам необходимо было сделать AR-режим понятным и удобным в использовании инструментом, а не демо-версией технологии.
Решения, принятые при проектировании AR-режима:
1. Выделено три цвета пинов для разделения мест, акций и событий.
2. Пины располагаются в три ряда по высоте. Ряд и размер пина определяются расстоянием до объекта и создают эффект перспективы.
3. Не более четырех пинов в каждом ряду.
4. Активными являются три ближайших к вертикальному центру объекта. Все остальные пины не в фокусе — полупрозрачные.
5. Линия горизонта обозначается точками, которые перемещаются в зависимости от наклона телефона.
6. Точки горизонта соединяются с пинами и мини-карточками сплошной линией.
7. При пересечении объектов более чем наполовину пины объединяются в группу, не нагружая интерфейс.

Arahis. Дополненная реальность.
Места
Места являются основой для любого навигационного приложения. Понятно, что для группировки большого количества мест логично использовать категории, однако если мест действительно много, то приходится группировать уже сами категории. Получается сложная древовидная структура категорий. Нам хотелось иметь гибкость и простоту категоризации, поэтому мы предложили использовать теги. Благодаря тегам одно и тоже место могло находиться во множестве разных категорий, при этом набор мест в любой категории можно уточнить дополнительными тегами.
Внутри карточки места содержится подробная информация о заведении: фото, описание, текущие акции или события, отзывы и контактная информация.
Arahis для Android. Карточка места.
Карта
Для работы с картами был выбран Google Maps — из-за хорошего SDK для Android и iOS.
Если объекты находятся близко друг к другу и пересекаются, то они объединяются в группу (кластеризация точек на карте). Цифрами обозначается количество объектов в группе. При увеличении масштаба группа распадается на отдельные объекты.
Для удобного поиска и отображения объектов на карте и в AR-режиме применяется фильтр. В нем можно настроить выдачу мест, акций и событий по категориям.
Рейтинг и отзывы
Рейтинг заведений формируется из отзывов, оценок, частоты заходов на экран заведения и количества добавлений места в избранное и высчитывается по секретной формуле. В списках места сортируются по рейтингу. Каждый пользователь имеет возможность оставить отзыв только один раз, редактирование своего отзыва разрешено. Все отзывы проходят процесс модерации. Из понравившихся мест, акций и событий формируются списки избранного.
Вход и регистрация
Зарегистрированные пользователи могут оставлять отзывы на конкретные места и выставлять им оценки. Дополнительная возможность — участие в пополнении базы мест.
Зарегистрироваться можно с помощью электронной почты и социальных сетей.
События
Городское приложение немыслимо без событий, которые происходят в различных местах. Это могут быть открытия различных заведений, вечеринки, выступления и прочие мероприятия. У событий есть категории, дата и место проведения. Для сохранения гибкости мы добавили параметр «продолжительность», благодаря которому можно корректно добавлять выставки и подобные длительные события.
Карточка события в списках отлична от карточки места, что помогает пользователю быстро ориентироваться. На мини-карточках показана необходимая информация: название, время проведения и расстояние до пользователя. Для детального просмотра следует перейти в карточку события.
Акции
В разделе акций подобраны актуальные акции, скидки и подарки от заведений. На экране отображаются списки категорий, которые можно проматывать по горизонтали. Такое решение позволяет быстро найти нужную тему акций, не просматривая все карточки одну за другой. Можно перейти на экран конкретной категории.
Промо-экран
В ходе проектирования было решено выделять лучшие места, акции и события в подборки. Основная задача промо-экрана — реклама популярных и рекомендуемых заведений.
В качестве примера оформления подборок взяты магазины AppStore и Google Play. Такое оформление привычно пользователям мобильных устройств и идеально подходит для решения задачи.
Решения, принятые при проектировании промо-экрана:
1. Верхний рекламный баннер привлекает основное внимание пользователя. Баннеры переключаются автоматически с небольшим интервалом.
2. Промотируемые категории мест настраиваются в административной панели и в любой момент могут быть выключены.
3. Подборки мест, акций и событий выводятся единой лентой, но каждая подборка представлена в виде горизонтального списка перелистываемых карточек.
4. Быстрый переход в режим дополненной реальности исполнен в стиле Material Design в виде плавающей кнопки в нижнем углу экрана, гайдлайны Google соблюдены.
5. Поиск по приложению осуществляется в местах, акциях, событиях по названию и адресу.
6. Кнопка «Поделиться» позволит скинуть ссылку на умную посадочную страницу приложения arahis.kz, которая определит текущее устройство и направит в соответствующий мобильный магазин Google Play или Apple AppStore.

Arahis для Android. Главный экран
Поиск
При большом количестве мест, категорий, событий и акций поиск необходим. В качестве поискового движка был выбран Elastic Search. Движок установлен на собственные сервера, настроен и продолжает корректироваться.
На этапе проектирования было решено отказаться от иерархических категорий в пользу тегов — это дает возможность одному и тому же месту присутствовать во множестве категорий. Дополнительно мы реализовали скрытые категории, которые работают как синонимы к уже существующим и помогают категоризировать объекты, не меняя названия текущих специфических тегов.
В мобильном приложении поиск происходит одновременно по местам, акциям и событиям. При этом во время набора поискового запроса включается автоподстановка. В результатах поиска могут выводиться названия категорий для быстрого перехода в соответствующую тематику. Быстрая выдача точек для карты также реализована через Elastic Search.
Создать качественный поиск — не самая простая задача. По сути, нужно сделать мини-Google или Yandex. Мы продолжаем работать над поиском в «Арахисе», раз от раза улучшая его.
Административная панель
Для управления контентом приложения нами разработана административная панель, доступная в браузере. По мере развития «Арахиса» панель будет дорабатываться под нужды редакторов.
Управление местами
Для удобного просмотра мы использовали табличный вид. В списке отображается необходимая информация: название, адрес, рейтинг, участие в партнерской программе, превью картинки.
С текущего экрана в один клик можно перейти в:
— создание места;
— редактирование места;
— список предложенных пользователями мест;
— управление филиалами мест.
Поиск по названию, адресу и категории позволит быстро найти нужное место.
Управление тегами
Для выбора редактируемого тега предусмотрен поиск. Пока мультиязычность тегов не внедрена, изменять можно само название. Фильтрующие теги — это те, которые доступны на экране фильтра в мобильном приложении. Дочерние теги — это подкатегории.
Если убрать флаг «можно назначать», то мы скроем этот тег для использования в интерфейсе редактирования места.
Управление событиями и акциями
С точки зрения управления события и акции очень похожи. Порядок задается простым перетаскиванием мышью. Для редактирования самого контента акции или события есть все необходимые поля.
Работа с отзывами
Модерация отзывов устроена по принципу постмодерации. При необходимости отзыв можно отклонить или вернуть в одобренные.
Отзывы разбиты на три списка:
— ожидающие модерацию;
— одобренные;
— запрещенные;
Push-уведомления
Помимо автоматических push-уведомлений существуют ручные. В веб-интерфейсе администратор может написать сообщение, отметить тип уведомления и указать ссылку на место, акцию или событие, и тогда пользователь при открытии push-уведомления перейдет сразу на конкретный экран.
Управление промо-экраном
В разделе «Промо-экран» можно добавлять и редактировать баннеры, подборки и категории мест. Количество баннеров не ограничено. Есть возможность отложенной публикации. У каждого баннера задается дата первого и последнего дней отображения.
Подборка состоит из списка категорий, внутри каждой категории добавляются объекты и настраивается время нахождения в подборке.
Есть возможность выделять категории (теги) мест для продвижения группы мест.
Поддержка
Мы продолжаем работать над комплексным и очень интересным проектом Arahis: наблюдаем за показателями приложения и поведением пользователей, поддерживаем сервера, рисуем маркетинговые материалы.