《Web表单设计》的读后感大全

《Web表单设计》是一本由Caroline Jarrett / Gerry Gaffney著作，人民邮电出版社出版的平装图书，本书定价：35.00元，页数：192，特精心收集的读后感，希望对大家能有帮助。

《Web表单设计》读后感(一)：此书看完大家可以实际应用试试

用了两周时间，在拥挤的地铁上，图灵的新书《web表单设计-创造高可用性的网页表单》看完了。

web表单在我们当今的互联网生活中无处不在。大到招聘网站当中的个人简历，小到用户登录，要想创造出高可用性的表单，除了重视这方面的公司外，我想大多数网站中的web表单易用性都很糟糕。曾经记忆犹新的一次失败体验是在一个网站上辛辛苦苦填的个人资料，点击下一步出现错误，提示返回后之前填的资料全没了，还要重新填写一遍，难道他们就没有为用户考虑一下保存已有表单的资料吗？

我在读这本书时，感觉作者讲的如果应用到实际产品中，真的会使糟糕的web表单焕然一新；我很喜欢书中的表单案例分析对比，经过更改后的表单确实在易用性和外观上有显著的提升。

作者撇开表单技术层的东西，从表单三层模型--关系、对话和外观来讲解其易用性，加上案例分析，理论联系实际，让阅读本书的设计师或相关从业者在设计表单时，整体上会有个把握。

不过，书中的名词可能对有些阅读者来说，要经常回味一下。比如插入式答案、搜集式答案、第三方答案、创造式答案，第一次看有些陌生，但回味之后，这些名词在我们实际的产品开发中会派上用场。

这本书适合产品设计师，如果把书中所讲应用到产品中，必定能让表单易用性有着质的飞跃。

2011-04-14

《Web表单设计》读后感(二)：*Web表单设计*读书笔记

表单设计的层次 －关系：提出问题的机构与回答问题的用户之间的关系 －对话：表单提出的问题、附加的说明文字以及表单按话题排列的方式 －外观：表单看上去的样子：文字字段、输入框、排列方式以及颜色 表单设计的流程 1.说服人们回答问题 －选择在合适的时机让合适的用户填写表单 －理解用户填写表单的目的，尽量选择对表单填写认真对待的用户 －确保用户填写表单得到的奖励与其完成表单付出的努力保持平衡 2.获得正确的信息 －弄清楚谁需要表单信息 －弄清楚表单信息用来干什么 3.提出容易回答的问题 －使用用户能够理解的语句提问 －一次只问一个问题 －考虑用户获取答案的方式以及是否提供帮助 －考虑为用户提供预设选项以及是否提供一个“其他”选项 －在适当的情况下分组提问 4.说明文字 －使用常见词汇 －使用简短、肯定、主动语态的句子 －使用“如果”先于“那么”的句子 －充分利用空白、项目符号和表格将文字组织为有意义的模块 －将文字放在合适的位置 5.选择表单控件 －如果键入答案更自然，可以选择输入框 －如果用户有可能输错，可以选择一些能够点击的控件 －如果含有大量选项，可以选择下拉列表 －如果允许用户选择多个选项，可以选择复选框 －如果选项看上去极为相似，最好允许用户在输入框键入答案 －如果用户需要参看选项才能完全理解问题，最好选择单选按钮或复选框 －应尽量清晰地描述选项，并为选项设计合理的排序方式 6.填表过程一气呵成 －按话题分解长表单，可以采用分组或分页的方式，保证话题间的自然过渡 －使用进度指示器显示表单步骤，使用摘要菜单按任意顺序完善长表单 －避免页面突变 －善待错误 7.关注细节 －确保标签和对应字段密切相关 －可用“ * ”标记必填字段，也可用“（可选）”标记选填字段 －使用易读的字体和词汇 －使用适当的句长和空白 8.构造简约的表单外观 －保持表单的整齐简洁 －通过空白、分组线或背景色构建表单分组样式 －避免两栏布局 －删除不必要的文字和线条 －可以采用可折叠的表单样式

《Web表单设计》读后感(三)：表单设计：一次设计思维过程

本书对我最大的价值是强化了一种设计思维：如何去分析设计问题，如何让我们的设计做到有理有据。这里面有用户分析、有行为分析、有社交法则。

