E4.09.3drawer dismiss via scrim设计研究

抽屉展开需可通过遮罩关闭

别名: 抽屉遮罩 · 点遮罩关闭 · 抽屉关闭 · scrim dismiss

概念解释

抽屉打开后,主内容被一层半透明遮罩挡住,表示「现在在用侧边,中间那块暂不可点」。这层遮罩必须是关闭抽屉的正规通道:点遮罩即关(scrim dismiss)。用户是被临时层请到边上的,回去的动作应当打在「被挡住的那块」上,而不必先在抽屉里找一枚关闭按钮。这里管的是离开路径,不管抽屉里有什么,也不把焦点捕获、键盘退出算进来。

机制

抽屉把任务从主表面暂时迁到边缘。遮罩的知觉作用是双重的:降低主内容对比,声明它此刻不是点击目标;同时把那一大块失效区域变成「我要回去」的靶子。靶子大、位置就是刚才工作的地方,符合「从哪被请走就从哪回去」。若遮罩不可点,回去只剩抽屉内的小按钮或系统返回键,离开路径比进入路径窄,临时层会把人关在边上。遮罩关闭必须是一次性的、无确认的——抽屉不是在问必须回答的问题,关闭不该再套一层。滑动回边缘可以并行,但不能替代点遮罩:不是每个人都发现手势,遮罩却是打开态下面积最大的可见对象。

怎么研究

打开抽屉后,比较遮罩可点、遮罩不可点只留关闭按钮、以及只有系统返回三种离开方式。记录首次成功关闭的方式、尝试点主内容被吞掉的次数、关闭耗时。自变量:遮罩是否响应、关闭按钮位置、是否同时支持滑动。因变量:离开路径发现率、点在「看起来像主内容」上却没关上的挫败次数。遮罩可点时应成为最常用的离开方式。

边界

抽屉里若真的在编辑未保存内容,点遮罩关可能会丢数据,那是把抽屉当成了编辑器——要么先允许保存/丢弃,要么不要用抽屉承载这种编辑。从边缘拖出的常驻侧栏没有遮罩,主内容仍可点,关闭语义不成立。全屏模态没有「旁边那块主内容」可点,遮罩关闭不是它的通道。触屏上遮罩过浅会被当成主内容仍可交互,点下去既没关抽屉也没点到主内容,需要足够的变暗才能当靶子用。

怎么落地

  • 打开态下主内容上盖可点击遮罩,点击即关闭抽屉,不二次确认。
  • 遮罩变暗要足以让人看出主内容此刻不是目标,仍能认出那是刚才的页面。
  • 关闭按钮可以保留给不点遮罩的用户,但不能当唯一出口。
  • 验证:打开抽屉后,请人「回到刚才的页面」且不提示怎么关。第一下打在遮罩上并关上,才算这条路径成立。

延伸

  • 同组E4.09.1 抽屉承载低频导航或辅助内容 · E4.09.2 抽屉内的内容不可发现
  • 相邻E4.10 模态对话框 · E4.16 浮层叠加与逃生
  • 站内检索scrim · drawer dismiss · light dismiss

同组卡片

快捷操作

分享

分享当前页面

ios_share

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