(翻译)标签顶部对齐使用户填写表单速度更快的原因

  假设有用户正准备注册网站用户,并在注册界面中输入个人信息。注册页面中标签的排列方式会影响用户填写个人信息的速度。
  是想给用户便捷、愉快的注册体验,还是想给他们找麻烦?如果想让用户方便快捷地注册,最好在注册界面中顶部对齐标签。

在这里插入图片描述
  标签顶部对齐比左右对齐填写起来更便捷,因为顶部对齐标签只需要一半注视点。标签顶部对齐仅需用户从上往下移动注视点,而左右对齐需要用户既从左往右移动注视点,又要从上往下移动注视点。[1]
  标签顶部对齐唯一的缺点是增加了注册页面高度,但用户经常需要滚动页面,因此这也不算什么大事儿。可以缩小控件间的空白,以减少页面高度,也可以将注册页面拆分为几个页面,这样也能减少页面高度。
  标签顶部对齐与左右对齐之间区别明显。注册页面中的标签顶部对齐易于浏览、便于填写,虽然这样增加了页面高度,但用户填写内容时就能发现这两种对齐方式在时间、效率上的差异。
  如果标签顶部对齐可以给用户更好的体验,那就值得这么做。设计人员应该多思考字段标签的对齐方式,这要么会帮助用户完成内容填写,要么会迫使用户放弃操作。

原文地址:https://uxmovement.com/forms/why-users-fill-out-forms-faster-with-top-aligned-labels/

[1]原文:Top aligned labels are faster and easier to fill out than left and right aligned labels. This is because top aligned labels only need half as many visual fixations. Top aligned labels also allow users to move down the form in one visual direction. Left and right aligned labels require two visual directions to fill out.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值