B3.08.3Aesthetic and Minimalist Design设计

视觉简洁不等于操作简单

别名: 视觉简洁 · 操作成本 · 简约界面

概念解释

屏幕上元素少、留白多、按钮隐藏不等于任务容易完成。视觉简洁(visual simplicity)只减少感知负荷;操作简单还取决于步骤数、等待、选择集、错误恢复和上下文保持。一个“干净”的页面可能需要五层导航才能完成原本一步的动作。

机制

删减界面常把信息或控件移入菜单、弹窗、二级页或搜索命令,感知层变得安静,用户却要记住入口、等待加载、试错和重复返回。认知负荷没有消失,而是从同时比较变成顺序检索。对新手和低频任务,找不到控件比看到多个选项更昂贵。

边界

视觉复杂度确实会伤害查找和判断,简化有时能改善操作;关键是测量任务总成本,而不是只数可见元素。专家可能偏好命令面板和隐藏工具栏,而公共自助界面需要更多直接可见线索。设备、网络和无障碍输入也会改变成本。

怎么落地

  • 计算核心任务的步骤数、等待点、返回次数和可发现性,不要只评价首屏密度。
  • 每次隐藏控件前定义替代入口、可见线索和恢复路径。
  • 对比“少而深”和“多而平”的原型,测量新手与专家的完成时间、错误和求助。
  • 验证隐藏层是否产生重复导航、截图、外部清单或口头培训。

延伸

  • 同组B3.08.1 每增加一条信息都会削弱其他信息 · B3.08.2 极简针对的是无关信息而非必要信息 · B3.08.4 该条针对的是信息之间的注意力竞争,不是要求更多留白 · B3.08.5 删除信息与折叠信息对认知负担的影响不同,后者把成本转移到操作 · B3.08.6 把必要信息挪入二级会把视觉成本换成操作成本,未必更省 · B3.08.7 判断标准是每条信息是否服务用户当前的决定
  • 相邻B2.13 分层与渐进披露 · H1 交互模式与流程
  • 站内检索visual simplicity · interaction cost · hidden controls

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/B3.08.3