Smart Home

APP

UI

UX

IoT

Project Overview
With growing demand for smart home solutions that combine functionality, personalization, and aesthetic appeal.
With the rise of IoT devices and increasingly busy lifestyles, users seek streamlined tools to manage their homes efficiently while maintaining comfort and ease.
This project is a personal project, created out of interest.
Its aim is to improve the current pain points of smart homes and explore the design of smart homes. The entire design is divided into three parts: user research - design proposal - modeling and high fidelity.
Project Overview

Daily Control

Manage lighting, temperature, music, and security systems at home or remotely. Customize scenarios for specific times, e.g morning wake-up or night mode.

Security Monitor

View the status of home security devices like cameras and door/window sensors in real-time. Receive alerts for unusual activity.

Entertainment

Automatically adjust lighting and sound effects when syncing music with a sound system or watching movies.

Automation

Set up "Away Mode" or "Home Mode" to automatically turn specific devices off or on with one tap.

Competitive product analysis
Competitor Analysis from these 5 perspectives
1. Control : How users control the product (app, voice, or physical controls)
2. Automation: How easy it is to set up automation and create scenarios.Are there pre-set or flexible rules?
3. AI Assistant: Support for third-party assistants (Alexa, Google, Siri).Built-in AI features like suggestions or smart actions.
4. Unique Advantages: What makes each competitor stand out? Special features or creative ideas?
5. Overall Weaknesses and Strengths:Weaknesses: Common issues like complexity or limited options.Strengths: What they do well, like simple design or good performance.
Home kit
Mi home
Alexa

Through research and user interviews, three widely used international smart home apps were identified for comparative analysis: Apple HomeKit, Amazon Alexa, and Xiaomi Mi Home.
Looked at these 3 APPS from Old/New compression, APP store review, first hand experience, user interview.


Apple - Home Kit


A flat and minimalist interface, reducing unnecessary secondary transitions.

Customizable logo light options allow users to reduce the issue of products looking too similar.

Listen to user needs and arrange automation in a separate page



The 2D floor plan enhances user experience, but user feedback indicates that some still struggle to locate items because reality is 3D while the display is 2D.

The automation process remains quite complex, requiring users to set numerous conditions to achieve automation.Some settings are overly complicated.


Amazon - alexa

In December 2020 and 2023, new adjustments were made. Now, the "Home" tab is more organized, no longer randomly displaying "Most Relevant" and "Recently Used" items as before. It is also customizable, allowing you to choose what you want to see and use, rather than relying on what Alexa thinks you want to see.


A significant improvement is the device screen. The "Home" tab now focuses more on smart home control, while "Devices" has become more like a settings page, "where you can do more complex tasks."

Product information is integrated into the first page, the Home, while in Alexa, it is displayed on a separate page.

Users can access the "Automation" feature from the "More" menu.



In Amazon, the same feature sometimes appears simultaneously on the first screens of two pages, which affects space utilization efficiency.
The functions are repetitive and troublesome to use.


Xiao Mi - Mi Home


Device management is convenient, Mijia App allows users to create groups of the same type of devices for centralized control, and can be managed by room to improve operation efficiency.

The automation page provides automation recommendations, matches devices in real-time, and suggests automation settings with different modes. I think this is a great feature.


1. When using a large number of products, serious issues arise, such as severe product model homogenization and lack of customization options. As a result, users often don't know which product they are operating, and misoperation of lights is a common problem.

2. The remaining three pages of the product are entirely marketing information, with low utilization. The product structure is overly complex, leading to a poor user experience.

3. According to product feedback, users have mentioned that AI responses can affect their mood. For example, at midnight, when a user asks the AI to play a sleep-inducing song, the AI loudly responds, "Playing now." Therefore, more consideration needs to be given to the AI's non-intrusiveness.

Home kit
Mi home
Alexa

Home Page Compare

Home kit
Mi home
Alexa

Automation Page Compare

Home kit
Mi home
Alexa

Bottom Bar Compare

Improvement opportunity
1. The iteration highlights a stronger trend toward personal operability and customization.
2. A trend toward smarter services, including personalized scene customization.
3. Demonstrates a move toward "seamless technology," such as HomeKit's geofencing concept and addressing user pain points like "AI voice intrusiveness."
1. Lack of an interactive and user-friendly 3D interface; at most, there are 2D models and vague labels, requiring users to physically get out of bed to turn off lights.
2. Voice AI interactions need to provide context-appropriate responses.
3. Automation should be simplified and intuitive, reducing complex workflows.
Advantages to Learn From

Design Strategy - 3D, easy, enjoyable

Model Design

Use an AI model generator, is not drawn by hand, and has references

Wireframe diagram

Component Deisgn

Bottom Bar Compare

Art Style
the light that waits you

This color palette uses yellow as the primary color and dark gray as the base, complemented by frosted glass and noise textures. The design aims to create a cozy and relaxed atmosphere, evoking softness and warmth, perfectly aligned with the aesthetic and emotional tone of smart home users. The choice of materials and colors reflects a balance between modern sophistication and a welcoming, homey feel, enhancing the overall user experience.

Home

Automation

AI Explore