Design an Energy Management App

UNITY


Energy Monitoring/Managing app User Experience An Energy Managing App Designed and Compiled by Athira Gopal UNITY 3.0 Powerpoint Template.

Design Brief Design an Enery Monitoring/Managing iOS App for a Home

Process Flow Understanding Energy Management What is energy management?

Why its required?

Target Audience

Defining the Product Defining the product before designing.

Research Interviews, Data Collection, Data Analysis.

Scenario Building According to the collected information and data Persona building and understanding for how and why this app is designed for and the purpose.

User task matrix

Product Design Process & Implementation The Process from initial sketches, forming the information architecture to wireframe, mockup and Prototype.

2

UNITY

Understanding Energy Management

3

UNITY

Initial understanding of the design requirement, the brief, the product , the users and the app.

Understanding Energy Management

What is Energy Management?

Energy management is the best solution for direct and immediate reduction of energy consumption.

For the last few decades we have been exploring various alternatives to conventional sources of energy like solar, wind and biomass energy. However, due attention must also be given to best utilization of energy, improvement in energy efficiencies and optimum management of energy resources. Infact, energy management deals with already existing sources and actual consumption. It includes planning and operation of energy-related production and consumption units.

Why an app for energy management?

As the advance technological development people depend on smart devices, so providing an easy operating app which keeps target of the power consumption helps in managing the financial as well as avoid many accidents.

Target Audience.

Target Audience are people who are very busy in life who require to operate and control the power consumption in their home even if they are out of town. Also to the ones who have issues related to forgetting to switch off the iron box every time.

How the energy managing device works?

The Device is installed to home's electrical panel and provides insight into the users energy consumption and home activity through iOS, Android, and web apps.

4

UNITY

Creating Personas

After considering the target audience who will be using an energy Managing/ Monitoring app they were categories into four types A working Man/Woman Homemaker.

Senior citizen 5

UNITY

Collage students

Tina Age 34

Personas

Female Entrepreneur Tina is a busy lady , she would like to have app to sort out her daily listening news time setting , also to monitor the power details on her way to her different business trips.

Sita Age 38 Female Homemaker Sita is mother of two kids and she is the one who takes care of most of the household activities, her kids always keeps her busy and she finds it difficult to keep track of the energy usage activities when she leaves her kids at home and go for shopping the kids turn on game console keep the fan on so she want some facility so that she can have a control on managing the power activities.

6

UNITY

Raju Age 70

Personas

Male Retired Manager Raju is a retired officer, he has the problem of forgetting he switch on the water pump and forgets to switch it off so the water overflows as well as the energy is water, or keeps the light on and forget to switch off he needs a reminder and a timer to set his tv watching time after that the entire device is switched off.

George Age 24 Male Collage student

7

UNITY

George is a MBA student he is very cheerful and has a lot of friend, he keeps inviting his friends to home and while spending time with his friends sometimes forget to switch off bulb fan and even sometimes iron box which is dangerous.

Defining the app

The App should have reminder if any appliance is on for a long time, should have a time setting so that appliances like TV, music system, lights in a particular room can be switched off at a certain time , even if in the hurry one has left home still can be in track of what all appliances are on and can be able to switch it off away from home.

The app should be minimal actions so that all type of people can operated the app.

8

UNITY

Similar product study Finding and learning more for this app as well as the existing apps really helped a lot to solve forming the information architecture and setting the hierarchy.

9

UNITY

Information Architecture The organizing of information, including site hierarchies, web content, labeling schemes and navigation. IA makes it easy for people to find, understand and manage information.

10

UNITY

Information Architecture The organizing of information, including site hierarchies, web content, labeling schemes and navigation. IA makes it easy for people to find, understand and manage information. The final flow diagram.

Welcome page

Login Page

Connect to the device entering user ID and password

Report

Scheduler

Settings

Current usage

Weekly /monthly report

Current usage

Help Tips

Appliances list

Usage of appliances

Appliances list

Connect to home assistant

On Off toggle

Download option

On Off toggle

Task setting for different appliances

Quick links

Quick links

Reminder for bill Payment

Set Usage limit

Real Time consumption details UNITY

Web Page

Dashboard

Add Appliances

11

Get started

Cost applied on the usage

Set price details

Initial Sketches and iterations in creating the app flow structure

12

UNITY

Hand drawn mock ups

13

UNITY

Hand drawn mock ups

14

UNITY

Hand drawn mock ups

15

UNITY

Wire Frame

16

UNITY

Work flow

