Designing Interface阅读笔记：输入（表单和其他控件）

所谓表单，通常就是一些简单的问题/答案对。不过在web页面或应用控件等上下文中也很有用。输入和表单设计是交互设计师的核心工作。

 

输入和表单设计的原则：

1.确定用户要求会的的是什么问题，以及为什么需要回答这些问题。标签上的文字应该能让目标客户容易裂解--为初级用户使用平白语言，为专家用户选择专门用语或词汇。

2.如果可以的话，根本不要问什么问题。要想法减轻客户的输入负担，比如提供合理的默认值。

3.保存在某个地方的知识通常比保存在脑袋里的知识更准确。可以用一些控件把所有选项都显示出来，让用户过目，而且当这些对象有一些可视化的表现形式时，用图示来显示。

4.小心，别把表单变成编程模型的字面翻译。很多表单时用来编辑数据库记录或某个对象的，这种情况下很容易设计表单。但这可能有点枯燥乏味，可以考虑把输入操作变成某种直接操作。

5.进行可用性测试。

6.明智选择控件。

 

控件选择

对象列表

1.复选框（CheckBox)

优点：简单，仅需少量空间。

缺点：只能表达一个选项，反面信息不明确。

 

2.两个单选按钮

优点：两个选项都表明出来了。

缺点：需要更多空间。

 

3.双选项的下来框

优点：两个选项都表明，也很容易扩展更多选项。

缺点：一次只能看到一个选项。

 

4.切换按钮

优点：节约空间

缺点：和复选框一样，不同的是，它不是标准控件。

 

5.两个单选按钮组成的菜单

优点：控件需求小。

缺点：弹出菜单可能难被发现。

 

6.N个单选按钮

7.N个选项的下来框

8.N个选项的一组互斥切换按钮

9.N个选项的单选菜单

10.单选列表

优点：一次可以看到多选项，

缺点；比下来接表或微调按钮空间需求更大。

 

11微调按钮

优点：空间需求小

缺点：一次只能看到一个选项，有一些使用技巧。

 

12.树形列表

优点：可以看到很多选项，

缺点：需要使用技巧

 

13.对话框

优点：适合用来浏览可供选择的选项

缺点：要使用技巧，没房页面的控件直接。

 

模式

+容错格式

让应用系统具有解释文本的能力

 

+结构化的格式

可以使用一组输入框来反映复杂的数据格式

 

+填空

 

+输入提示

在一个空白的文本输入框旁边，用一句话或一个例子解释输入什么样的数据

 

+输入提醒

用提示信息预先填写文本输入框或下拉框，来告诉用户该怎么输入

 

+自动完成

当用户在文本输入框内部输入时，猜测可能的方案

 

+下拉选择器

通过下拉列表，把菜单概念扩展成一个更复杂的选择界面。

 

+图示选项

用图片而不是文字来显示可选项。

 

+列表构建器

在一个页面上显示源列表和目的列表，让用户在他们之间流动

 

+良好的默认值

只要合适，就预先为客户填写你猜猜他可能要输入的值

 

+错误显示在同一页

如果可能的话，在发生错误的控件旁边进行提示。