F1.09.3temporarily movable overlay设计

遮挡不可避免时需允许临时移开

别名: 可拖浮层 · peek overlay · 临时让开

概念解释

手机上改一张图的滤镜,任何位置的面板都会盖住画面的某一块——屏幕就那么高,侧置也挤不出第三条带。这时至少要能把面板拖走、按住预览、或有一颗「按住看原图」把层临时收起,松手再回来。可移开的遮挡(temporarily movable overlay)承认遮挡会发生,但对照循环不能被焊死在一层不透明板下面。

iOS 的放大镜跟着指头走、地图搜索结果能下拉露出地图、修图 App 长按隐藏工具,都是在买这几秒的看见。

机制

小视口里「完全不挡」和「控件还够大」常常不能同时成立。焊死的层把对照循环的「看」永久关掉;可移动或可预览把「看」变成一记用户主动的短时动作。短时动作有成本(多一次按住),但成本是可选的,只在对照需要时支付。焊死的层让每一次微调都支付看不见的代价,总成本反而高。

移动必须可逆且不丢状态:拖走再拖回,滑杆的值还在;按住看原图,松手回到同一组参数。如果移开会提交、关闭或重置,人就不敢移,机制等于没给。

边界

桌面宽屏上「不可避免」很少成立,先侧置,不要一上来就做可拖浮层——可拖是小视口的退路,当默认会变成到处漂的窗口。无障碍用户若无法做拖动手势,移开必须有等价的按钮(「隐藏面板」)。实时协作里把层拖走不应改变对象的锁或选中,否则移开会被当成一次编辑。模态如果承担法律确认,不能被移开到背后内容可点——那会把确认变成可绕过。

怎么落地

  • 小屏上的滤镜、裁切、标注面板提供按住预览或可拖动的标题条;松手后回到原位置和原参数。
  • 给不能拖的用户一颗「暂时隐藏」,用按钮而不是只靠手势。
  • 移开期间不要提交、不要丢掉焦点、不要换掉选中对象。
  • 验证:在对象被挡住的那一块上改一个参数,移开层看一眼,再回来。参数若被重置、层若被关掉、或看一眼需要把流程走完重开,这条退路就还不能用。

延伸

  • 同组F1.09.1 浮层不得遮挡其正在操作的目标 · F1.09.2 需要对照内容的浮层应侧置而非居中
  • 相邻F1.10 键盘弹出后的可视压缩 · C2.05 手指遮挡问题
  • 站内检索temporarily movable overlay · peek · hold to preview

同组卡片

快捷操作

分享

分享当前页面

ios_share

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