Digital thinkers conf.
Яркий сайт для конференции Awwwards — престижного конкурса веб-дизайна
Дизайн сайта и приложения, нейминг и логотип для системы умного дома
Разработать интерфейс мобильного приложения и айдентику для продукта, который отличается от типичных представителей рынка внедрения Интернета вещей. Приложение должно быть понятным массовой аудитории с простым процессом подключения и возможностью настройки автоматизаций.
Bary
IT, Интернет вещей
2019
Нейминг
Логотип
Дизайн мобильного приложения
Прототипы и дизайн сайта
Motion-дизайн
Важно, чтобы название было универсальным как для российского, так и европейского рынка. Мы рассматривали варианты, в которых прослеживается связь с услугой. На финальном этапе предложили 6 вариантов, каждый из них — с наброском логотипа. Выбрали ассоциацию с «умным дворецким»: Bary, производное от Barrymore — фамилии дворецкого из книги Артура Конан Дойла.
Логотип — персонаж на основе замочной скважины и камеры наблюдения, который всегда следит за порядком в вашем доме.
Bary — мобильное приложение для объединения IoT-устройств в единую систему «умного дома» с помощью Wi-Fi. Разработали интерфейс приложения, которое позволяет централизованно управлять гаджетами различных производителей и функционала.
Главный запрос клиента — доступность приложения для пользователей с любым уровнем технической подготовки и простота подключения устройств, как противоположность другим подобным приложениям. Эти требования мы отразили в интерфейсе.
Интерфейс Bary построен на ключевых для пользователя функциях: подключении новых устройств; объединении девайсов по зонам — кухня, ванная и так далее; и добавлении новых пользователей — разделили роли по возрастам, чтобы задать разные параметры доступа для каждого члена семьи.
Основные разделы вынесли в панель инструментов внизу для быстрого доступа. Каждая функция изображается в виде узнаваемой иконки.
Пожалуй, самый ответственный момент — первоначальная настройка системы. Чтобы не перегружать пользователя, решили построить процесс поэтапно. Каждый шаг отображается на отдельном экране — это позволяет не рассеивать внимание и сделать настройку менее монотонной.
Добавили возможность гибкой настройки на уровне отдельного устройства или хаба. Новые зоны и умные устройства подключаются через набор однотипных настроек: пользователю не придется каждый раз разбираться в сложных параметрах.
Выводим полную информацию в разделах статистики и событий: о показателях с устройств, их действиях и затратах ресурсов. Показываем электропотребление каждого из настроенных приборов: через изменение цвета приложение даст знать, если какой-то из них превысил средние показатели, и поможет сэкономить.
Все произошедшие события хранится в приложении — можно посмотреть, что происходило с каждым из приборов: например, с датчиком движения. Продуманный набор иконок с цветовой кодировкой сразу даст понять, если устройство сигнализирует о срабатывании датчика или ошибке программы.
Что происходит дома в ваше отсутствие? В разделе видеонаблюдения добавили широкоформатные видео — чтобы клиент не упустил ни одной детали. На первом экране раздела доступны к просмотру записи сразу с нескольких камер дома.
В зависимости от возможностей установленной камеры, можно управлять качеством картинки, менять режим съёмки, просматривать материал по времени, а также видеть историю событий с датчика движений.
Сценарии и автоматизации — одна из самых интересных функций Bary. Она позволяет настраивать включение нескольких устройств в определенной последовательности с помощью логических функций. Пользователям предлагается ряд настроенных автоматизаций по умолчанию для выбора готового решения со списком необходимого оборудования.
Запуск каждого нового сценария и автоматизации в приложении реализован на отдельном экране. Сценарии могут как включаться вручную, так и срабатывать от определенного триггера: например, открытия входной двери.
Сделали кликабельные прототипы в Principle, чтобы наглядно передать информацию разработчикам: избежать разногласий с командой на стороне заказчика и убедиться, что финальный продукт будет полностью соответствовать макетам.
Также создали лендинг для продвижения продукта на рынке, но это уже совсем другая история :)
Мы используем куки и с помощью анонимной статистики делаем сайт ещё лучше