本书要解决的一个主要问题是：

如何设计优良且易用的表单？

我们的对象是“表单”，所以，首先要知道“表单是什么”？ 表单是用户与产品之间的一次对话。什么是对话？对话就是你提我问。

进入对话之前，首先要搞清楚对话两方的关系。 用户与产品之间是什么关系呢？ 用户需要满足自身的需求，如查阅资料、购买商品等；而产品是为了提供服务，从而满足自身的商业需求。两者因为各自的需求开始对话。

1.1_用户

用户可选择的产品很多，产品需要留住用户。所以，需要说服用户展开对话，去回答问题，也就是去填写表单。 如何说服用户，就需要去研究用户。他们是谁？他们的目标是什么？他们的行为如何？他们的认知能力如何？ 我们可以遵循“社会交换论”的三条法则：

记住：人们只会回答那些让他们感觉良好的问题。

1.2_产品

除了理解用户，从自身角度，明确为什么要收集信息？要提多少个问题？如何收集答案？有没有更好的方式？

为什么要收集信息呢？可能是后台数据需要，为了更好地服务用户。

那要收集哪些信息呢？主要有以下几类：

如何收集信息？可以询问利益相关者，也可以进行竞品分析。

前面我们已经说服用户回答问题了，也明确了要提供什么信息。接下来，就是要引导用户正式回答问题了。那用户是怎么回答问题的呢？

问题都已经准备好了，但是就怕用户还是不理解，我们可以加入一些说明文字，让问题更加完整。可以注意一些文字说明的原则：

文字和文字说明都有了，还要一种载体呈现给用户，就是表单控件。我们需要根据用户对控件工作方式的预期，来选择恰当的表单。 最后，表单填写过程要连贯流畅，适当提供进度指示，并可容错。

外观 最后，锦上添花的，还需要注意表单的外观细节，包括标签的冒号、大小写，标记必填字段，品牌风格，分组保持条理清晰等。

可能本书介绍了一个非常普通的表单设计，我们平时学习工作中对它已经很熟了。但是它规范了设计流程，让平常的设计也有了根据。

另外，槽点是本书对问题的分析还是不够深入。个别章节标题和内容对不上，比如，第二章第一节标题是“为什么要收集信息”，但是我没找到这个问题的答案，整节内容都在讲“如何收集信息”。

《Web表单设计》读后感(四)：只好粘些笔记了

* 1.蝶形选票butterfly wills

* 2.表单的三个层次：关系relationship：提出问题的人和回答问题的人之间的关系；对话conversation：所提问题，说明性文字，问题分组；外观appearance：字段、输入框、图片的排列，颜色。

* 3.a.填表人和表单发布机构的关系会影响应答行为；b.社会交换论，建立信任，提供奖励，设计更简单以鼓励人们回答问题；c.理解你的用户

* 4.表单用户：阅读者readers，仔细阅读表单；匆忙填写者rushers，一开始就填写字段，只有在认为有必要时才阅读文字；拒绝者refusers，与表单无交互。

* 5.恰当的提问时机。

* 6.回答表单的过程中，填表人与表单之间的关系在时刻变化。

* 7.社会交换论social exchange theory核心理念：人们只会回答那些那他们感觉良好的问题。

* 6.影响反馈率的三条法则：一、建立信任，放弃或说谎（由真实机构发布，提供发布机构的联系方式，意图明确，表单设计有专业水准，远离广告）；二、降低社交损失social cost（不良情绪，丢面子）（请求而非要求用户提供答案，表单要简短，通过流程提示和摘要菜单增加用户的控制感，少涉及私密问题，用户确实知道如何回答的问题，尊重用户的付出恰当使用错误提示，保存已填内容，在输入最少的基础上纠正问题）；三、增加奖励，会更愿意作答（立即兑换的小奖励比延迟支付的丰厚奖励更有实际效力）。

* 7.建立信任；减少付出（认知心力，情感付出）；增加奖励（意识到奖励，立即而非延迟的奖励）

* 8.长短，长到提问了所有相关问题，短到用户最少付出。

