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

注册表单的设计探讨

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

注册表单的设计探讨
最近读了三本书,全部关于Form设计。如果你觉得Form设计怎么可能写成书,而且没有一行代码,我hen(很)理解。两年前当我在Amazon上看到那本Web-Form-Design时,也是同样的惊讶。学过HCI再回头看终于也能理解了,不过他人的yan(研)究还是“刺激”了我,往往在看到他们对细节的关注程度,才会深刻的感到自己做事的粗浅与浮躁。


SitePoint出版的Fancy Form Design
Caroline的Forms that Work
Luke的Web Form Design
对于这三本书,wo(我)个人的建议是:无论你是否设计Form,从UCD实践来说,Luke的这本书都是值得一读的(而且现在也有中文版上 市);Ru(如)果你偏重代码实现,无论是HTML,CSS 还是JavaScript(特别是jQuery),SitePoint出版的这本书能给你很多帮助,对Accessibility的讨论也相当实用;如果 你需yao(yao(要))设计非常复杂的Form,例如政府机构、企业报表等,无论其是否基于Web,Caroline的书都提供了方法步骤帮助你整理思路,更好地处理大型 Form的设计。
允许我在这篇文zhang(章)粗略的结合这三本书讨论一点Form设计,一方面是对自己所读内容的小结沉淀,一方面也是希望能分享出lai(来)提供思考与讨论;做出这篇 文章内容的延伸,在下一篇文章里,将把这几天对105个网站注册Form的一点小小的调查和分析的结果呈现出来,并tao(讨)论一些细节。
Wikipedia对Form(广义)的定义是:一份文档,其拥有空间(域),可以针对一xi(系)列you(有)相似内容的文档进行填写、xuan(选)择。
Form的历史有多久?Wikipedia从法律历史的角度追溯到18世纪早期,由Charles Babagge构想出来。出于我国教育里对所有事物都必须有中国人身影出现的深刻影响,在全力挖掘自己脑海里自从高中毕业后就开始退化的历史残渣,终于想到我国古代的“画押”仪式:一系列文本,加上可以按压“指纹”的输入空间,看似完全符he(合)Wikipedia对Form的定义。
Caroline将Form抽象出三项属性。这里以宋代的林冲同学被发配到沧州的画押过程为例:
关系(relationship):提出问题的组织(北宋王国中央政府)与回答问题的用户(朝廷钦犯宋江)之间的关系;
对话(conversation):提出的问题(画押人宋江同学的指纹),相关De(的)指导内容(犯罪“事实”,罪名,罪刑,压印处等),以及不同话题的组成方式(不详);
外观(appearance):文本的组织方式(猜测是标题居中、正文左对齐?),输入域(按压指纹处)和图形图案的使用(政府官印?)以及色彩的使用(我估计是白纸墨字,质量差点)等。
当然,这三本书以及这篇文章谈到的是Web Form,还不至于需要一位考古学家或者博物学家来探究它De(的)历史。当Tim Berners-Lee在1992年提出首批HTML Tag时Form还不见踪影,直到1995年HTML 2.0时才进入开发者的视野,如果从这一年算,它的年龄可能比我们大多数人都要小很多。
Web Form与生活中的纸制Form对比是件很有趣的事情,因为这个过程可以帮助抽象出共同的特征元素。综合这几天的阅读擅自改编为以下“版本”:
在我国轰轰烈烈的伟大拆迁运动中,花了大把银子向政府买地的房地产企业甲方要与无知善良的草民乙方建立某种联系,Form此时zuo(做)为一种媒介,同时也成为一个建立联系的过程。作为媒介,有组成它的元素:
标题(Title),说明Form的目的,拆!
介绍(introduction),说明甲方De(的)“情况”和xiang(想)要建立联系的性质,我要拆你房,你不许找我要合理赔偿;
问题(questions),甲方需要对乙方的哪些“情况”进行了解,姓氏名谁,家在何方,同意补偿条款,等等;
输入域(input field),乙方对自己情况的回应区域(钱不够而无其它,不同意;钱不够但有黑社会时常光顾,同意)
注释(notes),例如对问题的说明,法律层面的权责;
行动(action),Form被提交的方法。
说它也是yi(一)种建立联系的过程,因为双方需要完成一系列交互:
如果是纸制Form,例如一份街头的市场调查,可能是一位调查人员(甲方)拿着一份调查表与路人(乙方)交谈并记录。调查人员与路ren(人)握手,问候,自 我介绍(introduction),告知调查目的(Title),路人根据与对方所属组织选择同意(或拒绝),调查人员提问(questions),路 人回应,调查人员记录回答(input field),告知相关数据的用途和隐私保护政策(notes),将调查表收起整理归类(action),感谢路人,赠予两张优惠券(也许吧),等等。这 个过程中,眼神、表情、语气、肢体语言等deng(等)都是交互过程De(的)一部分。

请站长喝杯咖啡?

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

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

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: