Redesigning the UI of a high-channel count software hub to improve usability and accessibility.
My Role
UX and Interaction Design
Visual Design and Style Guide
I’ve regularly worked with the team on RedNet Control 2.0. This control software allows the manipulation of multiple Audio-Over-IP (AOIP) devices connected to the network, sometimes managing hundreds of channels of audio.
The UI is adaptable, requiring each device to be viewed in a 1×1 resolution, but also 2×3 (6 devices) and even 3×4 (12 devices). In all of this work, careful consideration of what has the most important hierarchical value is paramount.
Areas to improve upon were:
- The compressed UI
- The clip indicator (the red section at the top of the meter shown when a sound is too loud) not appearing clearly at a glance and being hard to interpret from an accessibility perspective
- The contrast of the Mute and Dim on/off states was poor.
Below are images of a wireframe I created for the RedNet A16R control interface in both large and small variants.
I increased the size of the UI, separated out the clip indicator, and removed color from the mute and dim button text.