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