浅谈用户界面设计.docx

《浅谈用户界面设计.docx》由会员分享，可在线阅读，更多相关《浅谈用户界面设计.docx（14页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、浅谈用户界面设计 浅谈用户界面设计 第一部分：概述 用户界面是计算机软件和用户交互的接口，是衡量软件质量的一个重要目标。如何设计出一个好的用户界面，是软件公司和开发人员都必须理解和认识的基本知识。这是本文的第一部分，在这一部分中，我将介绍如下内容： 什么是用户界面 什么是用户界面设计 什么是一个好的用户界面设计 用户界面的衡量标准 总结 一、什么是用户界面 用户界面（User Interface，简称UI）是指计算机软件和用户之间的一组用于交互的、具备相关性的设备接口。这个描述出自微软。我们仔细研读这句话就会发现，微软对于用户界面定义的 3 个方面：一个是交互，一个是相关性，一个是接口。 从我

2、们的直觉上可以清楚地知道什么是UI，例如在Windows 中的一个窗口，一个消息框；一个软件的整体布局和外观，这都是UI 的组成部分。用户界面首先应该具备交互性，交互性是指计算机和用户之间可以进行通信：计算机需要用户的输入（命令或数据），而用户需要计算机的输出（结果）。所以，没有交互性的界面不能成为用户界面。 用户界面因该具备相关性。也就是说，在同一个软件中的所有界面应该彼此相关。这种相关表现在：相关的风格和外观、相关的功能、相关的设计技术等。这样保证了用户界面的标准和一致。 当然，设备接口是对用户界面的最终定义，这意味着UI 在人机交互中起着非常重要的作用，计算机通过UI 来给我们信息和结果

3、，我们通过UI 来向计算机发送指令和键入数据。具备了这三大特性的用户界面，就能称之为一个完整的用户界面了。 二、什么是用户界面设计 有了用户界面之后，人们开始着手定义用户界面。从最初的控制台界面到现在的图形化桌面；从3D 的控件到XP 的主题，可以说，人们在长期的探索中随着硬件的升级和计算机技术的发展，已经逐 渐的摸索出了一套用户界面设计方法，形成了用户界面设计的科学。 我们不能简单地将用户界面设计看成是软件的一种表现和呈现方式，正是因为它具备交互性和相关性，所以，从一个用户的角度出发设计用户界面是非常重要的；我们不仅要从开发者的角度考虑，而且更多的要注重用户体验，这样，“UI 就不只是一种接

4、口和形式，而是一种用户体验”（比尔盖茨在WinHEC 上的讲话）。 三、什么是一个好的用户界面 用户界面也有好坏之分，用人认为：只要交互性好，统一，用户可以使用流畅，这个UI 就相当不错了，其实这种认识存在很大的局限性。一个好的用户界面必须是一种“用户体验”，不惜符合人们的使用标准和习惯，必须迎合用户的要求。从开始设计用户界面，到最终完成设计的整个过程中，需要始终贯穿一个标准，这个标准就是用户界面设计规范。 好的UI 令人赏心悦目，反之，不好的用户界面令人望而生厌。为什么会造成这种差距呢？在以后的系列专题中，我将为您阐述这些原因。 四、用户界面的衡量标准 通过制定衡量标准，可以很轻易的度量一个

5、UI 设计的好坏。但是。往往这个标准是非常难以制定的，什么样的UI 才是最好的？我们没有答案，不过，人们总结了用户界面的九大特性，如果能够在这九个方面做好，那么很自然的，用户界面设计就可以达到一个最优值。 我本人总结了用户界面俄九大特性： 交互性(Interactive) 规范性(Rulable) 一致性(Standard) 本地化特性(Localizable) 辅助功能性(Accessible) 专业性(Professional) 全球化特性(Globalizable) 可扩展性(Extensible) 用户体验特性(User Expen) 在接下来的九篇文章里，我会结合大量的实例和分析，说

