表单设计

2019-12-12  本文已影响0人  黑曼巴yk

顶部标题

优势: 它在国际化的场景中,横向空间有足够的扩展量,可以避免文字长度变化带来的布局改变,另外一个优点是用户很少会将标题混淆
劣势:占用更多纵向的空间,不利于快速预览表单标题的内容。


image.png

左标题VS右标题

右标题.png 左标题.png

优势:标题和输入项分别属于独立的纵向独立空间,因此用户可以快速扫描每个表单的标题
项,有助于对表单整体预览。标题和选项左右分部更加节省纵向空间
劣势:完成时间较慢,会使视线以Z形运动进行扫描,降低浏览速度。

左标提还是右标题

Frog 执行董事 Matteo Penzo 在 2006 年关于标题位置研究的文章里表明:测试中完成左对齐标题的阅读速率是500毫秒。而右对齐标题,标题和输入字段之间的扫视时间对于专家用户仅为约170毫秒,对于新手用户仅为240毫秒。虽然右对齐标题阅读速度更胜一筹,但是在左对齐标题时大多数测试对象,包括专家用户,都被迫重新检查标签,以提醒自己下拉列表中包含的数字的值


眼动仪跟踪数据.png

所以在涉及到资金等大额订单的时候,采用左标题对齐会比较合适。需要用户再三确认,同时左标题对齐会在排版上会更加工整,符合从左到右的阅读习惯。

上一篇 下一篇

猜你喜欢

热点阅读