Приложение T-One

Заказчик ставит непростую и крайне интересную задачу — спроектировать и разработать дизайн приложения, которое сочетает в себе функционал навигатора, геотрекера, умного дома и дистанционного управления автомобилем. Разбираемся в возможностях приложения:
Каждый из разделов содержит в себе богатый функционал. Аналога приложения, сочетающего в себе сразу все эти возможности, на рынке нет. Поэтому анализируем, как реализованы отдельные функции в разных приложениях:

Получается очень много функционала для одного приложения. Сейчас все крупные игроки рынка следуют принципу упрощения: одно приложение — одна функция (например фейсбук + мессенджер или инстаграм + бумеранг + гиперлапс).

Но у нашего приложения есть одна важная особенность — сценарии, которые позволяют сочетать весь функционал и создавать разные дополнительные возможности. Например, включать в квартире свет, чайник и музыку, когда хозяин приближается к дому. Или сообщить родителям, что ребенок покинул дом в 8 утра, а в 9 — еще не находится в школе. Думаем над тем, как уместить весь функционал в одном приложении, начинаем работу над прототипами:

Чтобы клиент мог представить, как будет выглядеть приложение, готовим видео о примерах взаимодействия с приложением на основе прототипов:
Постепенно детализируем прототипы и расширяем функционал. По ходу работы и обсуждения экранов с клиентом, появляются новые идеи, а в приложение добавляются новые возможности:
Когда прототипы согласованы, начинаем работу над дизайн-концепцией. Добавляем цвета и эмоции:
Приступаем к прорисовке вариантов внутренних страниц в разделах приложения:
Эволюция главного экрана приложения:
Продолжаем работу над разделами приложения. Чтобы было проще сориентироваться в обширном функционале, добавляем систему цветового кодирования — каждому разделу (машина, вторая машина, квартира, загородный дом и т.д.) присваивается свой цвет:
Прорабатываем взаимодействие с виджетами — отрисовываем каждую иконку в активном и неактивном виде:
Упрощаем подачу информации в интерфейсах трекера и навигатора, добавляем лаконичности и большей информативности:
Работаем над представлением информации на карте — делаем более наглядным отображение меток, геозон, людей:
Прорабатываем экраны трекера и навигатора:
Доделываем раздел «автомобиль». Вводим цветовое кодирование баллов за стиль вождения, добавляем информативности с помощью совмещения на экране виджетов и карт:
В статистике стиля вождения упрощаем график. Оставляем острые углы только для поездок, а при отображении большого периода времени делаем амплитуду плавной:
Дорабатываем все экраны раздела «автомобиль»:
Решаем наглядно показать возможности «умного дома» и «автомобиля». Создаем иллюстрации к стартовым экранам разделов:
Связующем звеном всего приложения являются сценарии. Они есть во всех разделах, но реализованы по-разному. Принимаем решение сделать единый большой раздел, объединяющий все сценарии:
Идея рождается сразу: завязать все на нативной связке «если — тогда» и при создании сценария выводить информацию последовательно. Готовим для клиента презентацию, демонстрирующую целесообразность такого подхода:
Прорабатываем один пример создания сценария с оповещением:
В процессе работы возникают все новые и новые возможные связки сценариев: возможность включать и выключать различные электроприборы при приближении человека к дому, оповещать родителей, если их дети во время не появились в школе или дома, создавать расписания для обогрева машины зимой и многое другое. После детальной проработки раздела количество экранов разрастается с 5 до 90:
Дорабатываем детали. Действий с автомобилем всего 5, это позволяет наглядно представить их в виде иллюстрации на модельке машины:
Собираем видео-пример создания сценария:
Размещаем виджет «сценарии» на главном экране приложения. Добавляем информативности, указывая количество созданных сценариев, и рисуем узнаваемую иконку:
В завершении клиент просит собрать схемы взаимодействия пользователя с интерфейсом для всех разделов приложения:

Трудились

Староста
Андрей Калибабин
Арт-директор и дизайнер
Георгий Давитая
Дизайнеры
Павел Степанов Дарья Портнова

Со стороны заказчика:

Любовь Мартынова, Сергей Пономарев

Посмотрите результат