Web表单设计:表单结构（3）
作者：zongbo.yuzb 来源：alibaba 发布时间：2011-04-22 12:32:00
标签：表单,设计,web
你还应该注意哪些表单设计细节？
设计表单时要注意细节问题的处理，比如：表单的命名、起始页、清晰的浏览线、注意力分散最少、进程指示、Tab键跳转等。其实还有一点就是让用户知道完成表单的路径。
确保表单名称符合人们的期望，并简洁解释每个表单的用途。
如果表单需要时间或者查询信息才能填写，可以采用起始页来设定人们的期望。
由始至终采用清晰浏览线和有效视觉步伐来引导人们，确保说明清晰的填写完成路径。
对于关键任务表单，比如结算表单或者注册表单，应当去除会分散注意力的部分、任何导致人们放弃填写的链接或内容。
如果表单分为多个已知的有序网页，可以采用进程指示来传达范围、状态和位置等信息。
如果表单没有清晰的有序网页，不要采用进程指示，应当采用更笼统的进程指示，而不要设置错误期望。
设计表单布局时，应考虑使用Tab键的“跳转”体验。
采用“tabindex”HTML属性来控制表单的跳转顺序。
Oracle可达性主管，彼得·沃勒克说：“对许多残障用户而言，表单的设计可达性尤其重要。可达性的核心是可用性。例如，如果网页不能使用或者无法开始，可达性首先需要“超级设计”（Uber-design)。包括：超级减少痛苦、超级明示完成路径、超级考虑情镜、超级确保一致沟通。同时可以遵循W3C制定的互联网内容可达性指南（WCAG)和美国采购法508章的最佳可达性指南。
注册表单设计例子（Registration Form Design Examples）：
Mint
Windowslive
Vox
Box
0
投稿猜你喜欢
- 一.windows系统的解决方法1.首先以系统管理员身份登陆系统。2.停止MySQL的服务。3.进入命令窗口，然后进入MySQL的安装目录，
- 看到这篇文章的人，如果我没有估计错的话，八成是从事互联网的人，其中又有八成是做设计的。如果真是这样，可以一起庆幸一下。首先，庆幸从事着一个没
- W3C终于发布了第一个HTML5草案，大家还沉溺在HTML2XHTML转换的快乐和痛苦中时，却又突然发现，HTML5和XHTML2，到底谁是
- DATE_FORMA T(date, format) 根据格式串format 格式化日期或日期和时间值date，返回结果串。可用DATE_F
- 一段这样的JavaScript代码，猜猜结果如何？var i = 0, m =
- 此文主要讲述的是SQL Server连接中经常出现的3个常见错误，以及对这三个错误的详细分析，如果你其心存好奇的话，以下的文章将会揭开它的神
- 为了提高Asp程序的性能,人们常常将经常使用的数据缓存在 Application,但是你修改了数据库后怎么让application更新呢,本
对于一个内容页的文章来说，如果这个文章内容过长或是其中有分类（排行），那么进行分页阅读无疑是最好的选择。如果一个文章内容不涉及分类，比如小说- 许多 Microsoft 的编程语言，如 Visual Basic、VBScript 和 Jscript，都提供集合（collection）
- 代码如下:Function getCurrentUrl() On Error Resume Next Dim strTemp If LCas
- 英文原文：http://www.myinkblog.com/2009/03/21/4-principles-of-good-design-f
- Sun周三宣布，准备以10亿美元收购MySQL开源数据库公司。据悉，Sun将支付大约8亿美元现金给MySQL，以获得其私募股票，另外，Sun
- 最近尝试了mysql的最新版本5.5.581.最新发布的mysql 5.5.8没有适合solaris 9的版本;这个在安装时需要注意2.它发
- 看下面的一组例子：alert(true.toString());alert(false.toString());alert(1.123.to
- 方法1：/** 功能：数据备份/恢复文件简易方法* 以日期为单位，一天一个备份文件，以当天最后备份为准* 用提交表单的形式进行操作，* 其中
- 最近一直在研究 Javascript 相关的技术。在《Javascript 高级程序设计》有篇章节着重阐述了优化 Javascri
- caller 属性返回一个对函数的引用，该函数调用了当前函数。functionName.caller functionName 对象是所执行
- 本节列出了可以运行MySQL的操作系统。我们使用GNU Autoconf，因此将MySQL移植到所有使用Posix线程和C++编译器的现代系
- 如果MySQL服务器启用了二进制日志，你可以使用mysqlbinlog工具来恢复从指定的时间点开始 (例如，从你最后一次备份)直到现在或另一
- 在我发表上一篇《Zen Coding: 一种快速编写HTML/CSS代码的方法》之后，有网友表示不知道怎么在Dreamweaver上使用ze
