概述
如何创建一个优秀的表单
只谈设计不谈技术
表单是什么？
允许键入数据的字段
三个理论层次
关系 对话 外观
理解用户
用户分类： 阅读者 匆忙填写者 拒绝者
选择表单控件
是否允许用户做多重选择
提供额外选项按钮： 任何一个/全选；
如果含有大量选项，最好采取下拉列表 重新设计问题也是一种选择；
允许用户做多个选择，复选框看上去是最合适的；
是否在视觉上突出
如果选项看起来很相似，可以优先考虑提供输入框而不是下拉框
清晰地描述选项
决定选用下拉列表，单选按钮或是复选框，还需要一个标签
慎用专门控件
日历有助于显示相对日期；
确保提供另外一种方式使那些没办法看到日历的人也能够使用表单
小结：选择表单控件
如果键入答案更自然，选择输入框；
如果用户可能输错，可以选择能够点击的控件；
如果允许多个选项，复选框可能是最合适的；
如果选项看起来极为相似，允许键入答案可能会更好；
下拉列表，输入框，单选按钮都同时需要选项和标签，应尽可能清晰地描述选项，并为选项设计合理的排序方式；
日历，地图各有他们各自的用途，确实需要使用的话，确保同时提供了简单的文本替代；
填表一气呵成
避免因页面突变而让用户产生意外
善待错误，验证可能有助于引导用户修正输入；
不要使用弹出窗口
外观
外观细节
不要过分强调细节
1.为每一个细节都制定一种处理方式并严格遵循；
2.为团队或机构创建一个小型的样式指南；
3.具备灵活性，有证据表明调整确实会改进用户体验，那么应当适当允许调整样式指南...
4.不要把宝贵的设计时间浪费在讨论细节上；
标签位置应该容易看到
标签放在字段上方有时奏效;
询问个人资料的标签应该左对齐；
满足以下条件使用右对齐标签：
1> 用户想要把信息透露给你；
2> 所有问题都要填写插入式答案；
3> 即使修改也没法改变表格的排列方式；
否则使用左对齐；
尽量选择句子首字母大写；
标记必填字段；
方法：
1> 用* 标记必填字段；
2> 使用不同的标记符；
对使用屏幕阅读器的用户有额外好处（应用alt文本“必填字段”）
3> 使用标记 <required>
对屏幕阅读器效果很好，配合视觉标记符使用；
4> 标记符放在标签附近
5> 用不同颜色，比如红色标记必填字段，配合另一种标记符；
6> 用可选标记可选字段；
选用具有良好色彩对比度的大号字体
想要在界面上放一些小号字体的提示信息，应该将主体文字放大1～2个字号而不是将提示的文字缩小到“小号印刷体”
应用空白让段落更加易读
分组
让表单条理清晰
构造简约的表单外观
通常带有滚动条的页面要比两栏布局好很多
测试
必须潜心研读的一章
方法： 找个有空的人来填写表单，观察行为并记录问题
网友评论