UI + UX Cross-Device And Physical Interaction standard

Wearable glance

Provide a wearable glance that answers one immediate question with minimal text and stable visual hierarchy, labels freshness and privacy, adapts to ambient and slot constraints, limits on-wrist action to safe next steps, and hands complex tasks to the paired app or phone.

Decision first

Choose this pattern when the problem matches

Use when

  • A wearable surface can answer a status, next-step, or current-metric question in seconds.
  • The information is useful frequently enough to deserve a complication, tile, widget, or watch-face slot.
  • The experience can stay useful when redacted, dimmed, stale, or handed off.

Avoid when

  • The task requires long reading, comparison, filtering, editing, authentication, payment, or destructive review.
  • The value is too sensitive to show on a wrist without strong privacy controls.
  • The data cannot be kept fresh enough or labeled honestly.
  • The surface would duplicate every notification or dashboard widget without priority.

Problem it prevents

Wearable surfaces are glanceable, personal, tiny, battery-sensitive, and often visible to others, so copying mobile pages, dashboards, notifications, or long controls onto a watch can create unreadable, stale, privacy-leaking, or unsafe experiences.

Pattern anatomy

What a strong implementation has to make clear

User need

The surface is a smartwatch complication, tile, widget, band screen, wearable card, always-on display, ongoing activity, or quick wrist status.

Pattern promise

Provide a wearable glance that answers one immediate question with minimal text and stable visual hierarchy, labels freshness and privacy, adapts to ambient and slot constraints, limits on-wrist action to safe next steps, and hands complex tasks to the paired app or phone.

Required state

Configured and unconfigured complication, tile, or widget state.

Recovery path

The glance is a miniature dashboard with unreadable text and charts.

Access contract

Provide a readable label and value; do not rely on icon-only status, color-only urgency, or haptic-only cues.

Quality bar

The difference between expert and weak execution

Strong implementation

Specific, visible, recoverable

  • A medication complication shows Next dose 8:30, due in 12 min, taken state, and opens the medication app for details.
  • A transit tile shows Stop 4, train in 6 min, updated 1 min ago, and a phone handoff for route changes.
  • A user raises their wrist, sees that boarding starts in 9 minutes at Gate B12, and taps to open the boarding pass only when needed.
  • A user sees a stale delivery ETA, understands it was last updated 18 minutes ago, and opens the phone app to refresh.
Weak implementation

Vague, hidden, hard to recover from

  • A watch tile compresses five dashboard charts, filters, and drill links into tiny unreadable panels.
  • A message glance exposes private sender and text even though notification previews are hidden.
  • A user tries to act from a tiny complication and accidentally dismisses an important alert.
  • A user makes a health decision from a stale metric because the glance omits freshness.
UI guidance
  • Render a wearable glance as one compact answer with a clear subject, current value, priority, freshness, privacy state, and tap destination that works in a tiny complication, Wear OS tile, widget, or wearable card.
  • Design the always-on, wrist-down, low-power, and unavailable states explicitly so the glance remains legible, honest, and safe when the screen is dim, small, round, or briefly viewed.
UX guidance
  • Use wearable glance when users need to check a status, cue, or next step in seconds without entering a full app or phone workflow.
  • Keep wearable interactions short: one glanceable answer, one safe action when necessary, and a clear handoff to phone or app for complex review, input, destructive choices, payments, or privacy-sensitive detail.
Implementation contract

What the implementation must handle

States

  • Configured and unconfigured complication, tile, or widget state.
  • Normal glance state with one primary answer and short label.
  • Ambient, dimmed, always-on, or wrist-down state.
  • Fresh, stale, cached, unavailable, offline, and phone-disconnected states.

Interaction

  • A wearable glance answers one primary question before any tap, scroll, or phone handoff.
  • The glance never depends on tiny hidden controls, long text, dense charts, or multi-step input to be understood.
  • Freshness, source, privacy, and unavailable states remain visible enough for a few-second check.
  • On-wrist actions are safe, reversible, or clearly confirmed; complex and risky tasks hand off to a larger surface.

