E4.11.1non-modal parallel operation设计研究

非模态允许与主内容并行操作

别名: 非模态面板 · 并行操作 · 不阻断面板 · modeless panel

概念解释

非模态面板开着的时候,主内容仍然可以滚动、选择、编辑。它和模态的差别不在外形,而在主任务是否继续跑(parallel operation):检查器、大纲、聊天侧栏之所以合法,是因为人要一边改对象一边看着集合,或一边写一边查资料。若打开面板之后主表面被锁,它就不是非模态,只是少画了遮罩的对话框。

机制

并行依赖两条输入通道同时活着。面板吃掉一块注意力,主表面仍要能接收指针、键盘和选择变化,工作记忆才能在「改这一处」和「看整体」之间切换而不必先关门。模态切断这条切换,强迫一次只挂一个问题;非模态承认两个问题可以交替,只要它们作用于同一份正在进行的工作。实现上这意味着主表面不能被设为不可点,焦点不能被关进面板,滚动和快捷键仍要落到当前真正在用的那一层。谁「真正在用」由最近一次点击或焦点决定,而不是由面板的存在决定。一旦面板在打开期间吞掉主表面的点击,并行合同就被悄悄改写成模态。

怎么研究

给正在编辑的主表面打开侧栏,要求在不关面板的情况下改主表面的另一处、再改面板里的一处。记录是否做得到、误把点击送进面板或主表面的次数、以及主观是否觉得被锁。自变量:面板是否捕获焦点、主表面是否仍可滚动。因变量:交替操作成功率、任务时间相对关面板再开的基线。若必须先关才能改主表面,这套面板在行为上已是模态。

边界

触屏小屏上两块同时可点很容易误触,并行在物理上成立、在精度上失败,那时应改成可召唤而不是常驻并行。只读预览面板并行很安全;面板里有提交按钮时,人可能以为提交的是主表面那一份,需要明确作用对象。屏幕阅读器一次只读一个区域,所谓并行变成「能切过去」,切的成本要靠地标降低,而不是靠视觉上的并排。

怎么落地

  • 打开面板后点主表面应立即在主表面生效,不必先关面板。
  • 不要给非模态面板加全屏遮罩或焦点捕获。
  • 快捷键按当前焦点所在层处理,并让两层都能被键盘走到。
  • 验证:开着面板改主表面三处。有一处要点关闭才能改,并行就不成立。

延伸

  • 同组E4.11.2 面板与主内容的状态同步需明确 · E4.11.3 面板占用宽度会挤压主内容
  • 相邻E4.10 模态对话框 · E4.08 分栏与主从视图
  • 站内检索modeless · inspector panel · parallel interaction

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/E4.11.1