以用户为中心的信息系统UI设计

开篇：润墨网以专业的文秘视角，为您筛选了一篇以用户为中心的信息系统UI设计范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘 要： JefRaskin曾说过：“对消费者而言，界面就是产品。”这句话明确显示了UI（User Interface，即用户界面）设计在信息产品设计中的重要地位，另一方面也说明了UI的检验者即是最终用户。评估UI设计是否合理优良的标准，要看是否满足了用户要求，给予用户良好的交互体验。本文在以用户为中心，让用户拥有更好的体验为前提，探讨了如何建立友好度高、易用性强的信息系统，以及在UI设计过程中需要注意的问题，并归纳了息系统UI设计的一些原则。

关键词： UI；信息系统UI设计；用户体验

JefRaskin说过：在你使用工具完成任务的过程中，你所做的操作以及工具的响应，这些结合起来构成了界面。一个好的信息系统界面不是设计的美伦美奂，用了各种精美的图标、界面上摆满按钮和菜单，而是不但要好看，更是要好用，要充分考虑用户和系统之间的交互情况，能够给予用户便利易用的良好体验。

以用户为中心的信息系统界面应该具备能用、会用、好用、快用4个特点。

1）用户能用：界面上的所有功能键都正常使用，不会报错，功能满足对应的用户的需求，用户可以使用本界面完成需要操作。

2）用户会用：界面不会让用户产生陌生感，不会因逻辑、层级或者界面表达导致用户不会操作，误操作，繁复操作。

3）用户好用：架构清晰合理，一目了然，用户知道在哪操作，功能简便流畅，界面美观，使用舒适，不会产生疲劳厌倦。

4）用户快用：操作要便捷，执行速度快，服务响应及时，在用户心理接受范围内完成操作。

要实现用户能用、会用、好用、快用的良好体验的信息系统界面，在ui设计上需要贯彻以下几个原则：

1）明确系统需求。进行UI设计首先是确定清晰的任务和目标。要与用户进行深入详实的交流，进行需求调研，把握住系统的方向，了解系统需求，明确所有需实现的功能，以及与界面的关联。制定出详细的实施计划，并规定UI设计规格。在设计上要充分考虑用户的需求，方案可与用户进行沟通，多征求用户意见，此时多做规划会减少后期大量的工作量。

2）优化交互界面。界面设计的交互性很重要，用户能不能用好系统，很大程度依赖系统的交互设计。如同两个人之间一对一的交流对话，想沟通顺畅，就要遵循着对方的交流习惯。在设计上遵循用户的交互习惯和方式是实现良好交互性的关键。比如功能的摆方位置，界面逻辑等等。在界面设计上，要友好易用，不要为用户增添不必要的工作，尽量在系统后台处理。对于提示说明，要明确，符合逻辑，避免误导用户。

3）引导用户完成操作。界面的设计需要让用户能够自如的无障碍的进行操作。重点体现在界面上的导航与标识的设计，很多时候导航就在充当标识。标识协助用户得知当前的位置，处于什么情况，要进行什么操作，下步工作是什么，而导航则引导用户一步一步的进行操作。在设定导航时要分析用户的操作步骤，完成路径规划，区分权限对应的导航层级。标识一般包括图标、按钮以及文字。标识应该与界面整体风格保持一致，简洁明了，并清晰的反应出所标识的含义，为用户起到指引作用，并且是大家约定俗成的方式，比如垃圾箱的图标体现的就是删除的意思，灰色的按钮一般为不可点击等。

4）视觉风格一致。界面保持尽可能少的格式样式，风格、文字、图标、按钮等等都尽量保持整体性。根据用户需求和使用习惯来设计界面风格、框架以及布局；信息系统的界面以大方简洁为主，尽量少用不同色块，一般不超为4种为宜；统一文字的字体、颜色以及大小，语法和描述尽量简洁清楚；按钮等操作符风格保持统一，图片显示形式、清晰度、裁剪大小保持一致。控件的颜色、背景、大小等也保持一致。

