Archive for the ‘读书笔记’ Category

读书笔记《Web表单设计》

–什么是好的表单设计

表单的设计可以写出一本书,可见想说清什么是好的表单设计也不是三言两语的事。通过表单进行人机交互需要消耗大量脑细胞,所以我从以下三个成本角度来看表单设计这件事:

1、降低视觉成本

1)有清晰地浏览线,利于扫描;
2)通过背景色、水平线、间距将相关内容分组
3)偏执的减少视觉干扰

2、降低认知成本

1)仔细设计标签的对齐方式(左对齐、右对齐、顶对齐)
2)合理的将表单内容分组
3)通过输入框长度进行暗示
4)有效的表明必填项或可选项(optional)
5)适时提供帮助

3、降低交互成本及风险

1)要支持Tab键跳转
2)将主动做与次动作加以区分(如提交与取消)
3)进行中的动作要给予反馈(如提交中……)
4)在哪里出错就在哪里给出提示
5)明确的成功提示及后续操作
6)聪明的默认项
7)智能的建议
8)提供即时验证
9)高亮显示当前激活的表单组件
10)输入时,减少键盘与鼠标见的切换

其实,除了以上这些,最重要的基本功,是对各个表单控件的用途和使用场景有深刻的认识,只有这样,才能设计出令人可以轻松交互的表单。