CASE 02 / 2025
UX research – UX/UI design – concept
ЯНДЕКС КАРТЫ
× ПОГОДА
взять зонт или поехать иначе?
Роль
UX-исследователь и UX/UI-дизайнер
Задача
Интеграция Погоды в Яндекс Карты
Платформа
Mobile · iOS
Формат
Учебный проект Яндекс Практикума · команда из 4 человек · месяц
ОБЛОЖКА · ЯНДЕКС КАРТЫ × ПОГОДА
01
– Задача
Тема пришла от Практикума: в Яндексе сервисы всё теснее связаны друг с другом, и Картам нужна Погода. Задача – сделать так, чтобы погода помогала выбирать маршрут, а не мешала. Команда из четырёх человек, месяц на всё, в конце – ревью.
Прошли полный цикл: исследование рынка и пользователей, формулировка и отбор гипотез, user flow, интерактивный прототип и его тестирование на респондентах.
01
Исследование
конкуренты, интервью, CJM, портрет пользователя
02
Гипотезы
проблемы, гипотезы, выбор и аргументация
03
Проектирование
точка обратной связи, user flow, прототип
04
Тестирование
5 респондентов, выводы
05
Итоги
что подтвердилось и что дальше
02
– Анализ конкурентов
Карты не знают про погоду,
погода – про маршруты
7 сервисов: 3 карты и 4 погодных
Продукт
Тип
Для кого и в чём ценность
Слабые стороны
Google Maps
Картография и навигация
Обычные пользователи и профессионалы – таксисты, курьеры
Неполные офлайн-карты, зависимость от интернета, не всегда оптимальный маршрут
2ГИС
Справочник организаций и карты городов
Поиск организаций, графиков работы и отзывов
Недоступен в Google Play, часть функций работает только онлайн
Guru Maps
Картография и навигация
Туристы и поисково-спасательные отряды: работает без сети
Ограниченный офлайн-режим, базовые функции – по подписке
Gismeteo
Прогноз погоды
Наглядный прогноз на каждый день
Навязчивая реклама, перегруженный интерфейс, неточные долгие прогнозы
Погода Mail.ru
Прогноз погоды
Быстрая проверка прогноза с телефона
Неточные долгосрочные прогнозы, мало данных по регионам
Meteoinfo
Сайт Гидрометцентра России
Доверие к государственному источнику
Не все города, неудобный сайт, нет определения геопозиции
rp5.ru
Прогноз погоды
Спортсмены, рыбаки, путешественники
Устаревший дизайн, нет карты осадков
Вывод
Функции, которая помогает выбрать маршрут с учётом погоды, на рынке пока нет. Но видно, что конкуренты уже думают в эту сторону – значит, ниша открыта.
03
– Интервью и инсайты
Погода – фактор принятия решений
4
респондента 23–33 лет из Москвы, Санкт-Петербурга и Костромы. Все регулярно пользуются навигаторами, в основном Яндекс Картами.
Портрет пользователя
«Не все хотят тратить больше денег на такси, но все хотят комфорт и побыстрее добраться до пункта Б»
01
Навигатор – ежедневный инструмент
Помогает понять, сколько займёт дорога, когда выезжать и что можно зацепить по пути.
02
Погода влияет на выбор
От неё зависят одежда, способ передвижения и время выхода, особенно без личного автомобиля.
03
Общего прогноза мало
Важно знать погоду в конкретном районе и на протяжении маршрута, а не только в точках А и Б.
04
Постоянный прогноз мешает
Не все хотят видеть погоду на карте всегда – нужна возможность скрыть слой.
05
Что хотят видеть
Температуру, ветер и карту осадков: они сильнее всего влияют на решение.
Проверка 10 исследовательских гипотез
6 подтвердились · 1 частично · 3 не доказаны
№1
да
№2
нет
№3
да
№4
нет
№5
нет
№6
да
№7
да
№8
отчасти
№9
да
№10
да
04
– CJM
Путь пользователя: где погода ломает планы
01
Открывает Яндекс Карты
Действие
Хочет выбрать способ передвижения с учётом погоды
Эмоция
Нейтрально
Ожидание
Приложение открывается быстро и без багов
Барьер
Не обновил приложение, плохой интернет
Решение
Офлайн-доступ к картам
02
Поиск маршрута
Действие
Ищет лучший способ добраться с учётом погоды
Эмоция
Раздражение из-за выбора и прокладывания маршрута
Ожидание
Поиск предлагает варианты маршрута
Барьер
Погода меняется – маршрут нужно быстро перестроить
Решение
Рекомендовать маршруты исходя из погодных условий
03
Выбор способа передвижения
Действие
Изучает предложенные варианты
Эмоция
Удивление: приложение предлагает варианты под нестабильную погоду
Ожидание
Точный прогноз погоды в навигаторе
Барьер
Неверный прогноз, из-за него выбран неудачный способ добраться
Решение
Часто обновлять прогноз и предупреждать о нестабильной погоде до старта
04
Путь из А в Б
Действие
Определился со способом и начал путь
Эмоция
Нейтрально
Ожидание
Без проблем добраться до точки Б
Барьер
Способ передвижения не подошёл под погоду
Решение
ИИ-анализ погоды и маршрутов, уведомления о резких изменениях в пути
05
Результат
Действие
Добрался до точки Б
Эмоция
Радость, что маршрут окончен
Ожидание
Погода не помешала комфортной поездке
Барьер
Маршрут довёл до адреса, но дальше непонятно, куда идти
Решение
Полный путь до точки, включая карты зданий
05
– Проблемы и гипотезы
От историй пользователей – к гипотезам
Из семи пользовательских историй в работу взяли четыре – приоритизировали по ICE и матрице «значимость – сложность». На каждую – по две гипотезы решения.
Проблема / история
Гипотезы: мы предполагаем, что…
01
Когда я забыл посмотреть погоду, я хочу получать уведомления о прогнозе и его изменениях, чтобы не попасть в неудобное положение
→
Пуш-уведомления на заблокированном экране помогут оставаться в курсе погоды в течение дня и скорректировать планы
Статус погоды по часам в виджете на экране блокировки вовремя предупредит о переменах, пока пользователь в пути
02
Когда я планирую маршрут, я хочу получать рекомендации по погоде, чтобы не испортить себе настроение
→
Подсказка «погода изменится в ближайшие 3 часа» при построении маршрута поможет лучше подготовиться к выходу
Показ погоды в конечных точках маршрута поможет сориентироваться в дальнейших действиях
03
Когда мне одновременно показывают полосы, камеры, маршрут и погодные слои, я хочу отключить часть функций, чтобы их обилие не раздражало
→
Переключатель видимости погоды в навигаторе не даст перегрузить пользователя лишней информацией
Настройка погоды с отдельным отключением карты осадков повысит комфорт от использования Карт
04
Когда мне нужно доехать до места, я хочу знать точный прогноз, чтобы сэкономить время в пути и знать, что надеть
→
Более частая выгрузка прогноза в навигатор улучшит качество погодных данных
Подробный прогноз в маршрутных картах поможет эффективнее строить планы на день
06
– Выбранная гипотеза
Погода там и тогда, куда едешь
Job story
Когда я планирую поездку по маршруту, я хочу видеть точный прогноз погоды в ключевых точках пути и ко времени прибытия, чтобы адаптировать маршрут или подготовиться заранее.
Аргументация
Пользователю важна не погода «сейчас», а погода там и тогда, куда он едет: выезжаешь в +20°, а через 40 минут приезжаешь в ливень. Сейчас погода в навигаторе не привязана ко времени и точкам маршрута.
Ощущение контроля
пользователь заранее знает, что его ждёт
Экономия времени
приложение само предлагает маршрут лучше
Подстраховка
понятно, что взять и как одеться
Влияние на GDU / DAU
01
Дополнительная ценность для ежедневных поездок
02
Меньше фрустрации от неожиданной погоды
03
Конкурентное преимущество: такого нет у других карт и погодных сервисов в одном флоу
04
Больше повторных использований за счёт точных прогнозов
Метрики успеха
01
Рост числа пользователей, посмотревших прогноз перед поездкой
02
Рост числа адаптированных маршрутов: время, транспорт, одежда
03
Положительные ответы на встроенный вопрос «Помог ли прогноз?»
07
– Точка обратной связи
Один вопрос
после поездки
Мини-опрос показывается в конце поездки или при следующем открытии приложения с функцией погоды: «Был ли вам полезен предложенный маршрут?»
Ответы «Да» / «Нет» – прямой сигнал для метрики «Помог ли прогноз?» и не отнимают у пользователя время.
да / нет – и всё
01 · Вопрос после поездки
02 · Ответ выбран
03 · Возврат к карте
08
– User Flow
Основной сценарий
01 · Старт
Планирует поездку и открывает Яндекс Карты – заранее или перед выходом
02 · Адрес
Точка А по GPS или вручную, вводит точку Б
03 · Маршрут
Приложение показывает маршрут с картой погоды
04 · В пути
Актуальная погода на маршруте и уведомление, если она меняется
05 · Финиш
Завершение поездки и вопрос «Прогноз погоды помог вам сегодня?»
Развилки на шаге 03 и их исходы
Пользователь смотрит прогноз
Есть погодные риски → жмёт на плашку погоды → соглашается изменить маршрут
позитивный
Экономит время и чаще пользуется функцией
позитивный
Согласился, но в итоге потратил больше времени
негативный
Учёл прогноз, а он оказался неточным – теряется доверие к фиче
негативный
Пользователь игнорирует прогноз
Всё прошло нормально – ценности функции не почувствовал
нейтральный
Промок или замёрз – выше готовность смотреть прогноз в будущем
позитивный
Игнорирует уведомление, но погода совпала с прогнозом
нейтральный
Игнорирует опрос в конце поездки
нейтральный
09
– Прототип
Погода на маршруте: ключевые экраны
01 · Запуск
Знакомый пин Карт с зонтом Погоды
02 · Маршрут
Привычное построение маршрута, иконка погоды – на карте
03 · Есть маршрут лучше
Плашка у иконки погоды подсказывает про альтернативу
04 · Виджет погоды
Осадки, ветер, почасовой прогноз и кнопка «Изменить маршрут»
05 · Изменённый маршрут
Вариант, который быстрее и комфортнее при текущей погоде
06 · Поездка
Маршрут с учётом погодных условий
07 · Вернуть маршрут
Исходный маршрут возвращается одной кнопкой, тумблер выключает погоду
08 · Погода скрыта
Тем, кому прогноз не нужен, он не мешает
10
– Дизайн-решения
Виджет по мотивам Яндекс Погоды
Виджет – по мотивам Яндекс Погоды. Хотелось показать не только саму функцию, но и то, что сервисы Яндекса связаны между собой.
Выделяет
Тёмный погодный градиент отделяет виджет от светлой карты
Заставляет подумать
Состояние погоды и подсказка про маршрут читаются с первого взгляда
Всё равно привычно
Компоненты и логика остаются консистентными с Яндекс Картами
Погодные градиенты
Day Clear
#335DB8 · #45A0E7
Night Rainy
#011039 · #5B74B7
Night Snowy
#050721 · #1F223B · #3B4664
Fogy Rainy
#78818D · #57616D
UI-кит
Виджет погоды, ячейки почасового прогноза, кнопки и алерт «Есть маршрут лучше» собраны компонентами с вариантами состояний.
всё на компонентах
11
– Тестирование
5 респондентов, один сценарий
прототип не должен подсказывать
Иван
30 лет · Алматы
Пользуется 2ГИС, меняет маршрут или одежду по погоде
Наблюдение
Сразу заметил иконку погоды, но ждал слой покрытия, как в Яндекс Погоде
Регина
29 лет · СПб
Всегда смотрит погоду перед выходом
Наблюдение
Ожидала слой погоды; иконки на карте неприметны
Аиша
23 года · Москва
Часто ездит на такси
Наблюдение
Уведомление у иконки погоды незаметно; альтернативные способы поездки отвлекают
Андрей
21 год · Москва
Редко смотрит прогноз, ездит на общественном транспорте
Наблюдение
Уведомление о маршруте плохо видно
Павел
33 года · Москва
Ориентируется на прогноз, ездит на своём авто
Наблюдение
Всё было понятно, но UI не понравился
Общие выводы и аргументация
01
Функция воспринимается полезной
Почти все респонденты так или иначе ориентируются на прогноз перед выходом. Это подтверждает ценность интеграции погоды прямо в маршрут.
02
Главная боль – неприметность
Иконка погоды слишком маленькая, уведомление рядом почти не замечают. Тут я промахнулась: если хотим, чтобы функцией пользовались, сигнал должен быть ярче.
03
Разные ожидания от формата
Часть респондентов ждала слой покрытия, как в Яндекс Погоде, а не иконки. При этом погоду не всегда хочется видеть. Решение – опция включить или выключить слой.
04
Флоу местами неочевиден
Ограничения прототипа мешали построить маршрут. Нужен более ясный сценарий «одна цель – один маршрут» и упрощённый прототип.
05
UI воспринимается неоднозначно
Один респондент отметил, что виджет ему визуально не понравился. Выборка слишком мала для вывода – нужно отдельное исследование.
12
– Итоги
Что получилось и что дальше
Спустя год я бы почти ничего не меняла – решения мне до сих пор нравятся. Проект научил действовать быстро и копать задачу глубже.
01
Ниша была свободна
Ни один из 7 изученных сервисов не связывал маршрут и погоду. Сразу после нашего спринта похожая функция появилась в самих Картах – совпадение, но приятное.
02
Гипотеза подтверждена
6 из 10 гипотез подтвердились в интервью. В работу взята главная: прогноз в ключевых точках пути и ко времени прибытия.
03
Решение собрано и проверено
Виджет погоды, плашка «Есть маршрут лучше», переключаемый слой и мини-опрос. Прототип протестирован на 5 респондентах.
04
Следующие шаги
Сделать иконку и уведомление заметнее, добавить слой-покрытие с переключателем, отдельно исследовать UI виджета.
13
– Контакты
По вопросам и сотрудничеству – kateshprints@gmail.com
Спасибо за просмотр!
Telegram
Instagram
Проект
Яндекс Карты × Погода, концепт
Дальше
↑ пишите, я на связи