Accessibility

  • Provide a readable label and value; do not rely on icon-only status, color-only urgency, or haptic-only cues.
  • Support large text, high contrast, reduced motion, screen reader summaries, and short localized strings.
  • Keep the tap target meaningful and avoid placing multiple small actions in one glance.
  • Ensure privacy-redacted states are understandable without revealing sensitive details.

Review

  • What single question can users answer after a brief wrist glance?
  • What is hidden, reduced, or redacted in ambient mode, focus mode, and notification privacy?
  • How fresh is the displayed value, and what does the user see when it is stale or unavailable?
  • What happens when users tap the glance, and does it hand off safely for complex work?
Interactive lab

Inspect the states before you copy the pattern

Show one safe answer on a wearable surface

Inspect unconfigured slot, compact glance, ambient mode, fresh data, stale data, offline, privacy redacted, low battery, due now, active, completed, missed, tap handoff, safe action, blocked action, long text, loading, permission limited, focus mode, and phone disconnected states; compare mini dashboard, private leak, stale current, destructive tap, inbox mirror, ambient illegible, and tiny controls failures.

Wearable glance
Interactive demo is ready

Launch the live UI/UX lab when you want to inspect states, keyboard behavior, and common failure modes.

State To Inspect

Configured and unconfigured complication, tile, or widget state.

Keyboard / Access

If the glance is mirrored in a web or desktop preview, Tab reaches preview, configuration, test handoff, and privacy controls in logical order.

Avoid Generating

Shrinking a mobile dashboard or full card list into a watch tile.

Evidence trail

Source-backed claims behind this guidance

Full agent/debug reference

Problem Context

  • The surface is a smartwatch complication, tile, widget, band screen, wearable card, always-on display, ongoing activity, or quick wrist status.
  • Users may be walking, exercising, commuting, working, driving, wearing gloves, in sunlight, in focus mode, under notification privacy, or viewing the watch for only a few seconds.
  • Data may be live, cached, sensor-derived, privacy-sensitive, time-critical, battery-sensitive, app-provided, phone-dependent, or unavailable offline.
  • Wearable glance sits near notification center, summary box, dashboard layout, progress bar, notification preferences, haptic feedback, and mobile handoff.

Selection Rules

  • Choose wearable glance when a wearable surface should answer one immediate question in a few seconds.
  • Use notification center when users need a durable, filterable history of many notifications and read states.
  • Use summary box when the summary belongs inside a page or workflow rather than on a wrist surface.
  • Use dashboard layout when users need multiple coordinated widgets, filters, drill paths, and comparison across metrics.
  • Use progress bar when duration, percent, stages, cancellation, or retry is the main information need.
  • Use notification preferences when users configure wearable routing, quiet hours, privacy, or channel rules.
  • Keep visible content to one primary metric, label, or next step plus minimal context such as unit, source, or time.
  • Show freshness or last-updated state whenever the value can be stale, cached, delayed, sensor-derived, or phone-dependent.
  • Treat private messages, health values, payment details, location, and account status as sensitive on wrist surfaces.
  • Provide handoff to phone or app for details, forms, destructive decisions, payments, account changes, and long reading.

Required States

  • Configured and unconfigured complication, tile, or widget state.
  • Normal glance state with one primary answer and short label.
  • Ambient, dimmed, always-on, or wrist-down state.
  • Fresh, stale, cached, unavailable, offline, and phone-disconnected states.
  • Privacy-hidden or redacted state for sensitive content.
  • Low battery or power-saving state with reduced updates.
  • High-priority alert or due-now state with safe cue.
  • Upcoming, active, completed, missed, and expired states for time-based events.
  • Tap handoff state to app, phone, detail, route, or action review.
  • One safe on-wrist action state such as mark done, pause, dismiss, or start.
  • Action blocked or requires phone/authentication state.
  • Wrong-size, unsupported slot, long text, and overflow handling state.
  • Loading, refresh failed, permission-limited, and data-source unavailable state.
  • Focus mode, quiet hours, and notification privacy state.
  • Haptic or notification cue present but not required state.