* 9.用户：视力问题，运动控制问题，认知问题。可靠性：与公司无关，在你的产品所支持环境下工作》符合统计特征，相似知识背景》老用户》公司中使用该产品的同事》培训师，技术支持人员》研究市场和用户的市场研究人员》不使用产品与用户无关的专家。了解用户如何理解表单。用户对照组。

* 10.创建人物角色persona，反应目标用户特质的虚构人物 。故事情节story

* 11.小结：选择恰当的时机提问；考虑谁将填写表单，他与收集信息的机构之间的关系如何；理解用户与表单关联的目标；确保用户填写表单获得的奖励与其完成表单付出的努力之间的平衡。

* 12.如何防止注册表单破坏用户体验，并尽可能让注册变得简单？解释注册或提问的原因；提供用户所需（奖励）；问题越少越好；避免敏感问题；只问（注册）一次。

* 13.表单询问的每一条信息都将给用户添加一份负担，也将给发布机构处理这些数据增添一份负担。

* 14.小结：索取不必要的信息完全多此一举；与利益相关者协商，了解哪些信息是必不可少的；了解你的竞争对手和相似机构在做什么；确保以合理的方式使用这些信息。

* 15.插入式答案（姓名住址等留存于头脑中的答案），搜集式答案（从抽屉、钱包中获取，需要回忆），第三方答案（用户询问他人才能获得的答案），创造式答案（需要思考）

* 16.五条简明语言法则：以常见的方式使用常见词汇；使用简短、肯定、主动语态的句子；推翻文字的围墙（分割成较小的文字片段）；先选择后行动（如果先于那么）；使用有帮助的标题。几种有用的说明文字：一个用于贴切说明表单用途的标题；提前告知需要搜集哪些问题；告知用户如何获取帮助的文字；告知用户下一步将会发生什么的提示信息。

* 17.如果用户不愿意点击帮助？在需要的地方提供帮助；请勿重复；让说明文字从其他信息中区分开来；请勿让用户在过长的文件中迷失方向；允许用户逐步提升。

* 18.控件：下拉列表，单选按钮，多选按钮，复选框，输入框，链接。

* 19.键入还是选择（美国50个州的下拉列表，不如键入双字母缩写；出生年）；应对输入错误

* 20.和口语交流不同，表单不能及时澄清消除困惑，而大部分内容已经预先确定。

* 21.表单长度超过两个屏幕：压缩字段之间的距离，缩短标签（有过培训）；按话题分成多页显示（保证每次只提一个话题；先提问符合预期的问题再提意料之外的问题；少提突兀的问题）。

* 22.使用进度提示器（分解成一系列独立的步骤，用户可预知，依序，实时更新，一致性）和摘要菜单（允许用户按任意顺序处理，不能逐步完成的任务）

* 23.外观，eye-tracking眼动追踪法，结论：用户的视线集中在字段和标签上；用户会注意字段的左侧和上方；用户只会查看与字段有关的标签；把标签放在字段上方有时奏效；右对齐插入式答案的字段标签更有效；其他类型字段慎用右对齐；个人信息愿意填写，右对齐标签；犹豫不决，浏览时评估考量，左对齐给些思考时间；拿不准就左对齐；标签需要翻译时，长度不一致，可以放在字段上方。

* 24.冒号要不要？抛硬币吧。句首字母大写，还是句中每个单词的首字母都大写，还是句中重要单词大写？无足轻重，尽量选择句首字母大写。标记必填字段？*号，其他标记符，颜色，对齐。

* 25.易读文本：良好对比度的大号字体；版式不宜多变（粗体，斜体，全大写，下划线）；空白让段落更易读（行幅过长，折行时容易跳错行；行间距过大，看起来毫不相干）。

* 26.衬线字体serif(有额外装饰)还是无衬线字体sans serif。点数不足，衬线字体在屏幕上的显示不太完美，容易出现锯齿。verdana屏幕显示时更易读，报纸使用times new roman。

* 27.网格线，避免使用左右分栏

* 28.方法：应用颜色和阴影使话题组更容易识别；应用亮色背景提高可读性；通过恰当分组、排列和空白元素，减少凌乱提高填写的流畅度；删除不必要的文字；对齐网格线，更有组织；标签尽量左对齐；红色星号必输项；链接文字，蓝色下划线；可延伸、折叠样式。