Hydromtor Track

Hydromtor Track

Hydromtor Track

Hydromtor Track is an application, to monitor water tank level status featured with automation turn On and Off. It allows user to access and track motor working status from remote, which typically provides real time information on water usage level. It also helps in tracking history of motor running schedules, which also focus on reducing water wastage through water tank over flow.

Porject

Smart Home

Role

UI/UX Designer

Duration

2 months

Problem Overview

Water wastage is a growing concern in daily life. While many factors contribute to it, water tank overflow is a major yet often overlooked cause. In many homes and buildings, overhead tanks overflow due to the lack of proper monitoring or automatic control systems.


This results in unnecessary water loss, increased electricity consumption, building maintenance issues, and financial waste. In India alone, an estimated 580,937,500,000 litres of water are wasted every year due to tank overflows, accounting for over 30% of the total water wasted in the country.


This highlights the need for efficient systems to monitor and control water levels in storage tanks to reduce water wastage.

Solution

Hydromtor Track application can help users to monitor water tank level status and with that live data, it would process automation turn on and off features. It also helps user to access motor function from remote. By knowing the data history of water tank filled schedules and tracking the water level usage on daily basis, water wastage through water tank overflow can be reduced and it could save other resources aswell.

Goal

  1. To provide an intuitive, visual appealing and user friendly app which monitor water tank level status that sets to an automation turn On/ Off, and to access and track motor working status from remote. To provides real time information on water usage level and it also helps in tracking history of motor running schedules.


  2. To focus on reducing water wastage/ Power consumption due to water tank overflow issue. The user could track history of motor schedules on filling water in the tank and water usage level. This app would encourages users not to waste water and in a way to create Self/Social awareness about Water to the World, the Life and our Future.

Design Thinking Process

Design Thinking Process

Quantitative Research

Quantitative Research

Quantitative research is the process of collecting and analyzing numerical data, used to find patterns and averages, make predictions, test causal relationships, and generalize results to wider populations. From my desk research, I formed set of quantitative questions to measure users’ behavior and feedback for the topic of my research. I have analyzed the responses received for the questions and generated as report.

Insights

Insights

Moving to qualitative research, I have focused on obtaining detailed data through open-ended and conversational communication. Through this method, I gathered different insights about “what” people think, “why” they think so and how much they are being aware of topic under discussion.

?. Have you faced any issues monitoring water tank levels or motor status in daily life (home, workplace, etc.)? Please share your experience.

As a house maker, I’m really worrying everyday’s responsible on turning on and off motor and to make sure that water is not getting wasted due to overflow.
At same time , I also concern if water starts flowing into the tank in certain period once motor is turned on.So I have no idea of dry run status of my motor especially during summer.

?. Have you faced any issues monitoring water tank levels or motor status in daily life (home, workplace, etc.)? Please share your experience.

I’m living in a nuclear family but as a seperate building floor house. The water tank is common to us and most times, we are not aware of how much water we are using daily. And some times, misunderstandings are happening on taking responsibility for monitoring water tank, to turn on and off.

?. How useful would a user-friendly mobile app be for remotely tracking your water tank level and motor status?

It will be more useful and would change my life in a beneficial way. It would save time and I dont need to worry about monitoring water tank level or about water over flow issue. It would make my day a stress free one since I dont even need to walk number of floors or to ask for help to someone to check water tank level status.

?. If you have already used any application for water tank level and motor status monitoring, please share in details about that.

I have used a hardware sensor that just detects my water tank level and turn off the motor. But not used any application to track water level or to access remotely.

User Persona

User Persona

I have created two personas, which is a fictional character that represents a typical users of an app, which helped me on understanding my target audience for defining the problem and user experience and user interface (UX/UI) design.

Divya

26

Home maker

Frustations

Divya says the most challenging task she faces daily is to take care of water tank level, motor status and she is always be conscious on avoiding water overflow. This issue it seems to be a major problem in her day to day life that ends up with frustation.
Most of the times, she manually checks water tank level and sometimes even she forgets that the motor is running.
Also, no water supply is happened even when the motor has been running for an hour which lead to electricity power wastage. Because of this task, she is about to stop some other work, so that she wont forget about water filling in the tank and wont miss to turn off the motor.

