{"id":14287,"url":"\/distributions\/14287\/click?bit=1&hash=1d1b6427c21936742162fc18778388fc58ebf8e17517414e1bfb1d3edd9b94c0","title":"\u0412\u044b\u0440\u0430\u0441\u0442\u0438 \u0438\u0437 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0434\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0437\u0430 \u0433\u043e\u0434","buttonText":"","imageUuid":""}

Умное приложение для Умного Дома. OneHome — дизайн-кейс с хакатона

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

Темы проектов на Хакатоне

Для участия в хакатоне нужно было зарегистрировать команду и выбрать одну тему из трёх направлений:

  • Нейрокейсы — сделать проект с нейросетями, например Реализовать Чат Бот, который на основе написаных вами продуктами и ингридиентами выдаст вам подборку рецептов блюд для приготовления.
  • Финансовая Биржа — придумать сайт/приложение для биржы, с новостями из мира финансов, подборка акций и тд
  • Яндекс Кейсы — кейсы предоставленные компанией Яндекс, что мы в итоге и выбрали.

Кейс Яндекса — тема 22

Системы умного дома. Участники создадут приложение, использующие Яндекс-карты, чтобы помочь пользователям отслеживать и контролировать свои системы умного дома и автоматизировать рутинные задачи.

Из ТЗ Хакатона

После выбора темы у нас была неделя на реализацию проекта.

Начало работы

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

Что такое Умный Дом?

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

DevStack

Это только часть нашего Dev Stack, которую мы использовали на Хакатоне, в будущем он расшириться

Изучение конкурентов

Перед проектированием дизайна нашего приложения наша команда решила проанализировать похожие проекты на рынке. Мы выделили 3 главных

Умный дом c Алисой

Логотип приложения Умный Дом с Алисой

Основные функции

  • Можно подключать разные устройства
  • Голосовой ассистент Алиса
  • Есть сценарии действий

Умный дом. ru

Логотип приложения Дом.ру

Основные функции

  • Можно подключать разные устройства
  • Управление камерами в доме
  • Диктофон и видеозапись с камер дома

Mi Home

Логотип приложения Mi Home

Основные функции

  • Можно подключать разные устройства
  • Управление камерами в доме
  • Облачное хранилище видезаписей

Проектирование дизайна

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

Скетчи

Сначала наша команда решила, что экран будет простым и не переносыщенным. На нем просто будут распологаться комнаты и кол-во устройств в них же.

Но, потом я предложил другой вариант с более упрощённым UX.

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

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

Вот, что получилось в итоге

Такой дизайн позволяет сосредоточить внимание именно на ваших устройствах, а не комнатах. Теперь лишь достаточно воспользоваться скрол-баром в верхней части экрана, чтобы перейти в другую комнату. А чтобы посмотреть подробнее про устройство — просто нажмите на ячейку устройства.

Остаётся лишь вопрос — как добавить новые устройства и комнаты?

Как добавлять новые устройства или комнаты? — Экран Добавления

Процесс добавления начинается из навигационной панели

Экраны Добавления

На этом экране пользователи могут добравлять умные устройства, дома, людей и комнаты

Процесс добавления нового человека

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

Процесс добавления нового дома

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

Суть идеи

Мы разрабатываем приложение умного дома, а что если сделать так, что у пользователей будет возможность не только добавлять устройства для умного дома, но и обычные, например ноутбук или электросамокат?

А с помощью Яндекс Карты можно отслеживать, где они находятся. Помимо устройств можно будет отслеживать и членов своего дома.

Реализация Идеи — Экран Карты и Экран Пользователя

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

Экран Ваших Устройств

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

Экран Ваших Членов Семьи

Будущие проекта

Если вы дочитали этот кейс до конца, вам интересно, что будет дальше с этим проектом?

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

Поэтому, если вам понравился проект, то можете поставить лайк под кейсом и подписаться на мой блог на VC.RU 👨‍💻

А также на мои социальные сети 👇

Туда я буду выкладывать информацию о OneHome и других проектах

Можете также подписаться на мой Behance и Dprofile, туда я скоро выложу дизайн кейс этого проекта 🙌

Огромное вам спасибо за то, что дочитали эту статью до конца! Напишите внизу комментарий по поводу проекта, и не забудьте подписаться, и оценить статью! Я открыт к критике и буду рад с вами пообщаться!

До новых встреч!

0
2 комментария
withapoll
Автор

Огромное спасибо моей команде, вы лучшие 🥳👍🙌

Ответить
Развернуть ветку
Валентин Потапов

У меня есть своя реализация приложения для умного дома с несколькими продажами в офисах, не в СНГ. Могу цеплять к нему чужие или делать свои датчики. Как ее продвигать в одиночку не особо понятно. Если кому то интересно партнерство то можно обсудить. Дизайнера в приложении не было.

Ответить
Развернуть ветку
-1 комментариев
Раскрывать всегда