UI设计规范_原创文档.pdfVIP

UI设计(流程/界面)规范

一：UI设计基本概念与流程

1.1目的

规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全

流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。

1.2范围

l界面设计

l此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI界面设计

人员、界面评审人员和配置测试人员。

1.3概述

UI设计包括交互设计，用户研究，与界面设计三个部分。基于这三部分的UI设计流程是从

一个产品立项开始，UI设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验

证阶段、方案改进阶段、用户验证反馈阶段等环节，履行相应的岗位职责。UI设计师应全

面负责产品以用户体验为中心的UI设计，并根据客户（市场）要求不断提升产品可用性。

本规范明确规定了UI设计在各个环节的职责和要求，以保证每个环节的工作质量。

1.4基本介绍

A、需求阶段

软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who,where,why.）也就是使用

者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用

(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用（在办公室/家庭/厂房车间/

公共场所）。如何用（鼠标键盘/遥控器/触摸屏）。上面的任何一个元素改变结果都会有相

1

应的改变。

除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世，我们要

比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很

客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。

B、分析设计阶段

通过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格

的界面用于被选。

C、调研验证阶段

几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观真

实的反馈。

测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。

调研阶段需要从以下几个问题出发：

用户对各套方案的第一印象

用户对各套方案的综合印象

用户对各套方案的单独评价

选出最喜欢的

选出其次喜欢的

对各方案的色彩，文字，图形等分别打分。

结论出来以后请所有用户说出最受欢迎方案的优缺点。

所有这些都需要用图形表达出来，直观科学。

D、方案改进阶段

经过用户调研，我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢，还有什么遗

憾等，这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上，将方

案做到细致精美。

E、用户验证阶段

2

改正以后的方案，我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈，好

的设计师应该在产品上市以后去站柜台。零距离接触最终用户，看看用户真正使用时的感想。

为以后的升级版本积累经验资料。

经过上面设计过程的描述，大家可以清楚的发现，界面UI设计是一个非常科学的推导公式，

他有设计师对艺术的理解感悟，但绝对不是仅仅表现设计师个人的绘画。所以我们一再强调

这个工作过程是设计过程。UI界面设计不存在美工。

2.UI设计流程

2.1概述

根据上述原则，分析公司产品的特点，制定符合软件产品（或项目）生命周期的UI设计流

程。每个产品（或项目）的生命周期中，UI设计师应该严格按照流程，完成每个环节的职

责，确保流程准确有效的得到执行，从而提高产品的可用性，提升产品质量。

二：UI界面用户体验设计原则与规范

1：应该遵循的基本原则

无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的

一致。

这样得到的好处：

1：使用户使用起来能够建立起精确的心里模型，使用熟练了一个界面后，切换到另外一个

界面能够很轻松的推测出各种功能，语句理解也不需要费神理解

2：降低培训、支持成本，支持人员不会行费力逐个指导。

3：给用户统一感觉，不觉得混乱，心情愉快，支持度增加

3

做法：

项目组有经验人士，确立UI规范：

美工提供色调配色方案，提供整体配色表

界面控制程序人员、用户体验人员提出合理统一