顶置标签垂直占用大但扫描最快
别名: 标签在上 · stacked label · 垂直标签
概念解释
顶置标签（top-aligned label）把字段名称放在输入槽正上方，标签与槽共享一条垂直轴线。人填表时视线沿这条轴线往下走：读名称、落入槽、再落到下一字段，几乎不用左右跳。代价是每一项都多占一行垂直空间，一屏能放下的字段变少。它解决的是扫描路径是否与填写顺序同向，不是标签和槽在代码里有没有绑在一起。
机制
填表是「读名称 → 组织答案 → 落入槽」的循环。顶置让名称和槽成为同一视觉列，眼动只需短距离下扫，工作记忆里的字段名还在，答案就能对上槽。左置名称要求先读左列再跳到右槽，中间穿过空白或别的控件，名称容易在跳跃里丢掉，人会回看标签。垂直占用换来的是这条短路径：在字段多、名称长短不一的表单上，顶置让长短标签都从槽的左缘起排，对齐稳定，扫描节奏一致。一屏字段变少，是用滚动换一次看清「这格是什么」。
怎么研究
眼动实验是主范式：同一组字段分别做成顶置、左置、右对齐左置，记录从标签到槽的眼跳次数、首次落入槽的时间、回视标签的次数和总完成时间。Penzo 一类表单眼动研究反复看到顶置的标签—槽路径更短、完成更快。自变量：标签长度是否参差、字段数量、用户是否熟练。因变量：眼跳、完成时间、错槽率。实验室里的表单往往无干扰、屏幕够高，垂直占用的代价被低估；移动视口上应同时记「提交按钮是否还在首屏」。不要用美感评分代替眼动或完成时间。
边界
设置页里大量开关、短标签、用户已熟悉结构时，垂直空间比扫视速度更贵，顶置会把一屏变成三屏。宽桌面把标签顶置后，槽若仍拉满整行，会出现「名称在左上、槽在很远的右边」的新跳跃，顶置的短路径被浪费。语言从左到右与从右到左都适用顶置的垂直同轴，但在极短视口（手表、横屏手机键盘升起后）多出来的那一行可能把槽顶出可见区。顶置不能修复没有程序化名称的字段。
怎么落地
- 把登记、结账、申请这类「第一次填、标签长短不一」的表单做成标签在槽正上方、左缘对齐。
- 不要把顶置标签配上拉满整行的超宽槽，让名称和插入点仍落在同一短列里。
- 在目标设备的真实视口里数一屏能完成的字段；若提交被推到两屏之外，就分组或分页，而不是改回难以扫描的布局来省高度。
- 验证：录眼动或用「读出字段名再指向槽」的放声思考。从名称到槽若反复左右找，顶置的同轴就没做成。