6、明如何让UI 成为一门艺术，如何让UI 成为一种用户体验。 五、总结 本文是用户界面系列专题的第一篇文章，在本文中，我向大家介绍了用户界面的基本知识，包括什么是用户界面、什么是一个好的用户界面，什么是用户界面设计和用户界面设计的九大特点，从下一篇文章开始，我将围绕这9 个方面，结合实例和分析，给出一套建议性的用户界面设计规范。 第二部分：交互性 用户界面是计算机软件和用户交互的接口，是衡量软件质量的一个重要目标。如何设计出一个好的用户界面，是软件公司和开发人员都必须理解和认识的基本知识。第一部分已经向大家介绍了UI 的基本知识和衡量标准，在这一部分中，我将介绍如下内容： 交互性概述 案例分析

7、交互性的设计原则和推荐的规范 总结 一、交互性概述 用户界面完成的首要任务，就是设法让用户和计算机友好的交互。交互是最终目标，而友好是衡量条件。在一个成功的UI 设计中，应该着重考虑交互的实现以及实现过程，而且始终贯穿“友好”的精神，Windows XP 就是一个典型的案例。 可交互就是UI 设计目标。如果一个界面不能让人机交互，那么这个界面就是无用的。例如：需要设计一个这样的界面，让用户输入用户名和密码登录，结果设计人员在设计的时候，将“登录”按钮设置为灰色，导致无论用户输入的密码是否正确，系统都无法登录。这个案例中，用户成功的向计算机提 供了信息，但是需要交互的关键时期却发生了致命的设计缺

8、陷；又例如，在上个案例中的登录按钮单击后登录成功，但是系统却没有给出任何UI 变化表示成功的登录过程，这样的设计虽然让用户和计算机成功的交互，但用户没有能从计算机获取交互的结果，因此，这个UI 也是失败的。 设计UI 的交互性方面应该注意两点： 1、用户向计算机提交数据的交互过程； 2、计算机向用户呈现处理结果的交互过程。 除了完成这两方面的设计外，UI 还需要友好。例如：上例中，如果用户在输入登录信息是发生了错误，计算机应该向用户提示登录失败。此时，我们有多种选择；看看两个不同的MessageBox 对话框： “对不起，登陆失败！” “由于用户名和密码错误，因此登录失败。” 我们很容易辨别哪

9、一种做法更加友好。一个友好的用户界面使得用户心情舒畅，没有压抑感，这样才能更加的专心使用您的软件。 二、案例分析 案例一：用户登录发生错误以后的一个消息框的两种提示文本。 1、“对不起，登陆失败！” 2、“由于用户名和密码错误，因此登录失败。” 可能很多开发人员比较喜欢使用第一种语言，他们认为登录不成功非常严重，并使用了感叹号，语言比较机械化并且没有给出建议，还把“登录”写成了“登陆”；第二位开发人员语言很婉转，并告知了登录失败的原因，用户从这个简单的提示中获取了很多有用的信息，并且知道了不成功的原因。 从对以上两个开发人员的语言分析和实际效果可以得出这个结论：第二个开发人员的语言更加让用户有

10、好感，用户非常愿意按照他的提示进行操作。为什么呢？别忘了，“友好”的定义，第二种描述就是非常友好的文本。 我们还可以对第二种描述做改进：例如，可以根据问题的严重性定义消息框应该显示的图标，登录错误是非常严重的，可以选择“X”图标增强提示效果。但是，我强烈您不要在这一类文本中使用惊叹号，这样会失去用户对系统的信任。 还有对案例一的更好的解决办法：除了显示红色“X”图标和显示文本之外，还可以扩展MessageBox，给出一个“详细信息”按钮，单击详细信息后，可以看到某些高级哟归农户才能看懂的（例如：数据库连接信息，ERRORLEVEL 错误号等），这样，不论是用户还是开发人员，都可以从不同的深度去

