Интеграция погоды в карты

Интеграция Погоды в Яндекс Карты

Для повышения лояльности пользователей за счёт нового свойства продукта.

Интеграция Погоды в Яндекс Карты

Для повышения лояльности пользователей за счёт нового свойства продукта.

Контекст

Яндекс Карты ежедневно помогают пользователям с построением маршрутов.

Погода — один из факторов, влияющих на навигацию: помогает решить, на каком транспорте ехать, стоит ли выйти заранее, взять зонт и многое другое.

Поэтому стоит задача интегрировать сервис Яндекс Погода, чтобы помогать пользователям эффективнее решать задачи навигации

Анализ конкурентов

В первую очередь, я проанализировала решения, которые уже представлены на рынке. Я скачивала приложения и изучала их, отмечала плюсы и минусы.

На что обращала внимание:

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

Это исследование помогло мне сделать первичные выводы:

Удобно, когда погода показывается не только в геоточке пользователя, но и по маршруту;
Можно добавить кнопку с Погодой на экран Карты, чтобы функционал был «под рукой», не прятать в «Подробнее о маршруте»;
В общей сводке погоды показывают: температуру, осадки, температура «ощущается как», погода по часам; по маршруту: градусы, осадки.

Проверка гипотез: интервью с пользователями

Провела с напарницей по проекту 10 интервью. Респондентов отбирала среди пользователей приложений карт и погоды, а так же с разным основным способом передвижения, чтобы собрать более объективные данные. Вот ключевые выводы:

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

На основании результатов интервью, сформировала персону

На основании портрета персоны, было разработано решение

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

Реализация

На основе всей полученной информации, я построила User Flow, чтобы убедиться, что сценарий с погодой органично встроен в существующую логику приложения и понять, какие экраны уже есть, а какие нужно добавить или изменить.

Основной сценарий учитывает просмотр погоды по маршруту и уведомление об осадках по маршруту

Первая итерация дизайна

На главном экране отображается кнопка с погодой. Так же предусмотрела плашку с оповещением о новом функционале
Если по маршруту ожидается дождь, то кнопка погоды раскрывается и сообщает об этом
На экране погоды отображаются температура, осадки в моменте, а так же в течение дня

После собрала интерактивный прототип и провела юзабилити тестирование, чтобы проверить понятен ли функционал пользователям. На основании обратной связи доработала макет.

Финальный дизайн

Онбординг

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

Экран погоды

Добавила небольшую плашку с погодой над геометкой — теперь ясно, что погода отображается именно в этой точке маршрута

После повторного анализа интервью и первой волны тестирования, я оставила только ключевые параметры — температуру и осадки, чтобы сделать интерфейс чище

Экран погоды

Добавила небольшую плашку с погодой над геометкой — теперь ясно, что погода отображается именно в этой точке маршрута

После повторного анализа интервью и первой волны тестирования, я оставила только ключевые параметры — температуру и осадки, чтобы сделать интерфейс чище

Информирование об осадках

Сделала более контрастный тултип в рамках текущей дизайн системы