Мобильное приложение «Ну и погода»

ЧТО МЫ СДЕЛАЛИ: ДИЗАЙН-КОНЦЕПЦИЯ, ДИЗАЙН ANDROID ПРИЛОЖЕНИЯ
О клиенте
Сервис «НУ И ПОГОДА» — это сайт о погоде, который работает в 170 городах России. По данным Яндекс.метрики (за период в 12 месяцев), его посещает 1 290 000 человек в месяц. Запуск собственного мобильного приложения был необходим, чтобы часть аудитории перешло в более удобный канал взаимодействия с сервисом. Клиент самостоятельно разработал прототип Android-приложения. По функционалу он его полностью устраивал, нужно было поработать над его визуальной частью, над дизайном.
Проектный анализ
1
Изучение текущей версии приложения
Чтобы предлагать какие-то решения по дизайну, нужно познакомится с продуктом, знать рынок и конкурентов. С этого мы и начали.
2
Конкурентный анализ сторонних приложений
Были рассмотрены следующие приложения: Яндекс погода, Gis Meteo, Погода rp5, Yahoo! Погода, AccuWeather.
3
Персонажи и сценарии использования
Интерфейс должен отвечать на вопросы пользователя, предвосхищать его потребности. Изучив группы существующих пользователей сайта, мы подготовили 3 наиболее обобщенных персонажа и сценария использования приложения.
4
Продуктовые гипотезы
Завершили этап работ серией продуктовых гипотез о том, что поможет улучшить интерфейс разделов приложения и повысит их удобство. Часть гипотез ушла в работу по созданию дизайн-макетов, часть была отброшена, часть доработана совместно с клиентом.
Были рекомендации и прямо не относящиеся к дизайну: push-уведомления, советы по формату и размеру рекламных блоков, смена части заголовков на более простые либо отказ от них там, где все очевидно. Предоставили несколько сервисов для сбора данных о пользователях и их поведении в приложениях.
Поиск примеров и подходящего образа
Мы подобрали несколько примеров других приложений и интерфейсов, разбавили их фотографиями, цветами и объединили в несколько стилевых решений. Так мы показали стилевые направления, в которых дизайнер рекомендует двигаться, создавая дизайн-макеты. Затем выбрали одно из них.
Экран «Детали на день»
Начали с экрана «Детали погоды на день». В прототипе приложения на экране был слайдер с ближайшими 14 днями, который позволял переходить только на 1 день вперед или назад, что сильно ограничивало пользователя, который хотел посмотреть, что будет через ~ 5-7 дней.

Мы переделали механику работы экрана и слайдера. Во-первых, слайдер с днями теперь работает отдельно от всего, что находится под ним и при скролле закрепляется сверху. Можно переходить к любому дню одним нажатием. При этом, вся нижняя часть экрана тоже может свайпиться пальцем влево и вправо, переключаясь на день вперед или назад.

Блок с детализацией по выбранному дню имеет свою индивидуальность, «скрепляя» нижний и верхний блоки информации.

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

На экране также нужно было показать фазы луны, восходы и закаты, световой день. Данных много и нужно было связать их, объединив в целостное пространство. Сделали это с помощью обычной линейной графики и анимации. Пользователи могут переключаться между днями и часами, видя на круге движения солнца и луны.
Превращаем идеи в простые и понятные digital-продукты
Заполните короткую форму для связи с нами. Еще нам можно написать hi@standapp.pro или позвонить +7 (913) 843-00-45
Made on
Tilda