Power system front panel controller, web interface, and mobile app for a leader in power solutions company.

An industry leader in power conversion technology.

Project Overview

Our client’s products are mainly used to convert and control power in critical 9-1-1 cell towers and massive data centers. Therefore, system failures are simply not an option. The product’s interface must allow users to proactively monitor and address potential issues before they arise. Then, when the inevitable issues do happen, users must be able to quickly fix the issues to avoid any downtime.

UX Team was hired to design the web, mobile, and hardware panel interfaces for its Next-Generation Power Converters.

Omnion Controller

Goals

Improve navigation structure

Modernize the navigation menu and introduce multiple intuitive avenues for finding information.

Seamless experience across devices

Ensure the product feels and works the same way, whether accessed via the panel, web or mobile interface.

Intuitive for inexperienced users

The product is often used in emergency situations by techs who are not familiar with the device, or even the subject matter. Therefore, it’s important for troubleshooting to be extremely simple and straightforward.

Before and After our Redesign

Evidence Gathering

Purpose

  • Gain an understanding of the industry
  • Learn how power flows through the controller and its components
  • Understand how the device works and how it’s used
  • Discover long term goals and vision for the product
  • Determine each persona’s key flows, tasks and goals
  • Find pain points with the existing design

Activities

  • Teamwork sessions with stakeholders
  • UX Audit
  • Competitive analysis
  • User shadowing and interviews
  • Surveys
  • Card sort study

Key Findings

User Demographic & Accessibility

The user demographic is primarily men 50 and older who:

  • Are visually impaired (reading glasses)
  • Are sometimes color blind
  • Have large (sometimes dirty) hands

Alarm Messaging & Troubleshooting

Most users we interviewed talked about how confusing the alarm messages were. They were often cryptic, misleading, and inaccurate, making it very difficult to resolve any issues.

Our new alarm messaging is designed to be understood by even the most inexperienced technician. In addition, we designed an easy-to-follow troubleshooting wizard to help users quickly resolve issues on their own without contacting Tech Support.

Design Ideation

Information Architecture

The information architecture for this product is multifold. We conducted a card sort and a treejack study to understand users’ mental models and how they group features and functions. We also explored journeys and task flows for each user. The design incorporates reusable components that are dropped into screens that different users access. Our philosophy for the content structure for this project is “Group related content together.”

OmniOn Card Sort
Groupings according to the card sort study dendrogram.
OmniOn Sitemap
New Evidence-based Sitemap

Visual Design

Results

Efficiency Through Purposeful Navigation
By consolidating options and grouping similar functions, we’ve significantly improved navigation ease. The introduction of comprehensive overview screens has empowered users with a clearer understanding of system functionalities.

Think about the necessities of your group market
By prioritizing accessibility, we created more intuitive, clearer, and accommodating interfaces, ensuring that all users, regardless of age or visual differences, can engage with ease and confidence.

Related Case Studies