11、看待同一种错误提示，大大提高了软件的可维护性，降低了Bug 排错的周期。 案例二：Windows Fax Server 的一段提示文本： “当前Terminal Server 不是您默认的超级终端客户端，您是否想将其设置为默认程序？我们强烈建议您回答“是” 这一段文本是针对用户的一种操作性建议，相比之下，有些软件（例如QQ、TT）就会有这样的提示：“TT不是默认浏览器，是否设置为默认？” 虽然这句话并没有什么不妥之处，但是相比之下，您需要用户进行某个可选操作时，建议性的描述比直接给出选项（好像不这样做既会怎么样似的）更加友好。 还有很多类似的案例，总结起来，它们共同的特点是： 交互功能都能完成

12、 文本描述不够严谨，甚至还有错别字 建议性语言缺乏，滥用标点 界面元素混乱 可读性差，没有通用性 下面我就跟据这一些常见问题，给出对于交互性的推荐规范。 三、推荐的规范 3.1 界面元素 将相关的功能分组，使用分组框或TabControl 界面元素应该在其功能可用时可见（Visible）或可用（Enable） 计算机长时间处理数据时应该显示进度，考虑使用ProgressBar 长时间等待时应将鼠标指针变为沙漏 退出程序时应该提示用户保存自己的更改 使用与系统向匹配的界面主题 让每个高频率使用的功能在右键菜单中出现 在尽可能的情况下使用拖拽代替用户的多次鼠标动作 需要用户输入文本时自动让输入文本

13、框获得焦点 3.2 文本 可选操作时给出建议性提示 在疑难功能的界面元素上给出工具提示或上下文帮助 不要过度使用惊叹号 不要使用“你”，而使用“您” 不要直呼用户姓名 在中英文之间加上一个空格 发生错误或未处理的异常时需要根据用户的不同给出深浅不同的相关信息 当然，除了我上面列出的这些之外，还有很多需要开发人员注意的地方，这些小细节都是我们从平时的习惯积攒来的，我相信，每一个重视用户体验的开发人员都会对我说的这些话引起共鸣。下一篇文章我将阐述标准性和分析相关案例。 第三部分：标准化（上） 用户界面是计算机软件和用户交互的接口，是衡量软件质量的一个重要目标。如何设计出一个好的用户界面，是软件公司

14、和开发人员都必须理解和认识的基本知识。在前面的两篇文章中，我向大家介绍了UI 的基本知识和交互性的设计规范，这一章我们将进入重点，着重讨论： 标准化概述 案例分析 一、标准化概述 用户界面的标准化主要解决以下几个方面的问题：设计标准化、元素标准化和功能的标准化。 1.1 设计标准化 设计标准化是指在用户界面设计上采用统一的标准规范。正如我们书写代码采用编码规范，我们工作遵循公司制度等。目前，国内还没有比较成熟的界面规范标准，国家也没有制定GB 或GBT。因此，在更多的情况下，设计标准的制定依靠的是经验、其他成熟产品的参考和用户的反馈。 不过大家注意，不同的行业领域的软件界面规范可能不同。这正如

15、同样是编码规范，C# 和Delphi 就大不一样，Windows 系统和UNIX 系统也大相径庭。这种差异主要是由于行业本身的用户性质引起的。因为，界面设计是为了软件设计，软件设计是为了最终用户，用户的体验一部分决定了UI 的模型。 1.2 元素标准化 如果说设计标准化是一个总体的标准，那么元素标准化就是实施细则。元素标准化定义在UI 中各种元素的呈现方式和形态，以及元素与元素之间的联系。元素标准化的内容很多，我将在“推荐的规范”一节中就一些典型问题进行描述。 1.3 功能标准化 功能标准化主要是：针对软件中的每一个功能模块或单元的标准化设计方案。这更类似于面向对象技术中的统一建模。其实这一种

