web Design Pattern 读书笔记-2 表单设计

表单设计：

表单主要由text boxes，dropdown lists，scrolling list,radio buttons,check-boxes and action buttons.用户利用表单可以完成诸如购买商品和服务，预定机票，寻找方向，上传和共享图片等等。

设计一个成功的表单必须注意以下几个方面：

1、表单的目的是明确的（清楚的好处）

2、相对来说只要求比较少量的信息（简短的表单）

3、组织形式简单明确的表明表单里面各种元素的关系（逻辑分组）

4、标签和相对应的表单元素应该为了容易被扫描和完成填写而被排列起来。

5、表单必须清楚的指出希望从用户那边获取那些必填的项，输入提示或者提醒。

6、表单只要求用户填写最少的项，不要求用户重复输入2次同样的信息（聪明的利用默认值）

7、用户能够高效的完成一个表单的填写（聪明的默认值，忽略格式，键盘导航）。

8、表单必须清楚的支持如何完成一个任务（行动按钮）

9、当错误发生时，表单必须清晰的引导用户（错误提示信息）

清晰的好处：

1、问题：当页面上出现一张表单时，用户可能不知道如何填写和提交表单，从而帮助他们完成他们的目标和任务。

2、解决方案：当在设计一张表单是，必须清楚的告诉用户填写完成和提交表单能够获得什么好处。这个是特别重要的，当用户创建一个账户时。

3、为什么：用户可能不行填写和提供自己的私人信息除非他们理解填写后能够获得什么回到和在多大程度上能够帮助他们达成自己的目标。

同时，他们可能比较关系个人信息的安全，因为他们不知道这些信息将会被如何使用。清晰的指出好处和写明用户个人信息安全保证，是防止用户放弃填写表单的第一步。

4、如何做：用户应该意识到填写表单的好处，即使只需要填写一项信息。

经常需要提供的表单：

1、login form。如果用户访问登录表单，这是一个很好的机会向用户展示注册的好处，这能够让用户做出是否注册的决定。

2、leading user to the form：在很多场合下，用户都不知道注册表单的好处。因此，如何引导用户去注册必须被放在注册登录表单前。

引导的标签题目必须有比较明确的意思，而不是那些通常的"知道更多"，"继续"等。

和清晰的好处相关的模式：联系客户按钮。这个现在被很多大的互联网网站，保险公司网站，银行网站，游戏网站大量使用。这样方便用户在不知道如何完成一件事情时，可以联系在线的客户进行解答。