MODULE 11 / LESSON 03

手表与电视:两种完全不同的注意力

一眼即懂与远距离可读,不能沿用手机密度。

43 / 60 课适配不同平台

先理解这个概念

手表交互短暂、屏幕小,适合及时信息和短操作;电视观看距离远,通常依赖遥控器与明确的焦点移动。两者都不适合照搬手机表单,但原因不同。Apple 与 Android 生态各有对应平台指南。

手表与电视都不适合照搬手机,但原因相反。手表强调短暂查看和少量动作,电视通常在远距离通过方向输入导航。一个需要极简任务,另一个需要清楚焦点与空间路径。把两者统称为“大按钮界面”会遗漏各自的注意力与输入限制。

用程序员的语言说

相同数据暴露给不同客户端时,需要不同的交互协议。

记住这三个原则

  1. 01

    手表优先一眼可读的状态和简短操作。

  2. 02

    电视保持大而清楚的文字与可辨认焦点。

  3. 03

    避免要求大量文本输入,提供其他设备辅助路径。

实际设计时,分三步做

  1. STEP 01

    手表先选一个能快速完成的任务,把长文本与复杂配置交给更合适设备;电视先明确方向键如何遍历内容。

  2. STEP 02

    为电视绘制焦点移动规则、初始焦点和返回位置;为手表减少持续输入,保持状态与结果一眼可辨。

  3. STEP 03

    检查中断后恢复:手表用户放下手腕再回来,电视用户关闭详情返回,都应能继续理解当前位置。

一个容易理解的例子

BEFORE / 常见问题

在手表上显示十列表格,在电视上用细小鼠标悬停菜单。

AFTER / 可以这样改

手表展示当前关键状态;电视用明确卡片与可预测焦点路径浏览。

任务粒度和输入方式需要随场景重新设计。

展开看:从场景到设计决定

待办应用在手表上适合查看下一项并标记完成,不适合编辑复杂重复规则。视频应用在电视上进入影片详情再返回,应恢复原影片焦点,而不是跳到首个海报。若焦点样式仅有轻微颜色变化,远距离可能难以识别,可结合轮廓与尺寸等信号,并避免大幅移动造成不适。

适用边界与取舍

跨设备功能数量不同可以是合理选择,但需保持核心数据与状态一致。不能把无法完成的任务伪装成只是少了几个按钮。

YOUR TURN

把这个原则用一次

先做一个小判断

把计时器分别适配到手表和电视。

再完成一份设计练习

将同一个健身计划分别设计为手表与电视入口,各保留一个核心任务。

容易踩的坑

电视的“选中内容”与“当前焦点”是不同状态,必须区分。

继续查阅

本课为原创教学解释。具体平台规则与标准可查阅官方资料。

Apple Human Interface GuidelinesWindows 应用设计GNOME Human Interface Guidelines