结合公司产品界面改进谈我对GUI的几点认识

xiaoerp

UI的英文全称是userinterface。广义的UI涉及三方面的内容：1、用户研究，平常说的用户体验（Userexperience）；2、人机交互，存在于图形界面（WIMP）之前，设计用户端的操作流程，操作规范以及信息架构等；3、图形界面(Gui)，目前通用模式是WIMP=Window/Icon/Menu/PointingDevice。目前我们所说的ui通常指狭义上的GUI(GraphicalUserInterface)。
　　以下结合公司产品界面的改进，谈谈个人对UI一些粗略的认识。
一、GUI是科学而非艺术化的过程
　　GUI是软件产品呈现给用户的可视化载体，是科学而非艺术化的过程，按照严格标准设计的界面，容易形成稳定的用户操作习惯，提高用户忠诚度。
　　以下是摘自微软公司windows产品界面的一些GUI规范：
类似的规范在微软的官方手册中有详细的论述，目前我们对hdframe界面正在进行类似的优化，目的是制定出一套可行的ui实施规范（helena二期中会有所体现），以便督促开发人员和界面设计人员执行。先抽取个别实例予以说明：

　　为HDPOS4产品设置窗口，主要存在以下问题：
　　1.图中1.2按钮间距和边距没有进行尺寸定义，因此页面拉伸时，按钮位置会随之改变，导致了界面的不稳定性。
　　2.确定，取消按钮没有遵循右下角原则，同时同一按钮采用了不同按钮名称，如取消和退出。
　　针对以上问题，我们统一定义按钮间距和按钮边距为10px，
再以标准icon的混用问题予以说明：
　　视窗环境软件设计中，迄今总共定义了4个标准icon,错误、警告、信息、帮助。微软称之为standardicon。根据标准icon使用原则,我们更正了hdframe中一些标准icon(standardicon)误用问题，例如：
界面统一性主要指操作模式、引导步骤、窗口布局、控件使用、提示信息措辞、颜色、字体等应遵循一致性原则。例如以控件为例，需要注意以下问题：
　　1．控件功能要专一，避免混用控件。例如按钮和tab的混用，按钮和工具栏菜单的混用等；
　　2．同一类控件的操作应该具有一致性。例如一个控件在任何地方单击或双击后执行动作应保持一致；
　　根据统一性原则，我们对界面的控件进行了规范统一，例如消除了按钮和tab混用的情况，
二、GUI设计应了解界面元素的深层含义，并对其进行改进
　　人机界面是模拟现实生活的过程，很多界面元素的灵感原来都来源于现实生活，因此挖掘界面元素的深层含义在界面设计中可以对其进行有目的的改进，提高产品的易用性。
　　现已界面元素中常用的tab控件予以说明：
　　Tab控件在c/s架构软件，网页等界面中具有广泛的应用，其实它的原型来源于现实中的书签，
它除了拉近了用户和界面之间的心里距离外，主要具有以下优点：
　　1.用户可以全局地浏览到每个标签；
　　2.用户可以直接到达想要进入的页面；
　　3.突出了当前界面，避免了普通窗口之间的遮挡问题，同时节约了用户界面。
　　以上是公司产品界面改进中个人对GUI的几点粗略认识。其实GUI涉及到的内容远大于此，Ui是用户终端，是整个产品中用户直接接触的层面，因此我们会竭尽全力利用对GUI的所学所感，来改善客户长期使用产品旧版本时遭遇的操作尴尬。努力提升用户体验为客户提升更高的价值。



该贴已经同步到 xiaoerp的微博