抽屉展开需可通过遮罩关闭
别名: 抽屉遮罩 · 点遮罩关闭 · 抽屉关闭 · scrim dismiss
概念解释
抽屉打开后,主内容被一层半透明遮罩挡住,表示「现在在用侧边,中间那块暂不可点」。这层遮罩必须是关闭抽屉的正规通道:点遮罩即关(scrim dismiss)。用户是被临时层请到边上的,回去的动作应当打在「被挡住的那块」上,而不必先在抽屉里找一枚关闭按钮。这里管的是离开路径,不管抽屉里有什么,也不把焦点捕获、键盘退出算进来。
机制
抽屉把任务从主表面暂时迁到边缘。遮罩的知觉作用是双重的:降低主内容对比,声明它此刻不是点击目标;同时把那一大块失效区域变成「我要回去」的靶子。靶子大、位置就是刚才工作的地方,符合「从哪被请走就从哪回去」。若遮罩不可点,回去只剩抽屉内的小按钮或系统返回键,离开路径比进入路径窄,临时层会把人关在边上。遮罩关闭必须是一次性的、无确认的——抽屉不是在问必须回答的问题,关闭不该再套一层。滑动回边缘可以并行,但不能替代点遮罩:不是每个人都发现手势,遮罩却是打开态下面积最大的可见对象。
怎么研究
打开抽屉后,比较遮罩可点、遮罩不可点只留关闭按钮、以及只有系统返回三种离开方式。记录首次成功关闭的方式、尝试点主内容被吞掉的次数、关闭耗时。自变量:遮罩是否响应、关闭按钮位置、是否同时支持滑动。因变量:离开路径发现率、点在「看起来像主内容」上却没关上的挫败次数。遮罩可点时应成为最常用的离开方式。
边界
抽屉里若真的在编辑未保存内容,点遮罩关可能会丢数据,那是把抽屉当成了编辑器——要么先允许保存/丢弃,要么不要用抽屉承载这种编辑。从边缘拖出的常驻侧栏没有遮罩,主内容仍可点,关闭语义不成立。全屏模态没有「旁边那块主内容」可点,遮罩关闭不是它的通道。触屏上遮罩过浅会被当成主内容仍可交互,点下去既没关抽屉也没点到主内容,需要足够的变暗才能当靶子用。
怎么落地
- 打开态下主内容上盖可点击遮罩,点击即关闭抽屉,不二次确认。
- 遮罩变暗要足以让人看出主内容此刻不是目标,仍能认出那是刚才的页面。
- 关闭按钮可以保留给不点遮罩的用户,但不能当唯一出口。
- 验证:打开抽屉后,请人「回到刚才的页面」且不提示怎么关。第一下打在遮罩上并关上,才算这条路径成立。