Interaction Contract

  • A wearable glance answers one primary question before any tap, scroll, or phone handoff.
  • The glance never depends on tiny hidden controls, long text, dense charts, or multi-step input to be understood.
  • Freshness, source, privacy, and unavailable states remain visible enough for a few-second check.
  • On-wrist actions are safe, reversible, or clearly confirmed; complex and risky tasks hand off to a larger surface.
  • Ambient and dimmed modes reduce detail without changing the meaning of the displayed state.
  • Notification privacy, quiet hours, focus mode, and battery constraints can suppress or redact details without breaking the glance.

Implementation Checklist

  • Define the one question the wearable surface answers, the update source, freshness rule, privacy level, tap destination, and allowed on-wrist actions.
  • Design for the smallest supported slot first, including round screens, clipped corners, ambient mode, large text, and sunlight.
  • Keep copy short, use stable units and icons, and test truncation for long names, times, values, and localized strings.
  • Expose last updated, stale, cached, unavailable, phone disconnected, and permission-limited states when users could rely on the value.
  • Respect notification privacy, focus mode, quiet hours, battery saver, reduced motion, haptics, and always-on display constraints.
  • Provide phone/app handoff for details, authentication, forms, destructive actions, payments, and complex settings.
  • Avoid frequent background updates unless freshness materially affects the user's decision.
  • Test wrist raise, ambient mode, tiny slots, disconnected phone, stale data, privacy settings, one-handed use, screen reader, haptics off, and high-contrast mode.

Common Generated-UI Mistakes

  • Shrinking a mobile dashboard or full card list into a watch tile.
  • Showing stale data without a timestamp or unavailable state.
  • Exposing private messages, health values, or payment details on the wrist.
  • Using a wearable glance as a notification inbox.
  • Putting complex forms, filters, or destructive controls on a tiny surface.
  • Ignoring ambient mode, battery, and always-on display constraints.
  • Using tiny unlabeled icons as the only explanation.

Critique Questions

  • What single question can users answer after a brief wrist glance?
  • What is hidden, reduced, or redacted in ambient mode, focus mode, and notification privacy?
  • How fresh is the displayed value, and what does the user see when it is stale or unavailable?
  • What happens when users tap the glance, and does it hand off safely for complex work?
  • Is any private, health, financial, location, or account information visible to bystanders?
  • Is this really wearable glance, or does notification center, summary box, dashboard layout, progress bar, or notification preferences own the main problem?
Accessibility
  • Provide a readable label and value; do not rely on icon-only status, color-only urgency, or haptic-only cues.
  • Support large text, high contrast, reduced motion, screen reader summaries, and short localized strings.
  • Keep the tap target meaningful and avoid placing multiple small actions in one glance.
  • Ensure privacy-redacted states are understandable without revealing sensitive details.
  • Do not require wrist motion, haptic cues, or always-on display for comprehension.
  • Preserve visible freshness and source labels for sensor, health, transit, delivery, and financial data.
  • Use phone or app handoff for details that cannot fit accessibly on the wearable.
  • Test round screens, small rectangular screens, ambient mode, and bystander privacy.
Keyboard Behavior
  • If the glance is mirrored in a web or desktop preview, Tab reaches preview, configuration, test handoff, and privacy controls in logical order.
  • Enter or Space activates the same safe handoff or preview action exposed by tap.
  • Wearable hardware buttons or crown interactions should not be required to understand the default glance.
  • Scrolling or crown movement is reserved for secondary detail only after the primary answer is visible.
  • Focus returns to the invoking configuration control after preview or handoff simulation.
  • Configuration lists for complications, tiles, or widgets remain keyboard-operable on companion apps.
  • Visible status remains available when haptic or motion cues are unavailable.
  • Dismiss, mark done, or pause actions have reachable equivalents in the paired app when the wearable action is not accessible.
Variants
  • Watch face complication
  • Wear OS tile
  • Smart Stack widget
  • Ongoing activity glance
  • Workout glance
  • Medication glance
  • Transit glance
  • Delivery glance
  • Battery or device status glance
  • Privacy-redacted glance
  • Ambient-mode glance
  • Phone handoff glance

Verification

Last verified: