顶部标题
优势: 它在国际化的场景中,横向空间有足够的扩展量,可以避免文字长度变化带来的布局改变,另外一个优点是用户很少会将标题混淆
劣势:占用更多纵向的空间,不利于快速预览表单标题的内容。
image.png
左标题VS右标题
右标题.png 左标题.png优势:标题和输入项分别属于独立的纵向独立空间,因此用户可以快速扫描每个表单的标题
项,有助于对表单整体预览。标题和选项左右分部更加节省纵向空间
劣势:完成时间较慢,会使视线以Z形运动进行扫描,降低浏览速度。
左标提还是右标题
Frog 执行董事 Matteo Penzo 在 2006 年关于标题位置研究的文章里表明:测试中完成左对齐标题的阅读速率是500毫秒。而右对齐标题,标题和输入字段之间的扫视时间对于专家用户仅为约170毫秒,对于新手用户仅为240毫秒。虽然右对齐标题阅读速度更胜一筹,但是在左对齐标题时大多数测试对象,包括专家用户,都被迫重新检查标签,以提醒自己下拉列表中包含的数字的值
眼动仪跟踪数据.png
所以在涉及到资金等大额订单的时候,采用左标题对齐会比较合适。需要用户再三确认,同时左标题对齐会在排版上会更加工整,符合从左到右的阅读习惯。
网友评论