Screenshots of a smartphone app interface related to home management and energy monitoring, featuring profile, settings, and home status screens.
Blue circle with a white lightning bolt in the center

Power Savers: Manage, Plan and save electricity.

Overview

Amidst the growing concern about increasing electricity consumption and its environmental impacts, there is a pressing need to revolutionize how individuals interact with and understand their energy usage. How can we develop a user-centric application that accurately tracks and visualizes electricity consumption and fosters a sense of community and motivation among users to reduce their energy footprint, ultimately contributing to environmental conservation and financial savings?

Problem Statement

I served as the UX/UI Designer and Scrum Master for the Interaction Design Studio class project, which means that I was responsible for working on the Lean UX lifecycle of the product development, including planning and executing:

  • Creating Hypothesis and Problem Statement

  • Competitor Analysis

  • Branding & Design System

  • MVP Hi-Fi design & development

  • Usability testing

Action

Team Members

Finney Wang, Rubisha Singh Shah, Irene Yang & Elizabeth Kim.

The Solution

Power Savers is a noble application that tracks and visualizes energy usage, fosters social interaction and provides incentives for energy conservation. This solution empowers users to reduce their electricity consumption, providing financial savings and environmental benefits.

Timeline: The team was able to spin up an MVP in just 12 weeks.

No time to read through it?

Sprint 1

Clint Patterson

Lean UX: Problem Exploration and Hypothesis Building.

Sprint 2

Person arranging yellow sticky notes on a white sheet of paper on a wooden table, surrounded by markers, notepads, and office supplies.

‘The Team’, ‘The Measurement’ and ‘The Process.’

Comperative Analysis

Firstly, based on our Assumptions, we analyzed 10+ energy-tracking apps and physical devices available in the market in subsequent sprints. This comperative analysis aimed to assess market similarities and identify potential differentiators for our proposed product.

I created specific criteria to evaluate these competitors based on our product's suggested features, and I conducted a detailed analysis of 3 key competitors and summarized the findings.

The Analysis revealed that:

  • For most physical products, it is difficult to visualize what the technical numbers mean regarding carbon emissions and scale.

  • The major focus was on saving money rather than tracking users’ environmental impact.

  • None of the apps/products had any social/motivational element.

    Therefore, based on this analysis, I defined the Comparative Analysis chart and defined the Problem Statement.

A comparison table of different energy-saving products and their features, including real-time energy tracking, visual data representation, environmental awareness, sharing options, easy labels, rewards, and redesign efforts.

Defined Problem Statement

Our Electricity Tracker Application innovatively monitors daily electricity usage, fosters social sharing and motivation, and offers incentives for energy savings. Existing products fall short, leading to challenges like unclear electricity bills, a lack of motivation, and minimal contributions to the environment.

Our solution aims for success, measured by reduced electricity consumption, user satisfaction, engagement frequency, and increased savings for charitable causes.

Sprint 3

Design Iteration and Vision.

Sprint 4

Multiple smartphone screens displaying a home automation and energy monitoring app with sections for sign-up, home setup, energy usage data, rooms, sharing options, profile, and preferences, with a color scheme of blue, yellow, and white.

Fine tuning the Outcomes.


Mid Fi to Hi Fidelity

To do so, I first modified and designed the User flow before steping into the High-Fidelity prototyping.

Flowchart diagram showing steps for setting up and using a home automation app, starting from app download through account creation and device management to profile and social sharing features.

Next, define the UI elements and guidelines for the logo, type scale, Iconography, data visualization and Illustration styles. This allowed me to modify the Mid-Fi prototype, fix usability issues, look and feel, and successfully implement user feedback, creating our final solution.

The Solution

Power Savers

Upon completing four successful sprints, we crafted our MVP, 'Power Savers.' This innovative application tracks energy usage, encourages social interaction, and offers incentives for energy conservation. It empowers users to lower their electricity consumption, providing financial savings and environmental benefits.

The Technology - How does it work?

null

Informed & simple onboarding profile setup for first-time users.

01. Getting Started

Smartphone with a lightning bolt icon on the screen, indicating charging or a power-related function.

Select your home and room types & connect your meter reading*.

02. Personalize home preferences.

Smartphone screen showing a home selection app with options for Apartment, Stand Alone House, and Mansion, featuring an illustrated person with glasses and beard waving from a house.

* Connects with Powerpal Bluetooth device.

Get real-time energy data with an interactive visualization.

03. View Real-time energy usage.

Smartphone displaying an energy management app with a digital, glowing blue circular graphic representing data collection, showing current usage of 11.5 KWh, safe zone indicator, and daily energy usage options.

Set preferred energy-saving goals and view excess usage by rooms.

04. Set Power-Saving targets.

Smartphone displaying an energy usage monitoring app with a graph, user greeting, and navigation buttons.

View all or add new devices with ease.

05. Device managements.

Smartphone screen displaying an app interface for adding smart home devices. Options for rooms include Bed Room, Living Room, Bathroom, Study Room, Kitchen, and Add Rooms. Navigation icons are at the bottom.

06. Reedem coupons, Share and Motivate.

Receive reward coupons, share with like-minded peers and be a “star-saver”.

Smartphone screen displaying a social media profile page for Jane Watson with a 3-star saver badge, a placeholder for a profile picture, close friends icons, and activity updates, against a blue background.

My Learnings

  1. Shift from "Design Thinking" to "Lean UX" Approach.

    I thoroughly enjoyed this fresh approach of Lean UX, which emphasizes "doing" rather than "saying." It introduced me to the "Test Driven Development" concept and the value of quickly building, measuring, and learning from product iterations, a shift from my traditional design approaches.

  2. Prioritizing User Validation at the Beginning.
    Lean UX challenged my previous design processes by advocating for early validation through interviews and testing of personas. This was a significant departure from my previous reliance on extensive user research as the initial step, opening up new and interesting ways to approach product design.

  3. Collaborative Design and Rapid Prototyping.

    I learned the value of collaborative design in Lean UX, encouraging me to work effectively within a team, gathering diverse opinions, ideas and decision-making. Additionally, I discovered the importance of quickly creating interactive prototypes, as they facilitated valuable feedback from both team members and assumed personas, improving the overall design process.

  4. Balancing Lean UX with Traditional Practices.

    Lastly, I've realized the importance of balancing Lean UX and traditional practices like Human-Centric Design Methods. While Lean UX offers agility and responsiveness, it may sometimes lack a long-term perspective. Integrating traditional approaches, especially in areas such as User Research and Secondary Research, can lead to more robust and sustainable product outcomes, especially when considering user needs and market trends over time.

If you came this long, Thank you for reading!

Other Case Studies

Anatomy VR - Designing web-based VR for first-year medical students to collaborate and study anatomy.

Opal + - Improving night-time travel for Sydney’s late-shift workers.