动作:用户实际做了什么

分析一个数字互动界面,先区分输入与结果。输入可能是点击、滑动或选择,结果可能是状态变更、下一步提示或失败反馈。不要仅凭热闹的动画就判断某项操作已经完成。

如果按钮显示不可用,应有可理解的限制说明;如果界面需要等待,提示应表达等待的原因,而不是依靠无限循环的效果制造进度感。

反馈:哪些变化有信息价值

状态提示

是否明确区分已选中、待确认与已完成?

空间位置

提示是否靠近触发它的操作,读者是否容易关联因果?

动效节制

动画是否帮助解释变化,还是遮挡了关键信息?

从静态素材看界面层次

PG2号游戏视觉素材
此图仅供观察色块与视觉层次,不推断其中存在可点击功能。

静态画面能说明一些构图特征,但无法证明交互流程与功能有效。即使某张图出现按钮样式,也不能据此声称站点提供模拟器、账号、积分结算或游戏下载。

读界面时的四个问题

  1. 触发动作是什么,界面如何确认已接收?
  2. 反馈对应规则变化,还是只用于装饰?
  3. 必要提示是否需要依赖颜色才能看懂?
  4. 移除动画之后,使用者还能辨别当前状态吗?

若希望比较规则与数字呈现的差别,可继续阅读数字麻将;从视觉组织理解画面则参阅构图研读。