F7.07.1Origin location implies belonging设计研究
元素的来源位置暗示其归属
别名: 来源位置 · 展开源 · 空间归属
概念解释
菜单从屏幕左缘滑入,它像系统级面板;从那个齿轮图标展开,它像这个按钮的附属。新表面在几何上从哪一点长出来,人就把它登记为谁的东西。这是来源位置作为归属索引,对象往往是新出现的另一块表面,并不需要和源控件共享像素身份。
机制
空间注意用「从哪来」补「属于谁」。展开的起点提供一个瞬时的指针:新图层的父节点是那个坐标上的控件。起点若在屏幕边缘或正中央,父节点被登记为「环境」或「系统」,而不是某个具体控件。关闭时沿同一点收回,归属被再确认一次;收到别的地方,归属在退出时被改写。
这和共享元素的焊缝不同。共享元素要求两端是同一客体的表面连续。来源位置只要求一条从宿主到新表面的路径,新表面可以是全新的菜单、表单、气泡。路径一旦缺失,静态布局里宿主和表面往往隔得很远,邻近性帮不上忙,归属只好靠记忆。
怎么研究
同一对宿主–表面,操纵展开锚点:宿主中心、屏幕边缘、视口中央。测事后指认「这是谁打开的」、关闭时点击的目标是否仍是宿主、以及把表面拖到别处后归属是否跟着走。自变量:锚点位置、收回是否回到锚点。因变量:宿主指认、关闭点击分布。
相似宿主并排时是压力测试:锚点偏几像素就会绑到邻居上。
边界
- 宿主已滚出屏幕,锚点落在空白列表上,归属指向一个不在场的父节点,不如改用边缘进入并在文案上写清来源。
- 全屏警告不属于任何控件,从某个小图标炸开是伪造宿主。
- 来源位置不能单独支撑整张产品地图;它只绑定这一对表面。
怎么落地
- 由控件打开的菜单、气泡、轻量面板以该控件为锚点展开和收回。
- 系统级、与当前控件无关的表面不要借用控件锚点。
- 验证:遮住转场问「谁打开的」。指到错误控件或说「不知道」,锚点就没有完成索引。