On taping to get started lands at the mobile website of Unity app showing the instructions on how to get started

Once the details entered and logged the device tries to discover and connect to the sensor connected to the main power source.

The Welcome screen there appears the logo along with the get started and login CTA

On taping on Log in it directs too the log in page where one has to give the details user id and password provided in the product package 17

UNITY

Once the connection is successfully established it takes to the Dash board which shows the real time consumption which all appliances are working what all appliances the device identified also the global navigation bar provides the quick buttons to perform different task

The drop down hamburger menu contents shows up.

Scheduler

When the scheduler is clicked from the menu or the quick icons it takes to the page where one can manage the duration an appliance required to be turned on or off.

UNITY

The AC is selected to be scheduled with a task.

The ‘Start time’ and the ‘end time' is set, also the option ‘all day’ as well as ‘repeat’ is provided, and the ‘repeat’ is customised for the user to set the task to happen daily or on specific days and auto shut down. Also a small description appears in the screen saying about what each tab represent.

Once the task is set can tap on done and it takes to the Scheduler page where the user can confirm the appliance has been scheduled by the indication of colour change to say its scheduled.

Report Card The report acquired can be downloaded ,saved or shared Daily weekly, monthly and yearly report

Wave chart showing the usage of different appliances which are colour coded

Total power consumption with money calculator Appliances details connected/off the amount of energy consumed duration of its working or worked also the calculation of money spent its a scroll down option so that more products added can be seen too.

The report card provides all the detailed information of the consumption of energy, it gives the daily weekly monthly and yearly report, and how much money has to be spent and spent in these periods, this helps in managing the expense.

UNITY

The AC is selected to be scheduled with a task

Home assistant

This is a good to have option where the power management app can be connected to the home assistants like Alexa or echo.

UNITY

Once the Home assistant is selected it ill lead to its page to log in and from skills can install the app and start operating.

Settings The user profile details can be updated , where you can set the details of your electrician when any fault a message will be sent out to the user as well as the electrician regarding the faulty supply Product activity settings Help related to the product helpline mobile number Help related to the product helpline mobile number

Settings provides the information related to the setting of the product its details helpline,

UNITY

Once the Home assistant is selected it ill lead to its page to log in and start operating by commands

Settings

It shows the details of messages and notifications received

UNITY

Once the message is tapped a pop opens providing the contents of the mail also these messages can be save shared also can be deleted

Detailed Mock Up 23

UNITY

Colour Palette

Font Helvetica Neue Regular Helvetica Neue-46 Helvetica Neue-20 Helvetica Neue-18 Helvetica Neue-17 Helvetica Neue- 15 Helvetica Neue -14 Helvetica Neue -12 Helvetica Neue -11 Helvetica Neue -10 Helvetica Neue -9 Helvetica Neue -7 Helvetica Neue -5

24

UNITY

Helvetica Neue -10

Icons

25

UNITY

Dashboard

26

1 UNITY

Dashboard Menu

Notification Real time energy consumption of each apps colour coded

27

1 UNITY

Current usage of energy consumption

Number of appliances active Details of each appliances Icon representing the appliance Name of the appliance *Power consumed On Off toggle button to switch on and off appliances from the app itself.

Add App Universal navigation with quick access icons

Menu

28

2 UNITY

Menu Profile

29

2 UNITY

Scheduler : for setting timer for appliance to be on and switched off Report Card : gives the history and current usage details , daily, weekly, monthly, yearly.

Gives access to connect to Alexa or echo to operate with voice commands Notifications received App Settings and account settings

Report Card

30

3 UNITY

Report Card Share report Weekly monthly yearly section Wave chart to show the energy consumption

31

3 UNITY

Total Consumption according to daily, weekly monthly and yearly Gives the details of for how long the appliance had been or is working The usage and the cost

Scroll down

Scheduler

32

4 UNITY

Scheduler Add an appliance Search appliances if there are more than 10 appliances

33

4 UNITY

The appliance Tab in different colour mentioning iit has been task set and active

The icon in Grey shade showing no task has been set on the particular appliance Gives the details of for how long the appliance had been or is working

Scroll down

Scheduler Once the task is set it can be saved by taping done Appliance for which the task is set To set the appliance to be on all day

34

4 UNITY

Start time when the appliance need to start working

Time picker for setting the time

Can be expanded to set the end time for the appliance to switch off Set a daily or specific day task, auto shut down , reminder alarm.

Help regarding what ever setting user interacting with

Thank You

35

UNITY