Windows程序UI设计探讨[资料，笔记]

      又要搞论文交流了，这是一个毫无意义的活动，但是又必须参加又要求和工作相关，实在是苦煞我了。毕竟是要花费时间的，干脆想了这个题目，主要目的是自己想学习一下。

正文.......................

   Windows程序UI设计探讨

1.背景介绍

UI就是用户界面( user interface ) ,概括成一句话就是——人和工具之间的界面。在人和机器的互动过程中，必须经由界面。这个界面实际上是体现在我们生活中的每一个环节的，例如我们开车时候方向盘和仪表盘就是这个界面，看电视的时候遥控器和屏幕就是这个界面，用电脑的时候键盘和显示器就是这个界面，到了使用软件的时候，用户能够通过视觉看到的都是界面。这个界面包括硬件和软件。本文所关注的UI设计特指Windows操作系统下的软件界面。

用户界面设计有三个基本的原则：置界面于用户的控制之下；减少用户的负担；保持界面的一致性。 从程序设计开发的角度来看，界面设计可以分为结构设计、交互设计、视觉设计三个部分。结构设计　是界面的骨架，可以领导整个软件的运行流程和界面的整体。交互设计是程序的神经，使用户与软件处理部分进行沟通，最终目的是使产品让用户能简单使用。 任何产品功能的实现都是通过人和机器的交互来完成的。因此，人的因素应作为设计的核心被体现出来。 视觉设计是程序的脸面，要达到使用户愉悦的目的，包括色彩、字体、页面等。下图可以直观的看出界面在人机交互中的关键地位。

图一：蓝色代表软件内部功能，红色代表界面，绿色代表用户

2. UI设计的一些原则。

对于Windows用户来说，用户认识到的就是所看到的。必须看到的现实就是：界面是面向用户的，用户需要的是开发者开发的应用软件满足其需求，并且易于使用。好的用户界面使得用户不用阅读用户手册或接受培训就能使用应用软件。

2.1 交互设计的一些原则：
　　 2.1.1 有清楚的，针对性的操作提示。 使用讯息和标签措辞要适当。屏幕上显示的文本是用户主要的信息源。文本措辞直接影响用户的理解。要使用用户的语言，而非技术的语言。讯息措辞要积极，显示用户处于控制之中，并提示如何正确使用软件。如， “你输入了错误信息”还是“帐号应为8位数”会给用户不同的体验。此外，讯息措辞要一致，在屏幕上显示的位置要一致。
　　2.1.2让用户控制界面。"下一步"、"完成"，面对不同层次提供多种选择，给不同层次的用户提供多种可能性。让用户知道自己当前的位置，使其做出下一步行动的决定。允许工作中断，方便退出。整个交互过程提供快速反馈。给用户心理上的暗示，避免用户焦急。
　　2.1.3允许兼用鼠标和键盘等多种输入。同一种功能，提供多种方式。
    2.1.4使用非破坏性的缺省按钮。通常每个屏幕定义一个缺省按钮，如果用户按了回车键调用此按钮。问题是有时用户会意外敲击回车键，结果激活了缺省按钮。缺省按钮决不能有潜在的破坏性，如删除或保存(也许用户根本不想保存)。最好的方法是使用组合键来设置按钮，更彻底的方法是去掉默认按钮，这违背了同时支持多种输入的原则，但是在特定的场合是可以考虑的。

  2.1.5 在操作焦点处打开窗口。当用户双击一个对象显示其编辑／详情屏幕，用户的注意力亦集中于此。因而在此处而不是其它地方打开窗口才有意义。
   2.1.6弹出菜单不应是唯一的功能来源，主要功能菜单不应该被隐藏起来。适当使用上下文相关菜单。根据情况提供鼠标右键的这种菜单，缺少过滥都是不科学的。

2.1.7 提供标准的常用功能 ,提供界面的快捷方式。如，常用的按钮、菜单应该有和其它同类软件相同的快捷键，一般 打开放在文件菜单下。如果一个菜单项，按下去会弹出一个窗口，那么这个菜单项的文字末尾应该有一个省略号来暗示用户，例如 “打开...”

2.1.8 要考虑各种层次的用户的操作水平的不均衡。

2.2视觉设计的一些原则：

2.2.1 一致性。保证界面的协调一致。对于列表框来说，如果双击其中的项，使得某些事件发生，那么双击任何其它列表框中的项，都应该有同样的事件发生。所有窗口按钮的位置要一致，标签和讯息的措辞要一致，颜色方案要一致。

2.2.2  界面布局很重要。人们是自左而右，从上而下阅读，基于人们的习惯，屏幕的组织也应当是自左而右，从上而下。界面清晰明了，屏幕不能拥挤，拥挤的屏幕让人难以使用。实验结果(Mayhew，1992年)显示屏幕总体盖度不应超过40％，而分组中屏幕盖度不应超过62％。如果要表达的信息比较多，最好分屏显示。  区域排列。当屏幕有多个编辑区域，要以视觉效果和效率来组织这些区域。区域左对齐是最好的方法。与之相应的标签则应右对齐，置于编辑区域旁。这是屏幕上组织区域的一个整洁有效的方式。