Single channel stream: visual state representation
Left: Channel taxonomy; Right: Channel health status visual representation.
The Channel health status severities
Design
Jesse Wolfe
Principal Designer
Production Rights
© iStream Planet
(a Turner® company)
www.istreamplanet.com
Radix® is a cloud-based real-time dashboard user interface for purpose of aiding management of hundreds of live online broadcast streams (channels). The objective is to provide a simpler visual tool for the platform tools are complex in nature as to support multi-tenancy, live monitoring of 100s of 'channels', trouble shooting, notifications and live/historical reporting.
Mapping the UX design process to accomodate a Kanban + Continuous Delivery development process. My role was to act as liason between our users and our product development teams. Our internal Operations team served as a apropos usecase model to define core UX features prioritized for both short term and long term. Uncover the current 'pain-points' of the existing user. After conducting inperson interviews with our ops engineering team I'd assessed and translated the needs for the development team to
plan and prepare the back-end support followed by sketches and mockups for laying out features for the front-end. My choice design approach heavily incorporates the atomic design methodology and rapid delivery in micro-interactions.
Left: Channel taxonomy; Right: Channel health status visual representation.
The Channel health status severities
Channel stream monitoring. Arranged in a grid layout and sorted by most important (red color; top-left).
Channel stream "health severity" monitoring. Arranged in a grid layout and sorted by most important (color: red, gold, green; heirarchical: top-left in rank… ).
Channel stream "health severity" monitoring. Further nuanced by shadow depth--only applied to red (error) and gold (warning) health status.
The Channel health status severities
Slide-out: Display and filter control panel for customizing the monitoring view.
Slide-out: Display and filter control panel for customizing the monitoring view.
In its current "closed" state the panel tab shows the following information:
Panel slides out to show options for customizing the monitoring view. These options are 'sticky' per (suthenticated) user preferences/session.
Toggle to control custom display options for monitoring.
Quick access to control monitoring view options.
Controls multiple custom displays of existing channels for monitoring.
Displays a custom view per specified channel health for monitoring.
Discoverable list of available metadata tags to filter channel monitoring view.
Specified meta-data tag search to filter channel monitoring view.
Control panel: display change to 'list' view. Target audience: Business (PM), broadcast customer.
Dark/Light theme control per preferences of the User.
Dark/Light theme control per preferences of the User.
Control panel: toggle-clicking on individual health buttons to change the monitoring view. Above: Both 'red' and 'green' health buttons are toggled 'off' thus filtering the monitoring view to show only the available 'gold' and 'gray' (inactive channel streams).
Tags filtering the current viewable monitoring session.
Accessible from all application modalities (Monitoring -or- Troubleshooting). Displays total count of all open system errors / warnings that still may need to be addressed.
Global access bar.
