竞争对手界面研究.doc

界面设计研究分析报告在人和机器的互动过程（Human Machine Interaction）中，有一个层面，即我们所说的界面（interface）层，也称为用户界面设计（user interface）。现在我们所说的用户界面设计主要是指图形用户界面，用户界面设计是产品的重要组成部分，它具有的三大原则是：置界面于用户的控制之下；减少用户的操作负担；保持界面的一致性。 就其三大原则而言，都是从界面设计的用户易用性来考虑的。 用户界面设计在工作流程上分为用户研究、交互设计、视觉设计三个部分。 用户研究用户研究，是界面设计的基础。通过对用户研究和任务分析，制定出产品的整体界面架构。在用户研究中，界面架构体系中的逻辑分类和语词定义是用户易于理解和操作的重要前提。用户研究的结果就体现在易用性上。“易用性Usability（又被译为可用性）”这个词在软件开发中表现为这样一种方式，即把用户而非系统置于开发过程的中心。这种被称为“以用户为中心进行设计”的概念，是指从设计过程的开端便把用户所关注的东西包含于其中，并规定用户应该是任何设计决定中最重要的因素。 这种“以用户为中心进行设计”的方式最显著的方面便是易用性测试。在易用性测试中，用户对产品界面进行交互式的测试，并与开发、设计人员交流他们的观点和所关注的问题。 交互设计交互设计的目的是使产品让用户能简单使用，即用最简单的操作实现最复杂的功能。 任何产品功能的实现都是通过人和机器的交互来完成的。因此，人的因素应作为设计的核心被体现出来。交互设计的原则如下： 1) 有清楚的错误提示。误操作后，系统提供有针对性的提示。 2) 让用户控制界面。“下一步”、“完成”，面对不同层次提供多种选择，给不同层次的用户提供多种可能性。 3) 允许兼用鼠标和键盘。同一种功能，同时可以用鼠标和键盘。提供多种可能性。 4) 允许工作中断。例如用工作中接到电话或别的事情被中断，回来后仍能够找到刚才操作的地方。 5) 使用用户的语言，而非技术的语言。 6) 提供快速反馈。给用户心理上的暗示，避免用户焦急。 7) 方便退出。例如是按一个键完全退出，还是一层一层的退出。提供两种可能性。 8）导航功能。随时转移功能，很容易从一个功能跳到另外一个功能。 9）流程定位清晰，让用户知道自己当前的位置，使其做出下一步行动的决定。 视觉设计 在用户研究的基础上，参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面、控件等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下： 1） 界面清晰明了。允许用户定制界面。 2） 提供视觉线索。图形符号的视觉的刺激；GUI（图形界面设计）。 3） 提供默认（default）、撤销（undo）、恢复（redo）的功能 4） 提供界面的快捷方式 5） 尽量使用真实世界的比喻。如：电话、打印机的图标设计，尊重用户以往的使用经验。 6） 完善视觉的清晰度。条理清晰；图片、文字的布局和隐喻不要让用户去猜。 7） 界面的协调一致。如按钮排放。 8） 同样功能用同样的图形。 9）色彩与内容。整体软件不超过5个色系，尽量少用刺激性色彩。近似的颜色表示近似的意思。 界面设计的四大属性图形用户界面有时被称为WIMP，表现了它的四种特有属性，即窗口（Window）、图标（Icon）、菜单(Menu)、鼠标指针(PointingDevice)。它的特点是操作直观、提供指针支持及界面图形化。目前图形户界面虽然不能达到较好的易用性，但是针对特定任务我们精心设计，在效果和满意度上绝对优于非图形界面。窗口，是交互的基础区域，主要包括标题栏、支持移动和大小缩放、菜单栏、工具栏以及操作区。通常是矩形，但是现在很多软件都把它做成不规则形，例如一些音乐的播放器，看上去会更有活力和个性。图标，是用于标识一个对象的图形标志，使一个标题或功能可以有更直观的操作。我们制作的图标有很大一部分来源于术语符号，例如最小化、关闭等，初次接触的用户可能并不理解其含义，需要去记忆；另一部分图标则是来源于生活，比较象形的，比如喇叭就是调节音量，房子表示HOME，信封表示邮件等。我们在设计时应尽量避免创造新的符号，尽量使用象形的图形。菜单，是供用户选择的动作命令。在一个软件中，所有的用户命令都应包含在菜单中。菜单通常要通过窗口来显示，常见类型有工具栏（包括图形工具栏）、下拉式、弹出式（右键菜单）和级联式（多层次的菜单）。指针，是一个图形，用以对指点设备（鼠标或轨迹球）输入到系统的位置进行可视化描述。图形界面的指针常用的有系统的箭头、十字、文本输入I、等待沙漏等。界面设计的流程界面设计本身是要遵循一定的设计流程的。下面我把通软公司的界面设计流程示意如下：通软公司的界面设计现状通软公司的界面设计以myGS gseries为例，myGS产品的现行界面是2002年6月份开始设计的，加上程序执行规范持续了一年的时间，界面的色彩以蓝色调为主，充分体现了企业的文化氛围。MyGSgseries产品的优点：1、 在视觉上：界面规范执行情况良好，基本上能实现窗口、图标、菜单、指针的统一。2、 在交互设计上 1)有清楚的错误提示。误操作后，系统提供有针对性的提示。 2) 让用户控制界面。“下一步”、“完成”，面对不同层次提供多种选择，给不同层次的用户提供多种可能性。 3) 部分程序实现了鼠标和键盘两种操作模式。4）方便退出。例如是按一个退出键完全退出，也可以一层一层的退出。提供两种可能性。 5）导航功能。myGS的导航功能是按照大模块在左，功能在上边的原则，从操作上很容易让用户随时转移模块，从一个功能跳转到另外一个功能。 6）流程定位清晰，用户明白自己当前的位置，并知道下一步该做什么行动。 3、 在易用性上：1) 设计了用户自定义桌面与快捷方式，用户可以根据自己日常业务的需要来自定义个人的常用桌面，方便了用户的操作。且用户可以随时按照自己的业务流程来拖拽调整。2) 帮助操作方便灵活。3) 向导式的查询方便用户，用户可以很容易就明白自己下一步要干什么。4) 在财务中的很多模块实现了自动增加序号的功能。回车键、teb键方便操作。 my GS的缺点：1) myGS产品对用户的易用性研究比较少，对易用性的测试来说更是不多，现在常常为了程序的合理性，易开发而忽略了程序的易用性方面的设计。2) 视觉上，myGS产品界面设计中最大的缺点是不能够随着分辨率的大小来自动的调整表格的大小，而是把表格的大小固定成只适合800*600分辨率的固定格式上，使在1024*768分辨率的屏幕上显示的空间有很大的浪费。IndexmyGS 800*600myGS1024*768金蝶公司的界面设计现状金蝶公司的界面设计一向是国内软件企业的典范，金蝶投入大量的人力、物力，成立独立的设计部门，力求对软件进行直观的用户图形界面设计及向导式操作。以金蝶主打产品K3为例，K3产品的在视觉上主要是兰色调为主，这也是金碟的企业色，界面形式统一，图标风格一直，界面规范执行很好。交互和易用上：所有的功能模块都集中在界面的左边竖排，右边是子功能区与明细功能，中间是大的功能模块。金碟的模块非常的全，但菜单项比较少，这与整个界面的框架结构有关。提供了及时信息处理，方便了用户操作。K3的桌面设置非常简单，就是让用户自定义模块子功能到我的k3的桌面上的常用功能就可以了，没有流程图，只是单纯的功能项的罗列，双击明细功能，进入单个的明细功能项里。进入明细功能后的页面基本上是用控件开发的，整个界面的风格与其他CS程序开发的一样，没有什么改变。金蝶k3在产品安装过程中，存在着许多许多易用性差的地方，产品安装困难，各个功能模块是集中在主控制台的，不能独立登陆，这致使系统过于庞大，运行速度慢。主功能模块在左边竖排，在视觉上感觉有些偏沉。 但总的来说，金蝶公司的产品在执行界面规范时执行情况非常好，这对于一个大的软件公司来说，是非常值得我们学习的。记得我看过一篇采访金蝶老总徐少春的报道，记者问他从小喜欢绘画对做软件有什么帮助，徐少春回答“帮助特别大。我觉得软件就是艺术。如果没有审美观就做不了软件产业，因为你不知道怎么打动别人。举个例子，我以前编软件，非常重视界面是否友好、人性化、又有视觉的冲击力。你得想，这个软件操作起来，能否像弹钢琴一样令人愉悦。”看来金蝶的在界面设计方面的重视与投资不是无依据的。用友公司的界面设计现状根据用友公司NC管理软件的界面来看，用友公司在界面投入的力度比金蝶公司来说要小的多。操作：1. NC软件在操作时，先点击左边树到具体功能时，是双击进入。2. 进行操作时，状态栏显示保存、取消、修改、刷新等操作步骤，但并不提示操作的流程。3. 一些基本的操作编号没有记忆功能，当新建一个编号时，会让用户自己输入编号，这样用户在没有提示的状态下输入的编号会各种格样，不利于用户的使用。当输入编号后，必须按一下回车，然后用tab键来操作下一input才能记住编号，否则，编号会自动把前面的零去掉，只剩下数字。用tab键来进行操作时，有些输入框得不到焦点。必须手工点取一下才能进行输入。4. 每次操作完毕后的功能页面必须关闭，才能进入到控制台来选取别的模块来进行操作。5. 实现了菜单快捷键的功能。如果把tab键的焦点问题解决就完全实现了键盘操作与鼠标操作两种方式。NC管理软件优点：1、 实现了多语言的操作，用友NC实现了中文、繁体中文、英文三种语言得界面操作。2、 界面在规范上做的很好，这也是与他们使用得控件有关，按钮摆放整齐划一，界面形式统一。3、 界面的易用性在某些方面还可以。例如帮助比较方便，有了快捷邮件和及时消息。NC管理软件的界面缺点： 1、 从美观性上来看，NC管理软件的美观性比较差，色彩不协调、不统一，WEB页面与控件之间明显分离。登陆界面让人的视觉余味为红色，而控制台界面的视觉余味为白兰，操作界面的视觉余味为黄绿灰，用户心理反应沉闷，不愉快。2、 系统响应速度太慢，第一次打开时间在5以上。3、 易用性差的方面：左边的树状菜单列表，在刚登录进入系统以后，其控制台界面简陋，让初次使用这种软件的用户无从下手，如左边树状菜单必须要先点击白色的三角形按钮才出来菜单，右边的三个模块（消息中心、接办事务、交办事务）只是虚设，没有实际用途，让初次用户摸不着头脑。所有功能模块全堆砌到左边，要点击五次才能进入到具体操作界面，增加了用户的点击次数，不利于用户操作。4、 NC界面里面有界面风格设置，用户操作起来比较麻烦，且看不到整体的预想效果，应该把界面按不同风格来作出几个模板，然后让客户设置模板中的不同属性，预览时可以预览全局。从用友U8来看，用友U8在界面上、功能上我感觉要比NC要好的多。从界面设计的情况来看，U8的色彩要比NC好。 U8最大的特色在主控台编辑：1) 提供了“我的工作”栏目， 左边是业务工作，用树型列出所有的业务，可以保存或增、删、改。 右边是日历和信息中心。 可以点对点信息传递； 可以发送手机短信； 还可以编辑外部的文件（配置任意网页）； 域论性很强，可以在这里直接到达任意个一个具体的功能。2) 提供了“工作流程”栏目，可在控制台上自定义工作流程。3) 可以增加新的模块应用程序4) 辅助工具5) 提供了总帐工具，可对系统内的基础数据及帐务凭证进行输入、输出：1) 我的工作 用友U8的单据界面和查询界面还是采用传统的界面形式，没有进行多大的变化，左边还是树状明细功能列表，右边时具体的单据窗口。相对来说单据设计1) 单据格式自定义：一张单据可定义多种格式；单据内的字段，可定义必输、显示及输入格式等属性；自定义项可设置手工输入、来源单据、来源档案等不同的获取方式2) 单据编辑：提供了打印、预览、输出、定位、复制等功能。3) 单据打印：定义的打印格式既为套打格式。4) 自定义查询：提供自定义报表功能，可基于数据库表自定义查询用友公司的产品界面总的来说与其国内的第一大软件公司不符，对其产品的视觉与交互设计方面还有待于更大的改进工作。新中大公司的界面设计现状新中大公司在经过了五年的开发研究之后，终于与2003年11月发版了i6互动管理系统，从其此管理软件来看，新中大公司的产品比以前有了很大的改进。I6互动管理软件的优点：此系统基于MS.net 技术平台，采用B/S架构，结合XML、Web Service等技术。界面方面的可取之处是界面简单，系统响应比较快，支持回车键。客户端界面基本实现了中英文对照。缺点是：从视觉设计上看：界面水平还停留在我们的财务1.0的水平上，界面规范执行一般，虽然支持回车键但是不支持快捷方式，从其界面格式来看有点仿cs类程序开发模式。整个设计的窗口本来是打算采用全屏模式，可是又留出了两行状态栏的空间，不能最大化，只能是规定模式。出现上下不到头，左右出了边的局面。从视觉设计上看：界面色彩一般，整个界面色调是以白色为主，辅色较多，超过了五种颜色（红、蓝、黄、绿，黑、白、灰），不能充分体现企业的行业特点与企业文化特点。从易用性上看：界面中的部分易用性还是比较差，例如我们几个人用了一下午的时间没有找到用户与组织之间的关联。整个设计的流程性很差，普通用户根本不知道该从何处下手。帮助比较少，操作起来不是很方便，很多编号需要用户手工输入，输入后没有记忆功能。从交互设计来看：1) 流程定位不清晰，让用