美文网首页
表单设计

表单设计

作者: 黑曼巴yk | 来源:发表于2019-12-12 14:29 被阅读0次

    顶部标题

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


    image.png

    左标题VS右标题

    右标题.png 左标题.png

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

    左标提还是右标题

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


    眼动仪跟踪数据.png

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

    相关文章

      网友评论

          本文标题:表单设计

          本文链接:https://www.haomeiwen.com/subject/pvzzgctx.html