既起始位置离目标位置距离越远,我们到达目标位置所花费的时间就越长。反之,离目标位置越近,我们所花费的时间就越短

时间:2023-04-10 来源:

左对齐标签也是最常用的一种标签,采用文字左对齐的方式将标签文本放置在输入域的左边,这种结构有利于用户对标签整体的查看,从整体上对表单所需要填写的内容更加清晰。

根据马泰奥的研究,左对齐标签“典型扫视时间为500毫秒,时间很长,说明用户经历着沉重的认知压力。”左对齐表单解析问题时眼球定位次数最多,用户一般情况下都能将左对齐布局中的标签和输入框联系起来,只是花费时间较长。

在顶、右、左三种方案中,左对齐表单填写速度最慢。


优点:

标签开头阅读视线对齐,符合用户的阅读模式,比较方便用户浏览表单,也比较节约垂直空间;

缺点:

由于标签长短不一,有些标签距离输入框较远,视觉跳动较大,使标签与其输入框亲密性降低导致用户填写费力,用户存留时间较长;

标签和输入域的弹性长度小,横向占用空间较大,所以不适用于横向空间狭小的表单页面。

适用场景:

适合表单中存在较多的复杂敏感数据,需要用户谨慎的对待表单的填写,特别是表单含有大量可选输入框,类似“使用偏好”或者高级设置陌生数据时,就可以使用左对齐标签。


上图可以看出,右对齐标签填写速度要比左对齐标签快一倍。左对齐标签中用户眼球定位时间长,需要反复建立标签和输入框的联系,但同时文字左对齐也让标签侧的浏览变得容易。反之,右对齐则与之相反。

需要注意:

左对齐受限于标签字数的长短,造成右边的视线不能够统一。与输入域视觉间距大小不一。标签越短,与输入域的间距越大。


根据菲茨定律,既起始位置离目标位置距离越远,我们到达目标位置所花费的时间就越长。反之,离目标位置越近,我们所花费的时间就越短。所以对于整个表单的浏览速度也会变得缓慢一些。


需要要注意的是,虽然速度是最慢的,但从辩证的角度来看,B端业务设计中,【缓慢完成率】并不总是一件坏事,如果表单数据复杂且安全性高,可以故意减缓用户的填写速度,来确保填写的准确性。

这是一种较为柔和的方式使用户的读取速度变慢,让用户认真的阅读,保证信息采集的准确性。在一些注册类、管理后台类表单中较多使用。

当你的产品业务数据信息比较敏感或很重要需要用户仔细斟酌表单内容,谨慎填写时,左对齐标签是不错的选择。若表单内容简单易理解,那么可以使用右对齐标签来提升效率。

如下图小鹅通的组织架构填写的部分:


全国统一热线

4000-163-301

联系在线客服
既起始位置离目标位置距离越远,我们到达目标位置所花费的时间就越长。反之,离目标位置越近,我们所花费的时间就越短 最新资讯 既起始位置离目标位置距离越远,我们到达目标位置所花费的时间就越长。反之,离目标位置越近,我们所花费的时间就越短 相关资讯

既起始位置离目标位置距离越远,我们到达目标位置所花费的时间就越长。反之,离目标位置越近,我们所花费的时间就越短

时间:2023-04-10 来源:

左对齐标签也是最常用的一种标签,采用文字左对齐的方式将标签文本放置在输入域的左边,这种结构有利于用户对标签整体的查看,从整体上对表单所需要填写的内容更加清晰。

根据马泰奥的研究,左对齐标签“典型扫视时间为500毫秒,时间很长,说明用户经历着沉重的认知压力。”左对齐表单解析问题时眼球定位次数最多,用户一般情况下都能将左对齐布局中的标签和输入框联系起来,只是花费时间较长。

在顶、右、左三种方案中,左对齐表单填写速度最慢。


优点:

标签开头阅读视线对齐,符合用户的阅读模式,比较方便用户浏览表单,也比较节约垂直空间;

缺点:

由于标签长短不一,有些标签距离输入框较远,视觉跳动较大,使标签与其输入框亲密性降低导致用户填写费力,用户存留时间较长;

标签和输入域的弹性长度小,横向占用空间较大,所以不适用于横向空间狭小的表单页面。

适用场景:

适合表单中存在较多的复杂敏感数据,需要用户谨慎的对待表单的填写,特别是表单含有大量可选输入框,类似“使用偏好”或者高级设置陌生数据时,就可以使用左对齐标签。


上图可以看出,右对齐标签填写速度要比左对齐标签快一倍。左对齐标签中用户眼球定位时间长,需要反复建立标签和输入框的联系,但同时文字左对齐也让标签侧的浏览变得容易。反之,右对齐则与之相反。

需要注意:

左对齐受限于标签字数的长短,造成右边的视线不能够统一。与输入域视觉间距大小不一。标签越短,与输入域的间距越大。


根据菲茨定律,既起始位置离目标位置距离越远,我们到达目标位置所花费的时间就越长。反之,离目标位置越近,我们所花费的时间就越短。所以对于整个表单的浏览速度也会变得缓慢一些。


需要要注意的是,虽然速度是最慢的,但从辩证的角度来看,B端业务设计中,【缓慢完成率】并不总是一件坏事,如果表单数据复杂且安全性高,可以故意减缓用户的填写速度,来确保填写的准确性。

这是一种较为柔和的方式使用户的读取速度变慢,让用户认真的阅读,保证信息采集的准确性。在一些注册类、管理后台类表单中较多使用。

当你的产品业务数据信息比较敏感或很重要需要用户仔细斟酌表单内容,谨慎填写时,左对齐标签是不错的选择。若表单内容简单易理解,那么可以使用右对齐标签来提升效率。

如下图小鹅通的组织架构填写的部分:


美妆加盟美妆店加盟美容加盟美容院加盟美容店加盟

立即投放