B2.24.4External Consistencydesign

External consistency concerns behavior and position, not identical visual styling

Aliases: behavioral consistency · placement consistency · visual difference

What it is

What external consistency inherits is transferable prediction: where to find back, whether dragging creates a copy, whether closing saves, whether swiping deletes. A product may express brand through its own color, radius, typography, and material as long as critical actions keep predictable placement, trigger, and result.

Why it happens

Users transfer action schemata, not pixel templates. They remember “close at top right,” “primary action at the bottom,” “back at top left,” and “pinch to zoom,” then invoke the relevant action when they recognize the same structure. Brand styling usually does not disrupt that schema. But if an icon looks native while behaving differently, or a familiar position reverses the consequence, visual similarity creates a stronger wrong expectation. Consistency must therefore be verified at the interaction-contract layer, not by copying external visual assets.

Where it stops holding

Behavior and placement cannot be copied without context. Screen proportions, input methods, accessibility needs, and reading direction may require relocation; placement alone also cannot distinguish different consequences, so wording, state, and confirmation remain necessary. Visual difference has limits too: if a critical symbol is changed until it is unrecognizable, no transferable cue remains.

Applying it

  • Write borrowed conventions as interaction contracts: target area, input method, immediate feedback, final result, and reversibility.
  • Allow brand styling to vary while keeping critical control placement and outcomes stable; test transfer with wireframes rather than only polished visuals.
  • When placement must change, check conflicts with platform back, close, primary-action, and gesture zones, and add redundant labels.
  • During validation ask, “What will happen next?” rather than only, “Does this look like products you have used?”

Related

  • Same group: B2.24.1 External consistency borrows knowledge users already have elsewhere, so its benefit costs the product no teaching effort · B2.24.2 When platform and peer-product conventions conflict, choose by users’ primary source rather than aesthetics · B2.24.3 Forcing uniformity across platforms violates both platforms’ external consistency
  • Nearby: B2.06 Feedback · F1 Layout, Space, and Visual Design
  • Search terms: behavioral consistency · placement convention · visual branding

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/B2.24.4