Utility dASHBOARD design

PG&E sought to provide tools that empower their customers to manage their utility needs via their online dashboard. The ask was to redesign key elements of the existing residential, solar, and business online dashboard to guide users to self-service tools and reduce the number of consumer center calls.

Timeline: 12 Weeks

1 Week: Immersion

2 Weeks: Hypothesis

5 Weeks: Design Sprints

2 Weeks: Prototype & Test

2 Weeks: Refine & Deliver

Team

Design Director

UX Designer

UX Designer II

Data Designer

Program Manager

Role: UX Designer II

Lead research planning, conduction, and synthesis.
Facilitated and moderate groups during workshops
Lead the restructure of the dashboard
Lead the creation of all sketches, wireframes, mocks, and prototypes.
Created delivery assets including annotated documentation, dashboard diagrams, redlines and style sheets.

IMMERSION

We conducted 10 in—person interviews with stakeholders from all involved business groups and customer care centers. Through these, we inquired about their respective customer dashboard experience to gather feedback and learn about their vision for the future. We also learned about how their consumer base used the dashboard and improvement opportunities.

In parallel, we collected and analyzed web behavior & click-through data, as well as call center data to discover user intent and commonly used tools. e took these learnings and reimagined the dashboard to create an action based structure to help customers self-diagnose and identify solutions to common customer service issues.

Create frictionless interactions

Enable easy-to-use interactions for customers to manage their life with PG&E by consolidating information and streamlining tasks.

“Business customers have various accounts. How they can pay them all at once?”

Be contextually aware

Allow the customer to rely on PG&E to support them as their energy needs start, change, and evolve. The experience should be able to anticipate changes to prevent customer inquiries.

“During peak move seasons, we should be bubbling relevant services such as start of service, school address validation, etc.”

Inform customers for the future

Show a customer their usage and rate information in an actionable manner that empowers them to better plan their consumption and track spending patterns.

“For all our Solar customers, we want to emphasize the balance (True-up) in all of our interactions. What it is, when it’s coming, and how much it will cost.”

RESTRUCTURING THE DASHBOARD

We reorganized the hierarchy of the dashboard into a three tab system that clearly delineates sections and aligns to the user’s primary actions.

2. Web Preferences: Managing PG&E account

We prioritized an Account Bar under the main navigation to give users access to account selection and preferences. We also added a Notification area that provides relevant notification, actionable recommendations, and alerts.

3. Your Bill: Understand & pay bill

23.73% of users call to get quick access to their balance, payments, and billing. We unified balance, payment, usage, rates, and billing to give the user a holistic picture of their bill.

4. Helpful Tools: Payment planning, financial help, and best practices

The overall design approach leaned on a scalable and touch-first oriented evolution of the existing DLS emphasizing aspiration and emotional expression, while maintaining systematic rigor and the authoritarian and angular aesthetic from the brand.

5. Change Service:  All Service Requests

29.96% of calls relate to start/stop/transfer service and service request. However, one 1.34% of web click data was collected for these actions. We populated a single tab to house this functionality for a user to quickly find and request services.

Constraints

We were instructed to use the current features and visual components of the dashboard. This gave us little chance to influence the functionality and the visual design of the redesign.

All graph tools are provided by a third party vendor. We edited the graphs and delivered a recommended state based on stakeholder and user feedback. However, these tools’ final functionality is dependent on that of its available API.

We evolved the current DLS to better suit the needs of the user. The proposed DLS is detailed in the style sheet that was delivered.

DASHBOARDS

With this new and scalable structure in place, we were able to design the dashboards for each individual group. Below are the highlights for the most common use cases per user.