您的位置: 首页 > 艺术设计 > 设计理论 > Web表单设计:表单结构
UI按钮设计方法论(一) 回到列表 手机产品交互体验评估方法
 Web表单设计:表单结构

作者:yuzongbo 时间: 2010-12-02 文档类型:原创 来自:蓝色理想

第 1 页 Web表单设计:表单结构 [1]
第 2 页 Web表单设计:表单结构 [2]
第 3 页 Web表单设计:表单结构 [3]

你会构建表单组织吗?

面对优秀表单设计,人们能够不费吹灰之力就能填完表单,这里有视觉与交互设计考虑因素对表单的影响,但更重要的因素是表单的内容及组织方式。以下是经过多年的设计实践我们能得到的一些原则:

  • 应当花时间评估表单中的问题。应当提高警觉,去除一切不必要的问题。
  • 表单所提问题(标签)应当尽量简洁。
  • 如果人们会误解简洁标签,应当寻找使用自然语言的机会,澄清表单要求人们回答的问题。
  • 表单所提问题来自多个不同人或部门,应当确保表单统一口径。
  • 可以将表单内容组织成逻辑组,有助于浏览和完成填写。
  • 如果可能,应当以对话形式构建表单。主题间的自然间断有助于组织表单。
  • 如果表单可自然分成若干主题,一个网页可能就足够组织表单。
  • 如果表单包含大量问题,同时有若干主题,可能需要多个网页来组织表单。
  • 如果表单包含大量问题,而只和一个主题相关,一般需要一个较长网页来组织表单。
  • 可以考虑在表单填完之后提出可选问题。可能会比在初始表单中就提出这些问题能获得更多答案。
  • 可以考虑采用Web惯例调查发现特定类型网站如何组织表单。
  • 应当采用最少的必要视觉信息来区分内容组。
  • 英文网站首字母应当大写,使内容组更容易浏览。

Effortmark公司可用性顾问,卡罗琳·贾勒特说:“先考虑人,在考虑像素。”开始设计前要思考一个问题:用户真正关心什么?设计师在关注像素的同时可能忽视了人因因素-比如标签末端是否需要放置冒号等微妙细节。用户真的不关心冒号。其实用户真正关心的是问题的内容和为何要问这些问题。从了解用户开始,并了解你的公司搞清楚为什么表单要这么设计?是用户关心的关系点问题么?“保留,删减,延迟,解释”形成更好问题的四大策略,同时,多种视角的平衡用户需求与商业需求。

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

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

  • 确保表单名称符合人们的期望,并简洁解释每个表单的用途。
  • 如果表单需要时间或者查询信息才能填写,可以采用起始页来设定人们的期望。
  • 由始至终采用清晰浏览线和有效视觉步伐来引导人们,确保说明清晰的填写完成路径。
  • 对于关键任务表单,比如结算表单或者注册表单,应当去除会分散注意力的部分、任何导致人们放弃填写的链接或内容。
  • 如果表单分为多个已知的有序网页,可以采用进程指示来传达范围、状态和位置等信息。
  • 如果表单没有清晰的有序网页,不要采用进程指示,应当采用更笼统的进程指示,而不要设置错误期望。
  • 设计表单布局时,应考虑使用Tab键的“跳转”体验。
  • 采用“tabindex”HTML属性来控制表单的跳转顺序。

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

原文:http://www.alitedesign.com/archives/415

本文链接:http://www.blueidea.com/design/doc/2010/8139.asp 

出处:蓝色理想
责任编辑:bluehearts

上一页 Web表单设计:表单结构 [2] 下一页

相关文章
标签水平右对齐更适合中文网站
设计表单的标签和输入区
价值3亿美元的按钮
作者文章 更多作者文章
电子商务搜索LIST页面用户体验设计
微软,苹果,Google用户体验设计原则
交互设计模式——空间记忆
亚马逊购物用户体验分析
控件Balloons(气球状提示)设计原则
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾
>> 分页 首页 前页 后页 尾页 页次:3/31个记录/页 转到 页 共3个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2