Web表单设计:表单结构(3)

作者:zongbo.yuzb 来源:alibaba 时间:2011-04-22 12:32:00 

你还应该注意哪些表单设计细节?

设计表单时要注意细节问题的处理,比如:表单的命名、起始页、清晰的浏览线、注意力分散最少、进程指示、Tab键跳转等。其实还有一点就是让用户知道完成表单的路径。

  • 确保表单名称符合人们的期望,并简洁解释每个表单的用途。

  • 如果表单需要时间或者查询信息才能填写,可以采用起始页来设定人们的期望。

  • 由始至终采用清晰浏览线和有效视觉步伐来引导人们,确保说明清晰的填写完成路径。

  • 对于关键任务表单,比如结算表单或者注册表单,应当去除会分散注意力的部分、任何导致人们放弃填写的链接或内容。

  • 如果表单分为多个已知的有序网页,可以采用进程指示来传达范围、状态和位置等信息。

  • 如果表单没有清晰的有序网页,不要采用进程指示,应当采用更笼统的进程指示,而不要设置错误期望。

  • 设计表单布局时,应考虑使用Tab键的“跳转”体验。

  • 采用“tabindex”HTML属性来控制表单的跳转顺序。

Oracle可达性主管,彼得·沃勒克说:“对许多残障用户而言,表单的设计可达性尤其重要。可达性的核心是可用性。例如,如果网页不能使用或者无法开始,可达性首先需要“超级设计”(Uber-design)。包括:超级减少痛苦、超级明示完成路径、超级考虑情镜、超级确保一致沟通。同时可以遵循W3C制定的互联网内容可达性指南(WCAG)和美国采购法508章的最佳可达性指南。

注册表单设计例子(Registration Form Design Examples):

Twitter

Mint

Facebook

Windowslive

Vox

Box

标签:表单,设计,web
0
投稿

猜你喜欢

  • 浅谈图表参数化设计

    2010-08-29 18:03:00
  • 戴尔是如何设计新官网首页的

    2008-07-08 19:02:00
  • asp如何实现点击数的计算?

    2010-05-18 18:39:00
  • SQL查询效率-100w数据查询只要1秒

    2008-08-20 18:25:00
  • ASP 三层架构 Convert类实现代码

    2011-03-16 11:01:00
  • 轻松掌握SQL Server存储过程的命名标准

    2009-01-15 13:14:00
  • js加密页面代码生成器

    2007-10-12 13:40:00
  • Mootools 1.2教程(8)——输入过滤第一部分(数字)

    2008-11-27 13:01:00
  • Oracle 数据库操作类

    2009-08-12 12:06:00
  • 超酷的js图片轮播渐变效果

    2007-10-10 20:45:00
  • 在ASP中通过oo4o连接Oracle数据库的例子

    2008-10-12 12:55:00
  • CSS实现DIV完美垂直居中(支持多浏览器)

    2007-08-13 09:21:00
  • 说说值类型数据“.”操作符的类型转换

    2009-12-13 10:39:00
  • shtml网页SSI使用详解

    2008-02-20 19:13:00
  • SQL Server特殊磁带备份及恢复设计

    2009-01-21 14:39:00
  • [设计]DREAMWEAVER 问题集锦

    2010-09-02 12:31:00
  • 在SQL查询中使用LIKE来代替IN查询的方法

    2011-09-30 11:10:18
  • web前端页面性能优化

    2009-08-15 12:31:00
  • Web2.0视觉风格进化论 之一

    2007-11-03 19:58:00
  • SQL数据库操作类

    2009-01-14 16:26:00
  • asp之家 网络编程 m.aspxhome.com