An IoT-based smart electric heating app UI/UX Design

An IoT-based smart electric heating control system UI/UX Design and Implementation. Thanks to the Internet of Things (IoT) which makes the concept of a smart home possible.

An IoT-based smart electric heating app UI/UX Design
About Envi App

About Envi App

The ENVI SMART HEATING App gives you the convenience to manage all your home Heaters from your smartphone, anywhere in the world.

Sync up your home to suit your lifestyle. Let ENVI share insights on your connected devices, help with your house chores and enhance your expe riences, both in and outside your home. All this with a single app.

Our Process

Even though, the app is a concept project, we always follow our processes. Here’s all the stages we go through to create a brand new design.

Our Process - Research
Research
Our Process - Wireframes
Wireframes
Our Process - UI/UX Design
UI/UX Design
Our Process - User Flow
User Flow
Our Process - Style Guide
Style Guide
Designing for Comfort, Simplicity and Functionality

Designing for Comfort, Simplicity and Functionality

Our challenge was to create something that Is both easy enough to use while still providing control over the appliances in user’s home without overwhelming them.

Target Audience

Every user has their very own habits and mental models that they apply to their everyday life. When designing products, you need to keep in mind a specific target group and their characteristics.

Target Audience - Homeowners
Homeowners
Mid-career and Earning over $81,000
Mid-career and Earning over $81,000
Open to new technologies and Likely early adopters of new products
Open to new technologies and Likely early adopters of new products.
Likely to own multiple Smart home devices and appliances
Likely to own multiple Smart home devices and appliances

Our Research

We decided to use a survey to gather quantitative data about our target audience. Our goal was to get to know their habits and their thoughts on smart home appliances.

Our Research

Competitive Analysis

I studied a few smart home industries to identify patterns and catalog their offerings to users.

Competitive Analysis pros $ cons

Pros:

  • Push Notifications.
  • Lighting/ Temperature/ Humidity/ Security System Control.
  • Possibility to change Icons for devices and room.
  • Possibility to display current power consumption.

Cons:

  • Outdated Design.
  • Very poor navigation through rooms and devices.
  • Doesn’t stick to Apple’s design guidelines
Smart Things

Smart Things

Pros:

  • Push Notifications.
  • Lighting/ Temperature/ Humidity/ Security System Control.
  • Possibility to change Icons for devices and room.
  • Possibility to display current power consumption.

Persona

After Competitive analysis research data gather, I came up personas. This persona was used to guide my design Goals end priorities.

Persona - Jordana Smith

Jordana Smith

Age: 26

Job: Software Engineer

Pain Points

  • Heard to navigate and controlling device.
  • Can’t track energy usage and monthly power spending’s.
  • Outdated UI.

Goals:

  • Real time energy monitoring.
  • Get notifications always aware of what is happening in the house.

Customer Journey Map

Customer journey map given us a way of getting into our customer’s heads, helped us gain valuable insights and understanding regarding common customer pain points. Really helped us in understanding what our users want and how they feel.

Customer Journey Map
The Main Pain Points

Information Architecture

Information Architecture

Wireframing

Structure is very important stage of App creation. Wireframes helps clearly see Future interaction of the user and the general flow.

Wireframing

Colors & Typography

Envi app - Typography
Envi app - Colors

Iconography

Envi app - Iconography

Final Design

The final design revolved around the concepts of flexibility, clarity, and friendliness There were achieve through the use of white and bright colour palette, using the iOS Design system components human interface guidelines.

Final Design

Registration

Any smart home app is all about data security. It better to Expilicity ask your users for name, password, verification code instead of simply allowing them to register with a network profile.

Envi app - Dashboard

Dashboard

The main screen of application. From here you can control each device in the house. It has been designed to give you quick access.

Device Control

Device Control

User can control device from anywhere easily. In device control user may change the night light color.

Add a Heater

Heater setup flow process includes searching for nearby device and select the icon of location and room where you want to add your heater.

Add a Heater
Add a Heater - screens

Create New Schedule

Heater create new schedule flow process includes schedule name, rule name, select days of schedule, set time and temperature according to time period.

Create New Schedule
Create New Schedule - screens

Usabilty Testing

Usability testing is a method to evaluate in use of user friendliness of design with the help of users and their feedback.

Usabilty Testing

The goal was to identify any usability problem, we collected qualitative and quantitative data and determined the participant’s satisfactions with the product. The application design evaluation was conducted by 3 users. Their interaction with app was good. They figure out the features and functions effortlessly and provided positive feedback about the work. Below are respective feedback.

  • - Love the concept and very neat and easy to understand.
  • - The application with minimalistic UI design looks attractive and engaging.
  • - Easy accessible and flexibility to connect with friends and family.

What we have learned from this project?

Learned from the Envi Smart Heating app design process affect the way I will approach similar projects in the future. I couldn't have designed a product users love without the help of the people who will actually use it. The user survey revealed unexpected information and made it possible to adapt the product to users' needs. Being aware of users needs and pain points helped me to create a seamless, end-to-end experience.

olready-15092021

Olready Beauty Marketplace Branding & UI/UX Design

Olready - Smart Beauty Club Marketplace where bride can book india's top makeup artists & stylist.

Learn More
logo_2-510x382-14102019

Torr Punjabi

Torr Punjabi is an effort to promote and sustain the rich heritage of Punjab in leather craft.

Learn More