C3.16.3Reversible swipe-up dismiss of cards设计研究
上滑关闭卡片式界面的可逆性
别名: 上滑关掉 · sheet dismiss · 卡片关闭
概念解释
卡片、底栏面板、浮动页用上滑或下滑关掉时,关闭必须在越过阈值之前可拉回来。手指还按着,卡片应跟着走;没过线就松开,卡片回原位,内容不能已经卸掉。不可逆的上滑关闭会把一次试探变成关页,并和系统回主屏的上滑在后果上无法区分。
机制
可逆关闭是跟手预览加阈值提交:位移映射卡片位置,过线改变光影或尺寸表示“这次松手就走”,未过线的弹簧把它送回家。提交发生在抬起且已过线,不发生在方向刚识别时。若上滑在第一帧就 unload 页面,后面的跟手只是在播关闭动画,人无法反悔。和系统 Home 的区分也靠预览:卡片跟着走、背景应用还在,人知道关掉的是卡片;整块 UI 缩成桌面图标,人知道走的是系统。预览撒谎(看起来像关卡片,松手却回了主屏)比没有预览更糟。
怎么研究
任务:拉开卡片后上滑到一半再拉回;上滑过线后在抬起前再拉回;过线后松开。记录页面是否还在、是否进了主屏、表单是否已丢。对照“方向一旦向上立即关闭”。还要在卡片几乎贴底时测,起点接近系统捕获带,看可逆关闭是否被 Home 截走。
边界
一次性的轻量提示卡可以在任何上滑时关掉,可逆性要求可以降低,但仍应避免误关成 Home。全屏应用本身不是卡片,上滑应走系统,不走关卡逻辑。进行中的支付、录音若被可逆手势预览关到一半,预览必须保证底层任务还在,直到真正提交。
怎么落地
- 卡片关闭全程跟手,过线才武装,未过线回弹;武装后仍允许拉回撤消武装。
- 预览要看得出关的是卡片而不是整个应用:背景应用保持可见。
- 打开一张带未保存输入的卡片,上滑到一半松手。输入和卡片都应还在。再过线松开,卡片才关。若半途已经丢数据或回到桌面,可逆性失败。