How to Make TV Filters Compact Without Hiding Their Meaning
A two-layer filter architecture that saves TV space while keeping every label, selected value, active state, reset path, and D-pad transition understandable.
In short: Save space by grouping related filters, removing duplicate status, reducing container padding, and placing the result heading, count, sort, and active-filter summary in one coherent band. Size every control from its full label and realistic selected values. Preserve visible focus, predictable D-pad paths, Reset, and complete meaning when values are long.
Compact filters should reduce vertical occupation, not information. A viewer must still know what each control changes and which values are active without opening every menu.
Inventory purpose and maximum content
For each filter, record:
| Field | Example evidence |
|---|---|
| Label | Audio, Subtitles, Year, Rating |
| Default value | Any Audio |
| Long selected value | Real source-derived stress case |
| Control type | Menu, toggle, sort |
| Active-state summary | How results disclose it |
| Reset behavior | Local or all filters |
Do not size from default English values alone. Use real source labels and translated stress strings without inventing media support.
Use a two-layer architecture
Layer one contains the always-visible discovery essentials: search, primary filters, result heading and count, sort, active-state summary, and Reset. Layer two is an opened filter menu whose complete options appear without moving unrelated page sections.
Close layer two with Back and restore focus to the filter that opened it. Back should not leave the page while a local menu is open.
Compress structure before labels
Reduce redundant headings, oversized margins, repeated “All” summaries, and separate result bands before abbreviating text. Place All Movies, count, active chips or summary, sort, and Clear or Reset in a shared results header when the hierarchy remains readable.
Use the TV density audit to classify duplicated or deferred content. Keep the Continue Watching band adjacent to filters when that supports page flow, rather than pushing it far below oversized controls.
Preserve full meaning
W3C form-label guidance emphasises clear labels associated with controls. On TV, the focused control should expose the complete purpose and current value. Avoid ambiguous truncation such as “Any Sub…” when Audio and Subtitles coexist.
When space is tight:
- widen the control based on content;
- distribute filters across a predictable two-row grid;
- reveal the complete focused value in a stable contextual line;
- shorten only verified redundant wording;
- never encode active state by colour alone.
Use the long-title and value strategy for overflow rules.
Design the spatial graph
Map Up, Down, Left, and Right for every filter. The last filter on a row should move to a visually logical neighbour, results header, or detail region—not trap focus or jump to an unrelated sidebar item.
W3C focus-order guidance supports sequences that preserve meaning. Android TV quality guidance reinforces remote-friendly interaction. Test search-to-filter, filter-to-result, filter-to-detail, and result-to-sidebar transitions.
Coordinate with the stable compact sidebar so entering navigation does not alter filter positions.
Make active state obvious
Differentiate default, focused, selected, and disabled states. A selected filter must remain identifiable after focus leaves. Show the active summary near the result count and keep Reset reachable in the same directional region.
When Reset is activated, verify the controls, summary, count, and results return to the expected baseline. Do not assume every source produces an immediate count or identical filter set.
Run the compression test
Compare before and after layouts on:
- visible filter rows;
- full label and value fit;
- directional presses for the same task;
- focus visibility;
- active-state comprehension;
- Reset reachability;
- result and Continue Watching proximity;
- long, missing, and unavailable values.
Use action counts only for the same task and environment. A shorter path that becomes unpredictable is not an improvement.
Norva’s exact TV filters and current D-pad behavior require verification in the released product.
Original evidence: compression matrix
Render the full filter set with default, active, long, and opened states. Have a remote-only reviewer select one audio value, one subtitle value, clear both, and reach the first result and detail action. Record every wrong jump or unreadable value.
The matrix validates this filter layout under tested content. It does not establish universal dimensions or device behavior.
Common mistakes and limitations
- Shrinking labels before reducing duplication.
- Hiding the current value until a menu opens.
- Using one long row with unpredictable wrapping.
- Letting menus move the results grid.
- Trapping focus at row edges.
- Separating Reset from active-state context.
- Testing only default values.
Frequently asked questions
Must all filters remain visible?
Keep high-frequency filters visible and defer lower-priority controls only when their presence and path remain understandable.
Can active filters appear as chips?
Yes, if they are readable, focusable when interactive, clearly removable, and do not duplicate another active summary unnecessarily.
Should sort be part of the filters?
It can share the results band, but keep its purpose and directional relationship distinct from inclusion filters.