Some Design Decisions and Feedback
As previously mentioned, a final change to the UX was shrinking the “Help” and “Legal” text in the left side bar smaller to de-emphasize their importance.
One of the first visual changes was aligning all the elements to the grid, which notably provided a more uniform look. Furthermore, the extra padding on the left and right columns provided more negative space and gave a more simple, minimal look.
Another change was bolding the “Settings’ breadcrumb at the top. This was done to make it clear to a user where in the Roku app they were, as there was confusion before. This was added due to the gear icon symbolizing Settings in the top navigation bar.
Another idea I wanted to play around with was the background color. An important debate that we began at the start of the visual design phase was the idea of a light theme versus a dark theme. From our secondary research, we saw a majority of Roku apps feature a dark background, primarily because TVs emit a lot of light, and light themes on a big display are jarring. Some other advantages include preventing screen burning, and the application of brand colors. In this first iteration, I pitched 4 versions 3 from light to dark, and 1 with a Pandora blue with a 80% black overlay. These styles were only applied to the right side of the Settings page to emphasize the idea of the left sidebar and provide depth.
In this first iteration I also began to introduce hover states, using a cyan-filled box and cyan-filled text. This was consistent with the Xbox redesign, and the strength of using cyan, an accent Pandora color, was effective to introduce change without being too jarring.