“他爱你”博客

网上搜到这个帅哥的这篇文章，仔细学习了下。这个模型和文章基本已经把web产品开发的流程写了出来，看起来大体上工业产品的开发流程（工业设计流程）比较相同。

对照这个图，首先是概念阶段，也就是目标用户的需求分析

2功能详细说明，内容需求
在分析清楚了用户的需求以后，那么基本就知道了如何产品需要什么功能来解决用户这些需求。关于content reqirements我还不是特别理解。

3 交互设计、信息架构
简单的说，也就是产品的使用流程的设计，一定要符合用户的习惯，用户与产品之间的交互就成为交互设计。而信息架构的设计，简单的讲，也就是合理的组织信息的展现形式。至于单个页面，信息位置的摆放就非常考究，信息以什么方式呈现也很重要，如图片的信息，如果你设计成以标题排列，那么这种设计就是非常失败。

4 用户界面设计、导航设计、信息设计
有了上一步，应该可以产出个界面模型出来，也就是大概的产品结构。这个时候还要细化产品的细节，如交互的文本，信息的设计，对单页面的交互设计都要仔细考虑清楚。如用户注册，但字符超过后会出现什么提示等等，所有的细节和每一个步骤都要考虑清楚。

5、视觉设计
当所有产品的细节和结构都思考清楚后，那么就是视觉设计了，将模型通过排版和颜色等设计，考虑产品的视觉印象定位来设计视觉。注意产品不是艺术品，不一定都要炫酷，而首要满足使用的易用，视觉的设计不能对主体信息带来干扰。视觉的设计要考虑品牌、vi等。

6最后当然是前端开发工程师介入把视觉的草稿变成产品了，切图成xhtml+css，需要交互的地方要用到js，最后成品出来要内测，修正后就可以正式上线了。

所谓的ucd，也就是以用户为中心的设计方法。这与工业设计重视人的元素都是一样的道理，毕竟其实web的产品设计其实是工业设计的一个分支。

原创文章，欢迎转载，转载请注明转载自：http://www.taaini.com/ucddesign/ucd.html