K5.07.3layout-agnostic remote instructionsdesign

Interfaces cannot depend on describing a specific key layout

Aliases: colored buttons · OEM remote layout · key-copy

What it is

The same TV system ships with a dozen remotes: some have colored keys, some do not; Back sits below OK on one and to the left on another; Menu is three lines on one and a gear on another. On-screen copy that says “press the red key at the lower left of the remote” points at empty plastic or a different key on the next remote. Interfaces cannot depend on describing a specific key layout because position, color, glyph, and count are not a contract the app can keep. Only key semantics (Back, Select, Home) are relatively stable.

Why it happens

The remote is an accessory, supplied in turn by the TV maker, the carrier, a universal remote, a phone IR blaster. The app runs on the system and cannot see the printing on this particular remote. Colored keys (red green yellow blue) were a broadcast convention in Europe and vanish as a row on streaming sticks and some domestic remotes. Menu glyphs are not standardized; gear, three bars, and four squares swap across brands. Even if the user holds the original remote tonight, the next battery door or a universal remote changes the printed face.

Copy and illustration drawn as “that specific remote” teach a map that expires. People hunt the pictured key, conclude the function does not exist when they cannot find it, and never try semantic Back. An on-screen control labeled “press OK” fails when Select is printed ENTER or is only a dot.

What can be guaranteed is the system keycode: Back, Home, Select. The UI should bind those semantics. Prompts should use system icons or an on-screen equivalent, not a photo of the keys.

Where it stops holding

A single SKU with the remote welded to the product (some meeting-room all-in-ones, a console’s bundled pad) can name specific keys, because the printed face is the contract. Mail-order and set-top manuals aimed at “the unit in the box” can use a photo; in-app runtime prompts still cannot cite that photo—the user may already have swapped remotes. A screen reader announcing “red key” is meaningless to someone who cannot use color; the semantic name is the shared channel. Keyboard mappings used in development (arrow keys as a remote) make key-copy look fine until a real remote appears.

Applying it

  • Runtime prompts use action semantics—“go back a layer,” “open the menu”—with the system icon, not a photo of this remote, and not “lower left” or “red key.”
  • On-screen controls complete the action themselves. Do not label a button “press OK”; label the action (Play, Subscribe).
  • Colored keys may remain as shortcuts; the same function must have a focus-path entry that does not depend on them.
  • Verify the prompted main path with at least two differently laid-out remotes (one with colored keys, one minimal). Any step that requires matching the remote drawn on screen is a prompt to rewrite. Repeat with color off, and check the copy is still executable.

Related

  • Within the group: K5.07.1 Limited physical keys should be reserved for the highest-frequency actions · K5.07.2 Long-press and multi-click on one key raise cognitive load · K5.07.4 Voice and trackpad keys are replacing some D-pad operations
  • Adjacent: K8.07 Consistency versus platform convention · K5.01 Focus-based navigation · J3.01 Keyboard access
  • Search terms: remote layout · colored buttons · on-screen instructions

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/K5.07.3