Unity Set Top Box & Streaming Video On Demand UI

Rethinking and Redesigning for Today’s cable and Streaming Video on Demand Customers

I was contracted as a Senior User Experience Designer on a small team UXD team at Arris Group. In the time I spent with Arris, the bulk of it was working on the design and implementation of Arris’ Mobile and set top box UI over multiple build cycles.

What if you could re-think the cable industry and design for how people really consume content?

What we used to call “TV” is morphing into something else

We are no longer limited to a single TV in each home.  Today – users are accessing media content everywhere. At Arris we have been asking our customers many questions about their needs, where they feel their current cable operator or existing UI is missing the mark. What we have come up with have been interesting challenges and exciting solutions.

Customers complain, we listen!

“I don’t know about you but one thing that really irks me about traditional VOD streaming services is how long it takes to get back to the main menu when you have scrolled many categories deep on the page.” To address this Unity introduces the concept of a sticky menu that pops up top in the UI no matter where you are on a single “Menu” button keypress.

Sticky Menus

Access content without having to scroll back up to the top by clicking menu anywhere in the UI. A user will navigate to the main menu by clicking the menu button on their remote. This can be done anywhere in the UI. In this example the user is watching live TV but wants to navigate to a OnDemand to watch something else.

An Interesting Challenge Along the Way

The keyboard was an interesting problem we had in this search design when we accounted for grouped assets and multiple asset sizes, which can happen for a few of our cable operators. Legacy artwork is portrait orientation, newer catalogs are starting to offer multiple sizes such as landscape and portrait. We found that when combining asset sizes in row and auto setting height with grouped assets called out with a stacked graphic the UI was pushing our keyboard below the view safe content area.

We had to re-design and re-configure this page a multitude of times offering different keyboard layouts and asset sizes to accommodate for a few edge cases, in this case our edge case was our largest customer base.

My Role
User Experience Designer
Project Duration
8 Months
Tools of the Trade
Adobe Illustrator, Custom Unity 2.0 Framework, HTML, CSS, Custom Moxi UI Framework
Project Deep Dive
To explore more and learn more about this project visit: https://www.behance.net/gallery/36013639/Unity-20-Set-top-box-UI-Visual-Comps
Arris Group, Shaw Cable, Rogers Cable, & WOW Cable (Canada)