UI设计(界面)规范.pdfVIP

UI设计(流程/界面)标准

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

1.1目的

标准公司UI设计流程，使UI设计师参加到产品设计整个环节中来，对产品的易用性进展全

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

l界面设计

l此文档用于界面设计,本文档的读者对象是工程管理人员、售前效劳人员、UI界面设计

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

1.3概述

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

一个产品立项开场，UI设计师就应依据流程标准，参加需求阶段、分析设计阶段、调研验

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

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

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

1.4根本介绍

A、需求阶段

软件产品依旧属于工业产品的范畴。依旧离不开3W的考虑〔Who,where,why.〕也就是运用

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

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

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

应的变更。

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

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

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

B、分析设计阶段

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

的界面用于被选。

C、调研验证阶段

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

实的反应。

测试阶段开场前我们应当对测试的具体细微环节进展清晰的分析描述。

调研阶段须要从以下几个问题动身：

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

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

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

选出最喜爱的

选出其次喜爱的

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

结论出来以后请全部用户说出最受欢送方案的优缺点。

全部这些都须要用图形表达出来，直观科学。

D、方案改良阶段

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

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

案做到细致精致。

E、用户验证阶段

改正以后的方案，我们可以将他推向市场。但是设计并没有完毕。我们还须要用户反应，好

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

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

经过上面设计过程的描述，大家可以清晰的发觉，界面UI设计是一个特别科学的推导公式，

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

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

2.UI设计流程

2.1概述

依据上述原那么，分析公司产品的特点，制定符合软件产品〔或工程〕生命周期的UI设计

流程。每个产品〔或工程〕的生命周期中，UI设计师应当严格依据流程，完成每个环节的

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

二：UI界面用户体验设计原那么与标准

1：应当遵循的根本原那么

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

一样。

这样得到的好处：

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

界面能够很轻松的推想出各种功能，语句理解也不须要费心理解

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

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

做法：

工程组有经验人士，确立UI标准：

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

界面限制程序人员、用户体验人员提出合理统一运用的控件库。参考标准界面运用标准：

控件功能遵循行业标准，windows平台参见?Microsoft用户体验?

控件样式在允许的范围内可以统一修改其样式、色调

参考其他软件先进操作，提取对本工程有用的功能，以运用，肯定不能盲从，漫无目的。