到现在为止,大部分设计人员都应该了解:表单中的标签使用顶部对齐比左侧对齐更便于用户填写。当你明白了《表单中的标签位置》一文的研究后,就会觉得言之有理。 如果仅仅这个原因无法说服你使用标签顶部对齐,下面还有几条理由来说明标签顶部对齐适用于大多数用户。
适合手机用户缩放表单字段
想象手机用户填写表单的情景,用户选中表单字段后,手机浏览器自动放大字段,便于用户查看输入的内容。标签左侧对齐的表单中,放大字段后标签会从屏幕中消失。用户必须水平滚动屏幕以查看标签,然后回滚到字段中输入内容。表单中的每个字段都得这么干。不应该让用户经历这么糟糕的体验。
而当用户选择标签顶部对齐的字段时,放大字段不会导致标签超出屏幕范围,用户能同时看到标签和字段,不用水平滚动屏幕就能填写表单。标签顶部对齐的表单,不仅桌面用户填起来快,手机用户填写速度也不慢。 标签顶部对齐不仅减少了用户的视觉凝视,还降低了水平滚动的操作。 总之,表单标签是否使用顶部对齐会使用户填写手机表单的速度和难度产生巨大的差异。
适合国际用户填写表单
现在再想想国际用户填写表单的情景。很多国际用户的英语不好,需要将表单标签翻译成本国语言,这样不仅会使标签内容变长,还会导致标签与字段不对齐。后果不仅仅如此,用户看到表单布局凌乱,会对表单失去信任,同时还会使他们难以理解标签和字段的对应关系,更会让他们对表单失去信任。
标签顶部对齐能便于手机用户和国际用户填写表单。但有些设计人员抱怨增加了表单长度,这里有一些技巧可以缩短表单长度。 如果表单太长,可以将表单划分为多个页面,或者使用折叠分页,后者将所有内容放在同一个页面,但折叠非活动部分以节省空间。
表单太长不会吓到用户,而表单布局凌乱、水平滚动或标签难以浏览则会让他们避之不及。就算表单太长,使用标签顶部对齐也比左侧对齐填的快。标签顶部对齐的优点远远超过缺点,标签左侧对齐与它根本没得比。。
原文地址:https://uxmovement.com/forms/another-case-for-using-top-aligned-form-labels/