除了以上四个基本原则，UI设计上还有几个需要注意的问题：

1）在不同的环境反复测试。由于显示器、显卡等电脑硬件问题，不同机器上显示的色彩是不同的，应改在多个不同显示环境下进行测试，选取在大多数显示环境色调都合适的颜色方案进行使用。此外，因为计算机显示器大小和比例不同，界面最大化的显示也不相同，在进行界面设计及布局时要充分考虑这个问题，以满足大部分显示环境为易。

2）检验窗口缩放时的布局显示。要考虑窗口缩放时界面不会出现显示不完全，或比例失调的问题。可采用固定窗口大小或设置等比例改变。另外，在界面初始化时的大小，应该根据具体情况进行设计，比如小尺寸的功能没必要以全屏幕显示，大尺寸的功能超过显示器屏幕显示尺寸，应加入滚动条等设置。

3）界面布局设计的规则。界面布局一般遵循：窗口的位置和对齐方式要保持一致，每个相似窗体沿用同种布局、字体和颜色；界面整体操作方式保持一致，如添加信息都点击添家按钮进行添加，用同样的按钮代表显示；栏目的级别一般不超过三级，用户浏览哪一层级都应该可以获得而页面路径，栏目的题目与内容想关联；窗体打开一般尽量少打开新窗口；常用的按钮可支持快捷方式操作，系统具有默认处理走向的默认按钮，在用户敲回车键时可快速执行操作，并且操作可以还原；浏览点击过的内容颜色可以产生变化，以区分未浏览内容；在整个交互的过程中，都要可以识别鼠标操作，鼠标右键能弹出快捷菜单等等。

4）颜色使用的规则。一般来说，信息系统适合用简洁干净的颜色，同色系的过渡色使用起来即不会显得突兀，又增加了层次感。而一些造成强烈反差效果的颜色，适合用于特殊意义或警示，比如一些无法撤消的操作，以特殊的颜色提醒用户操作时多加注意。颜色也可以划分结构，用不同颜色的文字来显示不同功能功能，能视觉上清晰的分割作用。总之，使用颜色要遵循人们的思维逻辑和使用习惯。

1）设置出错信息。在界面设计中，应首先考虑尽量减少用户在使用过程中出现错误，在操作中让用户能看出如何做出正确操作，并且对于可能出现的错误予以警示。在用户出现错误时，不应该只告诉用户无法完成和操作失败，而是应该明晰错误的含义，给出用户如何解决问题、正确操作的建议。

2）适当给予提示及帮助。在特殊操作和功能界面上加入提示，必要时加机帮助。提示要站在用户的角度，以简明的描述告诉用户当前功能的情况、注意事项以及如何处理。没必要的提醒不要出现，会引起用户的逻辑偏差，不但不是对用户的细致的关怀，还对用户造成了扰乱。联机帮助作为轻型的帮助文件，要有清晰的分类和索引，语言要简洁明了，通俗易懂。

信息系统的UI设计工作贯穿整个开发周期，在需求与设计阶段，需要分析了解用户需求，提出UI设计方案，在实施过程需要与程序开发人员共同协调进行，在后期也会根据用户的需要再进行完善调整。可以说，UI设计融合了计算机技术、工业产品设计技术、美学、心理学等多种元素，是用户了解系统的门户，也是用户与系统直接交互的桥梁。企业从战略角度和长期利益出发，做好以用户为中心的UI设计是非常有必要的。

参考文献：

[1]UI群英汇用户体验交互视觉设计方法论，徐海波等，清华大学出版社.

[2]用户体验要素：以用户为中心的产品设计，加瑞特（著）、范晓燕（译），机械工业出版社.

[3]潜移默化用户体验设计行动指南博维斯，博克斯（著）、DeDream（译），机械工业出版社.

[4]用户体验与产品创新设计，罗仕鉴、朱上上，机械工业出版社.