(翻译)表单标签使用顶部对齐的另一案例

文章指出,表单中标签顶部对齐优于左侧对齐,尤其对于手机用户和国际用户。手机用户缩放字段时,顶部对齐的标签不会消失,避免了水平滚动的不便。对于国际用户,标签顶部对齐解决了翻译后可能导致的布局混乱问题。此外,即便表单较长,顶部对齐仍能提供更好的填写体验。因此,标签顶部对齐在提升用户填写速度和降低操作复杂性方面具有显著优势。
摘要由CSDN通过智能技术生成

  到现在为止,大部分设计人员都应该了解:表单中的标签使用顶部对齐比左侧对齐更便于用户填写。当你明白了《表单中的标签位置》一文的研究后,就会觉得言之有理。 如果仅仅这个原因无法说服你使用标签顶部对齐,下面还有几条理由来说明标签顶部对齐适用于大多数用户。

适合手机用户缩放表单字段

  想象手机用户填写表单的情景,用户选中表单字段后,手机浏览器自动放大字段,便于用户查看输入的内容。标签左侧对齐的表单中,放大字段后标签会从屏幕中消失。用户必须水平滚动屏幕以查看标签,然后回滚到字段中输入内容。表单中的每个字段都得这么干。不应该让用户经历这么糟糕的体验。
在这里插入图片描述
  而当用户选择标签顶部对齐的字段时,放大字段不会导致标签超出屏幕范围,用户能同时看到标签和字段,不用水平滚动屏幕就能填写表单。标签顶部对齐的表单,不仅桌面用户填起来快,手机用户填写速度也不慢。 标签顶部对齐不仅减少了用户的视觉凝视,还降低了水平滚动的操作。 总之,表单标签是否使用顶部对齐会使用户填写手机表单的速度和难度产生巨大的差异。

适合国际用户填写表单

  现在再想想国际用户填写表单的情景。很多国际用户的英语不好,需要将表单标签翻译成本国语言,这样不仅会使标签内容变长,还会导致标签与字段不对齐。后果不仅仅如此,用户看到表单布局凌乱,会对表单失去信任,同时还会使他们难以理解标签和字段的对应关系,更会让他们对表单失去信任。
在这里插入图片描述
  标签顶部对齐能便于手机用户和国际用户填写表单。但有些设计人员抱怨增加了表单长度,这里有一些技巧可以缩短表单长度。 如果表单太长,可以将表单划分为多个页面,或者使用折叠分页,后者将所有内容放在同一个页面,但折叠非活动部分以节省空间。
  表单太长不会吓到用户,而表单布局凌乱、水平滚动或标签难以浏览则会让他们避之不及。就算表单太长,使用标签顶部对齐也比左侧对齐填的快。标签顶部对齐的优点远远超过缺点,标签左侧对齐与它根本没得比。。

原文地址:https://uxmovement.com/forms/another-case-for-using-top-aligned-form-labels/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值