行业关键字
UI设计UI理论和资料 → 正文
互联网表单设计—第一章 表单设计(1)
作者: yummy 译 来源: 视觉同盟 时间: 2009年5月7日

原著Web Form Design: Filling in the Blanks,作者Luke Wroblewski ,amazon购买。


———————————–

第一章 表单设计
表单很讨厌。要是不相信,就看看有没有喜欢填表的人。也许有会计师给客户匆忙填退税单,或者有接待员喜欢收拾工资单。但对大多数人而言,表单是件麻烦事。我们想做的是投票、申请工作、在线买书、加入小组或是从近期购物中拿到折扣。而表单妨碍了我们。

大多数表单是“由内而外”、而不是“由外而内”设计出来的,这起不了作用[1]。组织内部或计算机数据库通常采用特定信息方式定义人、地点、过程或东西的有效记录。如果需要更新或者创建记录,组织或者计算机程序直接请求“给我需要的信息”,请求就以表单形式出现在人们眼前。

举个例子,网站数据库将“会员”定义为姓、名、电子邮箱和密码的独特组合。因此,如果有人想成为会员,会跳出表单询问名、姓、电子邮箱和密码。这就是“由内而外”。多数人不会认为填写一组数据库输入框是成为组织会员或者享受服务的方式。

“由外而内”意味着从组织或者网站外部的人的角度看待事物。他们如何定义会员?他们和数据库描绘的方法会不一样。他们会讨论表单的另一面,比如,他们会获得或者能做什么。


图1.1  http://www.flickr.com/photos/rosenfeldmedia/2366423465

流行社交网站Facebook的注册表单,这张表单几乎一半都用于显示安全检查!

这些都说明,为什么表单设计的首要目标是让人们迅速轻松完成填写。如果表单以无形方式存在,组织和用户能同时获得想要的东西,那就更好。表单很讨厌,应根据情况而设计。

表单设计重要性
多数人不喜欢填写表单,这个事实已足以说明应关注优秀表单设计,但还有其他很多原因能说明表单设计重要性,尤其对在线情况。表单在网上是电子商务、社交互动和大多数基于生产力应用类型网站的关键。

电子商务

现实世界中,典型购物体验会经过以下步骤:货架、广告琳琅满目,浏览商品,选定商品,收银台付款,有位(希望是)友好店员接待,清点所买商品,付款,装袋,解决价格标签不见或物品损坏赔偿问题,最后道别(图1.2)。


照片:Andrew Walsh

http://www.flickr.com/photos/radiofree/150535853

 


图1.2

在当地商场购物,微笑伴随着付款。

网上购物(图1.3)会经过:在线商店虚拟货架,搜索浏览商品和营销广告,要买的东西放入“购物车”,然后结账。但是没有面带微笑、乐于帮助的店员,你看到的是张表单。


图1.3

上:http://www.flickr.com/photos/rosenfeldmedia/2366423729

下:http://www.flickr.com/photos/rosenfeldmedia/2366423541

在电子商务网站eBay Express浏览物品充满乐趣,而付款则是表单。

表单偏偏在这个时候出现了。你要买找到的东西,店铺要完成交易赚钱。阻碍两者目标的就是表单,我们都知道———没人喜欢表单。

 

社交互动

与人、服务和产品的日常互动通过视觉,触觉和听觉线索得到加强。和人对话,能看到对方反应,听到对方声音。和一组人接触,相同类型互动会让我们感到是否受欢迎。

即使实体产品经验也同样具有潜在接触。例如,想想最初接触新苹果笔记本的情景(图1.4)。打开包装,接触到反映笔记本实际质量的各种材料和质地:所有细节都经过深思熟虑。如果计算机用个人照片来表示账户,也许是最个人的时刻。

图1.4  http://www.flickr.com/photos/rosenfeldmedia/2366424337

打开Apple MacBook Pro笔记本包装的经历可感觉、迷人,这种经历反映了包装内的产品质量。

但上网时,上面每种体验都变成了表单。想参加新型趣味社会网络?请填表(图1.5)。和好友分享视频?请填表。回应博客作者的有趣文章?你都猜到了———请填表。基本上,只要想参与网上社交互动,表单就会出现。大部分社交应用网站根据参与成员、活动完成数量等判断其发展情况,运营这些网站的公司也就依赖这些表单取得商业成功。


图1.5

上:http://www.flickr.com/photos/rosenfeldmedia/2367262662

下:http://www.flickr.com/photos/rosenfeldmedia/2366424417


Vox是个有趣的社交网站,但想加入时,必须要填写创建新账号表单,这就不有趣了。


生产力网站

除电子商务和社交互动网站外,网络越来越成为人们完成事情的地方。从网上银行到基于网络的文字处理,为生产力而设计的应用网站数量倍增。对于基于生产力的应用网站,网上与网下并无太多不同。如果真实世界调查需要填表,虚拟世界的调查不会有很大不同(图1.6)。


图 1.6

上:http://www.flickr.com/photos/rosenfeldmedia/2367263846

下:http://www.flickr.com/photos/rosenfeldmedia/2366428127

 

加州选民线下和线上注册都使用表单。

我们又一次发现,表单位于用户需求和商业目标之间。人们要管理信息或创建物品。而提供这些服务的企业对增长和优化数据或客户行为感兴趣。阻碍双方的自然是表单。

所有这些例子都清楚表明,网络表单阻碍了用户需求(人们想从产品或服务得到东西)和商业目标(运营这些服务的公司希望事业常青)。

人们从电子商务网站购买所需物品,企业希望销售最大化。支付表单阻碍双方。
人们在社交网站加入社区,与朋友聊天或共享内容。从商业角度看,网站要发展,增加人们之间的接触。阻碍双方的是注册和联系表单。
人们希望利用基于网络的生产力工具,完成事情,创造或协同工作。公司要增加内容,提高人们花费在网站上的时间。表单再次阻碍了两者。
表单推动商业,社区和生产力在网上蓬勃发展。表单设计重要性不言而喻。

—————————————————–
[1] Lou Carbone在MIX07大会上向我介绍了“由内而外”和“由外而内”的概念,用来描述公司应如何考虑其服务,网址:http://www.lukew.com/ff/entry.asp?532

原文连接:http://www.yummyux.com/?p=196

(责任编辑: echo

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版