表单标签对齐方式如何选？( 二 ) 注定|结局|时代|雷军|微信|im

文章插图

文章插图
eg：Yahoo登录页面，输入框为浮动标签
三、总结

顶对齐标签，能减少填写时间，适用于本地化，标签长度可以灵活多变。
右对齐标签，与顶对齐标签类似，但可以减少垂直空间的占用。
左对齐标签，要求人们仔细填写或者回答多个问题中的若干特定问题。
输入框内标签，表单问题少，屏幕空间非常有限。
浮动标签，注意场景与使用者视力问题。
注意区分标签与数据。

扩展阅读：
能迅速填完顶对齐标签表单的原因之一，是因为眼球只需要在标签和输入框之间进行单一运动。
事实上，马泰奥·彭佐从2006年7月进行的眼动研究发现，顶对齐标签方式从标签移动到输入框只要50毫秒，比左对齐标签方式快了10倍，后者需要500毫秒；比右对齐标签方式快2倍，后者高达240毫秒。
可能觉得几百毫秒，觉得也没有多少多长时间，但是一旦涉及到需要填写几百个录入项，时间也是成倍的。
所以在标签对齐上要根据场景选择合适的方式。
作者：Neko，支付产品经理/UI/UX；公众号：吱了一声
本文由 @Neko 原创发布于人人都是产品经理，未经作者许可，禁止转载。
【 表单标签对齐方式如何选？】题图来自pexels，基于CC0协议