这是一部分享 UI 设计经验的作品，从基本的设计概念讲解到实际案例分析，详细阐述了 UI 设计的点点滴滴。小文共分为9个章节，（新浪微盘下载地址：http://vdisk.weibo.com/s/sIYvvqYG9PZN ） 1. 什么是 UI 设计 2. UI 设计相关岗位 3. UI 设计相关工具 4. UI 设计资源介绍 5. 计算机操作系统界面发展史 6. MarkMan 作者专访 7. Design Hackathon 工具手册 8. 从版本升级看产品设计 9. [慢工细活]设计思考

第一章节选： 什么是 UI 设计

UI 是 User Interface 的缩写，直译为用户界面。很多人认为图形设计或视觉效果制作就是 UI 设计，其实这只是 UI 设计中很小的一部分内容，即 GUI（Graphic user interface) 设计的环节。UI 设计的概念很大，也很系统，它分为用户体验(User experience-UX)设计、人机交互设计(Human computer Interaction-HCI)、图形设计(Graphic userinterface-GUI)、用可性研究(Usability)、规范制定(UX-Guideline)、甚至涉及到了人体工程学、心理学和商业模式等领域。在 UI 设计过程中还包含了很多决定性的研究阶段，如场景设计(Scenario)、典型用户设计(Persona) 等。

UI 设计是为用户设计产品过程中一个非常重要的环节，其目的是利用科技手段验证制作出从用户角度出发的产品，提高用户行为效率，提升用户使用体验。

什么是用户体验(User experience-UX) 总的来说，用户在使用产品过程中产生的互动体验统称为用户体验，这是一个很宽泛的概念，可以从很多角度切入，如产品的可用性、易用性，品牌与产品的契合度等。

用户体验的研究牵涉到了产品从前期到后期的诸多环节。从最初的产品策划开始，UX 部门(也称 UE 部)就需要配合完善产品的商业模式、用户调研、提炼典型用户、产品情景设计、分析产品的生活样式(lifestyle)、提炼产品的视觉识别、质感识别等。后期要提出解决方案、制作配合、数据反馈、用户跟踪及市场跟踪等，最后根据以上所有步骤的研究结果制作出相应的规范(UX-Guideline)。

什么是交互设计(Interaction Design) 交互设计是指设计师对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程。简单的说，即设计和定义使用者如何使用一产品达到其目标，完成某一任务的过程。它致力于了解目标用户及他们的需求，了解用户在同产品交互时的行为特征，了解“人”本身的心理特点。

交互设计作为一门关注交互体验的学科在二十世纪八十年代就产生了，它由IDEO 的一位创始人比尔·莫格里奇在1984 年一次设计会议上提出，他一开始给它命名为“软面(Soft Face)”，由于这个名字容易让人联想到当里流行的玩具“椰菜娃娃(Cabbage Patch doll)”，后来他把它命名为"Interaction Design"。

交互设计的目的是使用户在使用产品过程中保持愉悦，有效地完成目标。因此，人的因素应作为设计的核心被体现出来。

一般而言，交互设计师都遵循类似的步骤进行设计，为特定的设计问题提供某个解决方案（没有绝对正确的方案）。设计流程的关键是快速迭代，快速建立原型，通过用户测试改进设计方案。各步骤的要点如下： 1. 用户调研：通过用户研究的手段（介入观察、非介入观察、采访等），交互设计师调查了解用户及其相关的使用场景，以使对其有深刻的认识（主要包括用户使用时的心理模式和行为模式），从而为后续设计提供良好的依据。 2. 概念设计：通过综合考虑用户调研的结果、技术可行性、以及商业机会，交互设计师为设计的目标创建概念（目标可能是新的软件、产品、服务或者系统）。整个过程可能来回迭代多次，其中包含了多次头脑风暴、细化概念模型等活动。

1. 创建用户模型：基于用户调研得到的用户行为模式，设计师创建场景或者用户故事(Storyboard)来描绘设计中产品将来可能的形态。通常，典型用户设计(Persona)会作为创建场景的基础。

2. 创建界面流程：交互设计师通常采用 Wireframe（线框图）来描述设计对象的功能和行为。在Wireframe 中，采用分页或分屏（包含相关部分的注解）的方式来描述设计对象的细节及操作流程。

3. 开发原型及用户测试：交互设计师通过设计原型来测试设计方案。原型可以是实物的，也可以是计算机模拟的，可以是高保真，也可以是低精度的。

交互设计是一门具体独特方法和实践的学科，涉及到了研究、实验、制作、测试等环节，需要与多领域多背景的人员沟通，可以从传统设计、人机工程学、心理学、数据分析等领域汲取理念和技术，不断完善，以此作为设计的依据。

什么是图形界面(Graphic user interface-GUI) 在人与机器互动的过程中，有一个层面，即我们所说的用户界面，它可分为视觉、触觉、听觉等方面，甚至上升到了情感层次。平时大家常见的有计算机操作系统界面(Windows、Mac OX)，手机操作系统界面(iOS、android、windows mobile)。

其它名词解释 UCD(User CenteredDesign) 以用户为中心的设计，简单的说，在进行产品设计时从用户的需求和感受出发，围绕用户为中心设计产品，无论产品的使用流程、信息架构、人机交互方式等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。

衡量一个好的以用户为中心的产品设计，可以有以下几个纬度：产品在特定使用环境下为特定用户用于特定用途时所具有的时效性、效率和用户主观满意度，延伸开来还包括对特定用户而言，产品的易学程度、对用户的吸引程度、用户在体验产品前后时整体的心感受等。

Informationarchitecture(IA) 信息架构，它主要是将信息变成一个经过组织、归类、以及具有浏览体系的组合结构，处理好信息与使用者需求的过程。如我们在设计一个网站的过程中，就需要对网站所传达的信息进行系统的思考，包含了网站导航、页面布局、内容展示、操作流程等。

Usability 易用性，它指的是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度，即用户能否用产品完成他的任务，效率如何，主观感受怎样，它是交互式产品的重要质量指标。

－－－－－ 新浪微盘下载地址；http://vdisk.weibo.com/s/sIYvvqYG9PZN