I’ve previously mentioned posting helpful hints for working on TV UI – a less commonly explored platform with unique challenges and considerations. But you know what they say, the cobbler’s blog has no shoes. Perhaps a good starter for this topic is a big issue I come across every time I turn on one of our favorite family films (and one common among DVD/Blu-ray menus in general)… unclear focus state.
The concept of an ever-present focus in unique to TV UI and is a fundamental part of creating a platform-appropriate interaction model. Basically, one element is highlighted onscreen at all times showing you where you are in the UI. This can get complex and interesting if highlight changes trigger information/display changes or motion. Or it can be a straightforward roaming highlight on a static screen. Either way, it’s a basic necessity to show the user where they are.
Below is a video of a roaming highlight on the Yellow Submarine Blu-ray main menu. Can you see where the focus it? Eh, sorta. The default colors and the highlight state color of the menu are variable. The highlight contains a flashing, but there are also default elements flashing too. This all amounts to a rather unfortunate application of psychedelia.