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

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

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

Web表单设计在支付和注册环节,会起到至关重要的中介作用。2004年人机交互(Computer Human Interaction, CHI)大会有篇论文题目为“创造用户体验商业案例的过程”,作者是eBay用户体验和设计团队。他们搜集可用性数据、客户支持纪录、网站日志和网络惯例,提出表单重新设计的建议。当时这个项目对eBay注册表单产品线产生了积极的影响,并成为评估和资助设计项目的范本。

通过逐页画出整个流程,同时配合说明用户离开和最佳实践分析的网站点击数据,下面我们分别分析每种数据的意义:

可用性测试 目的在于可获得宝贵的定性与定量数据。

  • 错误或问题的数量或位置;
  • 错误或问题的严重程度;
  • 完成率;
  • 完成整个表单或部分表单的时间;
  • 满意度评分;
  • 任务主观评论。

实地测试 从人种学角度观察,人们在不同环境中,与表单的互动方式情况。

  • 访问表单要求填写信息的来源:文档、软件和人等;
  • 表单填写环境:吵闹的办公室和小监视器等;
  • 任何说明表单完成或错误率的额外情境。

客户支持 通过客服或访谈等,了解用户使用表单时发现的问题,有利于分离和解决问题。

  • 报告最多的问题;
  • 解决报告问题的常见办法;
  • 问题报告人的统计信息;
  • 问题报告人所使用的操作系统及其浏览器设置。

网站追踪 表单可用追踪任意数量的有用量化指标。

  • 完成率;
  • 如果表单未完成,人们是在哪个位置放弃填写表单的;
  • 人们访问表单的方式;
  • 已使用哪些表单元素;
  • 已输入哪些数据;
  • 浏览器和操作系统信息。

眼动跟踪 记录用户如何理解表单的表现形式,可用于解释复杂的地方。

  • 人们在表单上看到了什么;
  • 眼球固定次数:解析表单所花的努力;
  • 眼球固定时间长度:看每个元素所花费的时间。

Web惯例 调查表单设计问题的共同解决方案可提供宝贵见解。

  • 设计问题的独特解决方案;
  • 网上通用的模式。

观察用户如何完成表单,或者利用现成的网站分析软件监测网站日志,也可以得到大量有用的观测信息。

虽然很难设计出优秀的表单,很多时候都是“视情况而定”,但是通过考虑表单的设计因素,也就是以下我们所说的,找到适当解决办法的原则和模式,可以设计出不错的表单。闲话少叙,针对互联网表单设计,原则如下:

  • 尽量减少痛苦-用户不在意之前是什么,更在意之后能得到什么,让过程尽量简洁快速。
  • 说明填写完成路径-表单应该有清晰的提示或帮助用户,告诉他们如何能快速完成目标。
  • 考虑情境-表单并非独立存在,它们都是更广泛情境(受众群体、应用、业务)的组成部分,这些情境决定如何使用表单。
  • 确保一致沟通-表单是用户与公司沟通的中间人,多个团队参与对话,但最后表单只能传达一种一致的声音。

贾里德·斯普尔曾经有一个经典案例:修改按钮为网站年收入增加3亿美元。粗听起来好像是天方夜谭的事情,但是它确实是事实。良好的设计如何能为商业创造价值,这是设计团队一直在思考的问题。有一点是可以肯定的,我们用客观的数据与严谨的实验,去证明我们设计原则与设计模式,让它们的设计价值最大化,达到为商业创造价值的目标。

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

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

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

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

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

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

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

杂⑦杂⑧ Gold NORMANA V2