当前位置:首页 > 经验学习 > 交互设计

Web表单设计:表单结构

所属栏目:交互设计 时间:2013-12-26 来源: 作者:不详 点击:

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com
你是否曾为表单设计感到过沮丧或不知所措呢?接下来三篇文章,希望能彻底改变你的看法,真正爱上Web表单设计。首先感谢Luke Wroblewski的bang(帮)助,让我有机会细心品味设计表单的乐趣。总体来说,Web表单主宰着结算、注册和数据输入。每天eBay、Taobao上的大量物品主要通过出售物品(Sell Your Item)表单售出;MySpace、Facebook等超过几亿的用户都是通过Web表单加入网站社区的;YouTube、Youku通过上传视频(Upload Your Video)表单收集了大量视频。这一切都给我们创造了很多接触Web表单的机会,Web表单常常是漫长旅途的最hou(后)一步,也是最重要的一步。


你会设计表单吗?

以上为Yahoo的注册表单,我们可以大体观察出三个主体元素:biao(标)题、数据、动作。它们是组成表单的基本元素,过多的修饰表单或过多无用信息会给用户带来更多的思考与厌恶。有时用户会jue(觉)得表单很讨厌,想做的是投票、申请工作、在网上买书、加入小组或从近期购物中拿到折扣等,但表单却给用户带来了麻烦,妨碍了他们。
大多数表单是“由内而外”(Inside Out)而不是“由外而内”(Outside In)设计出来的。举个例子:如果谁想成为网站的会员,网站就会跳出表单要求用户提供用户名,密码,电子邮箱等。这就是“由内而外”的设计,多数用户不会认为享受网站服务与填写讨厌的表单有什么必然关系。同时,“由外而内”的设计意味着以组织或者网站外部人的角度来看待事务。这时候项目成员需要以用户的视角来讨论biao(表)单的设计,目标是让用户轻song(松)地完成填写。让表单以某种隐形平衡方式存在,但又能保证系统和用户都获得想要的东西。
在电子商务、社交互动、生产力网站里,我们发现表单阻碍着用户需求和商业目标,表现为:
人们从电子商务网站购买需要的商品,而结算表单阻碍着交易双方。
人们加入社交网站与朋友聊天或分享内容,从增加用户基数与活跃度方面说,阻碍双方的是注册表单和联系表单。
人们希望基于互联网De(的)生产力工具,创造高效协同工作,当公司要增加网站内容,增加了用户的时间,表单zai(再)次阻碍了两者。
Web表单设计在支付和注册环节,会起到至关重要的中介作用。2004年人机交互(Computer Human Interaction, CHI)大会有篇论文题目为“创造用户体验商业案例的过程”,作者是eBay用户体验和设计团队。他们搜集可用性数据、客户支持纪录、网站日zhi(志)和网络惯例,ti(提)出表单重新she(设)计的建议。当时这个项目对eBay注册表单产品线产生了积极的影响,并成为评估和资助设计项目的范本。
通过逐页画出整个流程,同时配合说明用户离开和最佳实践分析的网站点击数据,下面我们分别分析每种数据的意义:
可用性测试 目的在于可获得宝贵的定性与定量数据。
错误或问题De(的)数量或位置;
错误或问题的严重程度;
完成率;
完成整个表单或部分表单的时间;
满意度评分;
任务主观评论。
实地测试 从人种学角度观察,人们在不同环境中,与表dan(单)的互动方式情况。
访问表单要求填写信息的来源:文档、软件he(和)人等;
表单填写环境:吵闹的办gong(公)室和小监视器等;
任何说明表单完成或错误lv(率)的额外情境。
客户支持 通过客服或访谈等,了解用户使用表单时发现的问题,有利于分离和解决问题。
报告最多的问题;
解决报告wen(问)题的常见办法;
问题报告人的统计信息;
问题bao(报)告人所使用的操作系统及其浏览器设置。
网站追踪 表单可用追踪任意数量的有用量化指标。
完成率;
如果表单未wan(完)成,人们是在哪个位置放弃填写表单的;
人men(们)访问表单的方式;
已使用哪些表单元素;
已输入哪些数据;
浏览器和操作系统信息。
眼动跟踪 记录用户如何理解表单的表现形式,可用于解释复杂的地方。
人们在表单上看到了shen(什)么;
眼球固定次数:解析表单所花的努力;
眼球固定时间长度:看每个元su(素)所花费的时间。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: