图1.1所示，简单表单的眼动跟踪数据图突出了清晰浏览线的重要性。本例中，标签、输入框及主要动作按钮构成主要垂直轴，提供了贯穿表单的单一路径。
图1.1 Etre提供的综合眼动轨迹图（热点图），表明人们填写一个简单表单时所看到的表单内容为了进一步说明这一点，考虑下面两种表单之间的差别。第二张表单中，从第一个信息点开始一直到主要动作结束，都有清晰的浏览线，人们可以看清所用需要快速回顾的信息。第一张则采用不同的视觉处理，完成过程变成了“之”字眼动运动。通过统一布局，采用单一路径更容易处理表单所提问题。人们关注执行任务，看见表单所用问题并作出答复，从而提高完成率。
图1.2 第一个表单设计中，内容组之间采用有意义的区分，但第二个PayPal表单提供了清晰的完成路径，人们只需要遵循一条向下的直线设计良好的浏览线能恰当设置问题之间的视觉空间，满足每对标签／输入框之间的平衡。视线能在表单中舒适移动，而不会错过任何重要信息。空间间隔合适，很大程度上取决于表单风格。但一般而言，最好采用输入框高度约50%～75%作为问题之间的间隔。
图1.3问题有节奏的流动需要之间有合适的间隔
图1.1所示，简单表单的眼动跟踪数据图突出了清晰浏览线的重要性。本例中，标签、输入框及主要动作按钮构成主要垂直轴，...
AJAX的历史：传统的表单设计采用提交 的方式向web服务器请求，web服务器根据请求，返回给浏览器一个新的页面。...
1、Ueditor Formdesign Plugins Web表单设计器 Ueditor Formdesign ...
所谓的表单引擎 表单引擎，也可以称为表单流程，流程表单和工作流表单，是基于Web界面上可视化编辑的表单设计系统。它...
1 表单是如何工作的？ 用户在网页上填写表单并提交所填信息，浏览器将用户提交的数据发送至 Web 服务器， Web...
所谓表单引擎 表单引擎，又可称之为表单流程、流程表单、工作流表单，是基于Web界面上可视化编辑的表单设计系统，可设...
响应式Web设计:HTML5和CSS3实战(第2版) 第九章 表单 9.1-2 理解HTML5表单中的元素 每一个...
在WEB产品的设计中经常要用到设计表单，表单中的元素众多，尤其是许多后台操作系统中表单元素的组合就更加复杂...
响应式Web设计:HTML5和CSS3实战(第2版) 第十章 实现响应式Web设计 10.1 尽快让设计在浏览器和...
这两天看了《web表单设计》，根据自己以前对表单的理解，写下总结。 表单的组织 先考虑人，再考虑像素。用户真正关心...
本文标题：WEB表单设计-2清晰的浏览线
本文链接：https://www.haomeiwen.com/subject/ztedmttx.html
网友评论