Cart 0

Ubiquiti | UNMS

Desktop App UX + Visual Design

UNMS_Main_Image_02_DARK.jpg

UNMS is a legacy application for Wireless Internet Service Providers (WISPs) to manage their networks and clients. For years it has worked alongside stand alone configuration apps for each piece of Ubiquiti hardware. This created a situation of confusion and needless complexity for WISPs. 

Additionally, UNMS and each hardware app were all visually off-brand and felt like they belonged to another company. 

 
 
 

MY ROLES

Project Leadership
Art Direction
UX Design
Scenario Design


The Goal

 

Simplify how WISPs manage networks and clients and make it on-brand.

 

In order to tackle this monster project, I divided the app into four main opportunity areas. If these four areas were solved, network and client management would be greatly simplified.

 
 

The Solution

 

Simplified Dashboard

In order to make the dashboard more usable, data viz was redesigned with multiple actionable data points within each chart. System aggregates and stats were redesigned for greater readability. 

Devices Listing

Collapsed or consolidated UI devices (“Elements”) to free up room to add more columns and rows per screen. Also increased the cleanliness and readability of the rows, such as: actions revealed on hover, status badges shrunk to colored dots, and filters collapsed to single icon.

Intuitive Location Mapping

Moved the map to be the central focus and broke each customer site out as an individual node that can be drilled down to view full topologies and network status.

Simplified Settings

Reduced the amount of color to draw focus to the actual controls; added whitespace to each control for consistent vertical spacing between controls to increase usability.

 
 

Simplified Dashboard

 
 

Old

New

 

In order to make the dashboard more usable, data viz was redesigned with multiple actionable data points within each chart. System aggregates and stats were redesigned for greater readability. 

 
 

Network Experience Front & Center

Overall network experience is layered with usage and throughput data, while maintaining a concise footprint. 

NetworkAggregate_01.jpg

Glanceable Network Aggregate

Network health is surfaced in a declarative sentence to simpliy frequent checks.

Signal Health

Visual representations of radio spectrum, interference and channel usage are broken out and surfaced at the top level of the Dashboard.

 

 Devices Listing

 

Old

New

 

Collapsed or consolidated UI elements to free up room to add more columns and rows per screen. Also increased the cleanliness and readability of the rows, such as: actions revealed on hover, status badges shrunk to colored dots, and filters collapsed to single icon.

 
 

Devices Listing Property Panels

 
 
 

Consolidated and Clean

Property panels became the workhorse of the new UNMS that incorporated the standalone apps for each product into a single app for greater coherence. UI controls are now evenly spaced for maxium usability.

 
 

Intuitive Location Mapping

 

Old

New

 

Moved the map to be the central focus and broke each customer site out as an individual node that can be drilled down to view full topologies and network status.

 
 

Simplified Settings

 

Old

New

 

Reduced the amount of color to draw focus to the actual controls; added whitespace to each control for consistent vertical spacing between controls to increase usability.

 
 

The Result

 

UNMS now has a roadmap to be a simple, on-brand, one-stop shop for WISPs to manage their networks and clients.

 

UNMS (currently in development) now consolidates all of the individual hardware applications into a single app with standard UX design patterns. Affordances and feedback are more clear and it is more visually consistent and on-brand for Ubiquiti.