1.2.6　界面设计

软件界面就是用户可以在电子设备的终端（如显示器、PAD、手机等）上看到、听到，甚至摸到的内容。用户可以通过界面录入信息，也可以通过界面获得信息，还可以通过界面把自己的要求提供给软件系统，界面是人与软件系统交互的通道。最常见的软件界面包括软件的窗口或网页。另外需要注意的是，有些不常看到的信息也是界面不可或缺的组成部分，如对话确认框、提醒消息、出错提示、日志信息等。所谓界面设计，就是设计系统通过什么方式接收用户输入的信息、发送的指令，通过什么方式将处理过程与处理结果反馈到输出设备上。好的软件界面以人为本，不会让用户难以学习，不会让用户感到厌烦、恐惧和难以捉摸。

设计界面一般需要先进行原型设计。所谓原型设计，就是设计软件运行的模拟界面，设计系统如何接受用户录入信息以及发布的指令，指令在执行过程中如何与用户沟通，处理结果如何在界面上反馈。原型设计一般包括手画法、Office工具设计法、原型工具设计法以及开发工具设计法。

1．界面设计过程

界面设计一般包括入口、功能主界面、表单布局、操作、消息5个方面的设计。

入口：用户登录进入系统后，如何才能打开自己需要的功能界面，这是入口设计需要考虑的问题。入口一般包括功能菜单、工作台、九宫格、弹出菜单、快捷方式等。

功能主界面：指用户通过菜单或其他入口方式打开某功能点后，系统加载的让用户可以使用该功能点的主界面，功能主界面提供了各种子功能的入口。功能主界面一般会被分成各种区域，如菜单区域、功能按钮区域、查询条件区域、记录显示区域、详情展现区域等，各种组件就放置在这些区域中。这些区域的布局方式，本书称之为界面结构。常用的界面结构有：上边查询条件，下边查询结果；左边大项，右边查询结果；左边树状结构，右边查询结果；上边主表，下边子表；左边主表，右边子表；树状列表；分级列表；日历等。

表单布局：表单上的组件可以分成三大类：一类是用以接收或显示数据的，如文本框、标签、单选框、复选框等；一类是用以响应用户的要求而执行某种操作，如按钮、链接、图标等；还有一类跟数据、操作都没有关系，只是用于界面布局、标注或美观等，如分隔线、矩形框等。表单布局设计，就是思考如何排放这些组件，使界面达到易学、易用、美观的效果。常用的表单布局结构包括平铺、分组、动态加载、表格、Tab页、混合等。

操作：表单上的操作大体可以分成两大类：一类是面向数据库的写操作（包括Insert、Update、Delete）；另一类是不改变数据库中数据的操作，可能仅仅是从数据库读取数据（Select），甚至跟数据库中的数据毫无关系，这种操作不会导致数据库中保存的数据发生任何变化。

消息：当用户在界面上操作时，一个友好的系统会将执行情况根据需要反馈给用户，这就是所谓的“消息”——是系统给用户带来的关于计算机的消息。有些消息只是告诉用户一段程序执行的状态，而有些消息是用于接受用户额外指令的。常见的反馈消息的方式包括消息弹出框、消息区、日志等。

2．界面优化

可以从易学性、易用性、健壮性、交互性4个方面考虑如何对界面进行优化。

易学性的优化，可以从这几个方面着手：提炼核心功能，追随主流软件，贴近业务流程，统一操作习惯，减少用户干预，倡导边干边学。

易用性的优化，可以从这几个方面着手：让功能方便调用，让工作容易处理，减少用户录入，减少击键次数，减少在键盘与鼠标之间的切换。

健壮性的优化，可以从这几个方面着手：不让用户犯错误，让用户少犯错误，让用户容易发现错误，允许用户纠正错误，降低用户错误的影响。

交互性的优化，可以从这几个方面着手：重要操作需要确认，不要让用户有石沉大海的感觉，消息措辞需要容易理解，消息需要精准，交互要适可而止，不要滥用弹出框。