A comprehensive product experience design that fully integrates the smart home automation system under an AppleID in iOS devices including functions such as installation, paring with the accessory, inspection/control in the home screen, and creating scenes.

ServicesUI/UX DesignGenresIoT PlatformToolsSketchWorked withApp Developers


SCOPE:

Even when not at home, a real-time view of the house and device scheduling can be accessed and changed with an iOS mobile device at hand.
Personalized trigger conditions may be configured with ease, fulfilling true automation management in your home. Talk to Siri using voice commands that include device activation, real-time traffic announcements, and weather/news updates of the day.

PROCESS:

01

Competitive Analysis


02

Scope & Define


03

Flowchart


04

Wireframes


05

UI Design


06

UX Spec


Screen Flow


Planned out user flow and information architecture, including detailed functions on each screen and its corresponding user flow. Developed a full set of documents which included UX specifications, which assisted the app developers to cross-relate every process detail during implementation, enabling efficient viewpoints from user perspectives.

App Design for HomeKit


Thorough execution of user interface design, system structure, and user flow designation for smart home devices based on Apple HomeKit user interface guidelines.

All criteria meet the official HomeKit interface guidelines and system development agreements, and are applicable on all Apple HomeKit supported smart home devices.

Wireframe Development


Drew out primary design solutions using clear wireframes for further discussion with app developers concerning UI treatments, data presentations, user flow, device, and room/zone categorizations.

Welcome Home

The first step in any HomeKit supported smart home device is the pairing onboarding process between the accessory and the hub.

To initiate a scan of nearby accessories, simply log into an ‘iCloud Account’ and go through the installation configurations.

Icons & Images 

Interface icon designs were presented in graphs as much as practicality allowed, a design direction that helps users to effectively organize all devices and their assigned rooms and/or zones.

Every device subset has a corresponding icon: electronics, lighting, audio, fans, doors/windows, etc. Linked icons show which spaces devices are assigned to: living room, study, balcony, entrance, corridors, bathrooms, bedrooms and so on.

These icons can also be seen on menus and hovering over the home screen during the pairing process.

Management View

Main categories:User – Home – Zone – Room – Devices. All base data structures adhere to the developer documentation as released officially by Apple.

Every device must be assigned under a ‘room’ within the ‘home,’ as it is so in real life, exemplifying the overall convenience of the system itself. As the fleet of smart devices expands, the system can still fully grasp an efficient overview without overlooking a single device.

Home: as in my house, vacation house, or the office.

Zones: balcony, garden, interior 1stfloor, 2ndfloor, or the garage.

Rooms: kids’ room, master bedroom, living room, kitchen, bathroom, basement, attic, or dressing room.

Create Scenes

‘Vacation’ / ‘Sleep Mode’ / ‘Weekend Mode’ / ‘Weekday Routines’ / ‘Party Mode’ /

Different scenes of operation to better suit all possible occasions. Some require security and surveillance systems, while others focuses on audio systems and atmospheric lighting. Sleep mode involves the exterior security systems and the night lights which aid in walking through the corridors.

For rainy days, the sprinkler systems will plan ahead and shut off its original routine. Through app configurations and devices working closely together, the system talks to individual devices based on schedule, modes, and conditions. All actions can be smartly and effortlessly prepped in advance.


Scenes can also be tailored with individual schedules, such as creating unique personal “Good Morning” > “I’m Leaving” > “I’m Home” > “Good Night” modes. Perhaps you’d like the coffee ready at eight, with Siri talking about the weather and traffic conditions. Maybe you’d be returning home a bit late, the system could arrange the garden lights to meet you at the door.

Or, if by some accident the dog ran out the back door, a notification would pop up right away on your phone. Also, the living room shades should be drawn by 9:00PM, as with any proper home.

A home that manages itself.

Trigger features make a home that runs on its own through smart triggers between connected devices.

Security mode triggers whenever you leave home, and sends notifications through motion detectors, saving video and photo surveillance for your review once you return. A truly futuristic home brought to reality.

Card View of Appliances

A card-view UI treatment for efficient reviewing of all devices and their assigned rooms and homes. An infographic view of all data shows from device status, historical energy consumption.

UI Specification


Using clearly defined interface specifications as the foundation for discussion with developing teams. Benefits development concerning user flow, detailed feature remarks, user interaction, and visual guidelines for icons and graphic style. Down to the utmost details include device properties, data range, and even the number of characters displayed per field.