16、标准化已经深入人心并被很多企业和开发人员所掌握和应用，但这与UML 建模不同。功能标准化更注重整体和统一，它将相同或相似的功能界面呈现变得一致和有条理。例如：在HDPOS 4 中，每个需要在数据库中筛选数据的“筛选条件对话框”都是一样的，无论从功能还是从外观上几乎完全相同，这是一种重用性的表现，同时也是一种功能标准化的表现。 功能标准化还有另外一层含义，那就是在设计某种功能时，应尽量与本公司或其他公司同类软件中的相同功能保持相同的界面元素。很多人不理解为什么，甚至有的开发人员就会非常反对：“做出自己 的个性不是很好吗？”当然我们赞同他的说法，但是，您要知道，软件设计的最终目的是什么？可以 说是

17、为了解放生产力，用户的使用习惯要比软件个性化更加重要，可能用户已经习惯了同类软件的操作方法，让他重新学习使用您的软件比较困难，提高了成本。因此，我们应当从用户的角度考虑去考虑，其次才是软件界面的个性化。 下面的一个案例说明软件界面标准化的巨大作用。 二、案例分析 案例： 金山公司一直以来是中国国内最大的软件公司，1993 年，金山WPS 文字处理系统在中国占用99.8Z% 的使用率；1995 年，Microsoft Office 5.0 开始进入中国市场，3 年之后，WPS 的市场占用率一度下 降到27%（估算数字），2022 年，微软Office 2000 以绝对优势打败WPS，之后仅上公司

18、研发了WPS Office 2022、2022 等软件，但是无法再与Office 抗衡。 2022 年，金山公司重新书写了使用了10 年的WPS 引擎，仿照Office 2022 制作了用户界面，产品一上市便获得了用户的大力支持，造成了强烈反响。目前，WPS Office 2022 已被中国政府和多家大型企业使用和订购，WPS 的活力又回来了！ WPS 205 之前的版本比Office 更适合于中国用户，它提供了几十种针对中国用户的定制功能。而中国用户使用的Office 功能仅占Ofice 全部功能的5%。 问题： 1、不谈WPS 的市场竞争，就说WPS 的界面，您觉得您可以接受吗？ 2、为什

19、么金山会考虑重新编写WPS 引擎？ 3、很多人都说金山仿照Office 2022 是一种无可奈何，您觉得呢？ 4、WPS 更加适合中国用户，但我们今天为什么选择Office？（欢迎回帖讨论） 1、WPS 的界面比较个性化，例如，常规的用用程序的菜单一定会是“文件(F)”的形式，而WPS 的格式是“F. 文件”；WPS 不能兼容DOC 文档；WPS 的界面不够明快，帮助不够完善等。这些问题一直都存在，但是您能说WPS 做得不好吗？答案是否定的，求伯君能够 4 个人用汇编写WPS，证明他们的研发实力是相当雄厚的，但是，这样“优秀”的产品仍然没有获得用户的最终认可，是不是能够寻求一种更好的方案进行调

20、整？ 2、金山公司首先认为应该加强应用程序的兼容性。所以，当Microsoft Word 成为事实上的文档格式标准后，WPS 也开始兼容DOC 格式，但是，由于WPS 老的文本引擎原因，这一块始终做得不好。于是用户就用了“导出为Word 文档”的功能要了还不如不要“的感叹，因此，金山公司重新编写引擎，现在已经做到与Office 的完全互相转换。 3、为什么还要仿纸Office 的UI？金山内部也进行了深刻的反省，市场的无情和用户的选择最终淘汰了WPS，选择了Word，当Word 界面成为i一种使用习惯，我们想到打印命令，很自然的就会去文件菜单中找；想到剪切，就自然按下Ctrl+X 的时候，WPS 又当如何？可惜的是，打印还是F8，剪切还是Ctrl+Delete。这让用户十分不解和不习惯，可能大多数用户就是这个原因放弃了它。这次WPS 的战略就是”先接近Office，再自主个性化“（并非原话），于是就有了案例中的举措。 结论： 经验证明：用户界面的标准化，比软件本身的功能更加重要。 在下一篇文章中，我将向大家推荐一些不引起开发人员注意的界面标准化规范。