E2.05.1floating label设计研究
浮动标签用动效解决空间与持久性的矛盾
别名: 上浮标签 · float label pattern · Material 浮动标签
概念解释
浮动标签（floating label）在槽空闲时把名称放在槽内，一旦聚焦或有值，名称用一段短动效移到槽外上方并保持可见。它要同时办两件事：空着时不另占一行，有值时名称又不消失。这是用运动去解空间与持久性的矛盾，不是把字号变小，也不是把槽内残留的提示当成第二套文案。
机制
常驻顶置标签占一行高度；占位符当名称又不持久。浮动标签把名称的位置做成状态函数：空 → 槽内；聚焦或已填 → 槽外。动效的作用是让同一段文字的两次出现被看成同一个对象在搬家，而不是「槽内提示消失、别处突然多了一行小字」。若没有足够长、足够连续的位移，搬家失败，用户会以为名称丢了，或以为上方小字是另一字段的标签。空间上，空表看起来更紧；持久性上，填完后名称仍在槽外可核对。矛盾并没有消失，只是被时间上的过渡垫过去。
怎么研究
比较静态顶置标签、纯占位符、带位移的浮动标签，测量空表一屏能放下的字段数、填到一半后指出字段名的正确率、以及首次聚焦时是否理解「字会上去」。自变量：位移时长与路径、是否在聚焦时上浮（即使还没打字）、空态名称是否像值。因变量：身份保持、完成时间、误把空槽当已填。眼动可看上浮瞬间视线是否跟上那一行字。不要用「看起来现代」代替「填完后还说得出每格是什么」。
边界
动效被系统关掉（减少动态、低端机丢帧）时，名称会瞬移或跳变，搬家叙事断掉，只剩下小字突然出现。槽内已有值的回访（编辑资料）一打开就是上浮态，用户从未见过槽内那一幕，动效故事对他们不存在。多行文本域上浮后，名称只标了框的顶部，框很高时底部插入点离名称很远。屏幕阅读器不消费这段位移，浮动只影响视觉用户。
怎么落地
- 让名称沿一条连续短路径从槽内移到槽外，时长足够被看成搬家，而不是闪断后另起一行。
- 聚焦即上浮，不要等第一个字符：否则光标已经在槽里，名称还叠在插入点上。
- 在「减少动态」开启时提供无动画的等价状态：空则名称在槽内，有值则在槽外，中间不要空白帧。
- 验证：让人填完一页再指出每一格的名称。名称找不到或指到邻格，位移就没有把同一对象保住。再打开系统减少动态重测一次。