Goal

She wants to monitor her house water tank level, water flow status and motor status from remote in her daily life . she wants her life more easier with water tank overflow management and to reduce water wastage.

Deva

21

Student

Frustations

Everyday at his home, he is responsible for turning on and turn off the motor before going to college. Most of the times, he messed up this task with doing his college assignments. He use to sit nearby the water tank and doing his assignments , so it would be easy for him to check often if water gets filled in the tank or not.
Most times he observes that the motor has been turned on but no water supply has been happened and due that he often need to check manually if the water flow has started or not.
Since water tank is placed at terrace and he is living in 2nd floor, he feel frustrated every time on calling someone to turn off motor switch or many times to get down to ground floor to turn off motor.

Goal

He needs to track and monitor everyday’s water usage by his family and to access motor from remote. He also wanted to track water flow status while motor is running and to check the status of water tank level and motor. He wanted his family members as well to take responsible on monitoring water tank and motor status.

User Journey Map

User Journey Map

Then, I have created a User journey map to identify how the users’ journey has been going through water tank overflow issue, monitoring water tank level and motor status. Also I have framed a journey phase how users will be going through once their problem has been solved.

Empathy Map

Empathy Map

Brainstorming Ideas

Brainstorming Ideas

As a first step from Ideation process, I have pointed out all the spontaneous ideas and creative thoughts generated from different perspective scenarios leads with the same pain points.

Information Architecture

Information Architecture

Information architecture is the process of guiding users through the site by organising and arranging all the relevant content in a clear, intuitive way which of makes information findable and understandable. From the ideas gathered, I made a blue print or like a visual representation of the application’s infrastructure, features and hierarchy.

User Flow

User Flow

I have drawn the clear User flows diagram that display the complete path a user takes when using an application. It lays out the user's movement through the app, mapping out each and every step the user takes from splash screen right through to the final interaction.

Wireframes

Wireframes

From User flow, next I started creating wireframes which is a skeletal outline of the application. This would provide a clear overview of the page structure, layout, informational architecture, user flow, functionality, and intended behaviors. Depending on the detail is required, I have created wireframes with minimum styling, color, and graphics to represents the initial product concept.

Logo Design

Logo Design

As a very first step while starting an application design, I started designing a Logo for the application. I created a logo in a way that represents a Water tank with two clock hands as time tracker with water wave background. The application name “Hydromtor Track” is a combination of Hydro(water) and Motor tracking. And so the logo is all about, what the application is.

UI Design

UI Design

As a very first step while starting an application design, I started designing a Logo for the application. I created a logo in a way that represents a Water tank with two clock hands as time tracker with water wave background. The application name “Hydromtor Track” is a combination of Hydro(water) and Motor tracking. And so the logo is all about, what the application is.

Usability Testing

Usability Testing

Once I completed the designing phase, I manually tested the proto typed application by performing all user-flow tasks. Then, I have shared the same to certain users to check how the app is being used and understand by the users. The application has been created with the main goal of being user-friendly one that satisfies the user's requirements and solve the real time issue of water tank overflow and motor tracking scenarios. So as the results from testing, users feel easy on experiencing understandable visual designs and exploring screen navigation.

Accessibility Testing

Accessibility Testing

I have manually checked the accessibility of font and icons used in the application. Usage of sans-serif font satisfies the readable access. While applying colors in UI screens, I have used WebAIM Contrast Checker tool to find contrast ratio which is passed in WCAG AAA, with the ratio of 12.17.1

Thank you!

I really appreciate you for taking your valuable time and gone through the case study.
Welcoming your feedbacks and thoughts on my project!

Thank you!

I really appreciate you for taking your valuable time and gone through the case study.
Welcoming your feedbacks and thoughts on my project!

Create a free website with Framer, the website builder loved by startups, designers and agencies.