用户体验设计:UED设计流程和方法(2)

经过对这个流程的几个痛苦的日夜思索之后，我们发现了如下几个凄惨的现实：
1. 用户其实并不知道他到底需要什么，就算用户知道，你也别想知道他究竟知道什么；
2. 美工都以为自己只是画画的，而无需去考虑整个产品的设计思想，包括用户角色是什么，商业定位是什么，所以你说你想要个新闻栏目，ok，我照着163画一下就了事了；
3. 程序员都是脑残，只关注用什么设计模式或是用什么框架，美工的设计图对他们来说不值一提，不就是一个for循环生成li标签而已嘛；
4. 客户始终置身世外，他给钱了，只想你干好活，最后一手交钱一手交货罢了，但最关键的是，“货”这个东西，大家除了在最后一霎那能看到它的模样，其它大部分时间它都异常神秘。

很多时候，最大的问题往往在于我们不愿意去面对问题。所以当我们能把问题找到，并敢于面对问题的时候，解决办法的出现就只是时间而已了。这个解决办法，当时我们认为最优的，就是强化设计，最后发现，其实就是引入了“用户体验设计”。

从何入手呢？我们都知道，一般的软件开发流程中，PM会根据用户需求出产品需求分析报告，然后美工介入，出一些视觉界面，然后程序员根据有限的设计图连蒙带猜的进行实际开发。但在这样的模式下，产品会出现几次偏离。

PM只有几十页的文档，而这样的文档传递实际需求的效果极差，不能让用户确认需求，于是出现整个流程中的第一次产品与需求的偏离。美工在做视觉设计的时候，就可能按照他自己的想法天马行空，最后出现整个流程中的第二次产品与需求的偏离。程序员在拿到美工有限的设计图后，大概想了想，觉得自己明白了，然后就开始写代码，但是由于没有完整的产品模型到程序结构的映射，最终导致第三次产品与需求的偏离。这样带来的致命后果就是：用户明明想要个美女，但是最终实际交付的却是个如花。

这样的流程最大的问题在于，缺少一个能够聚焦各方的核心，几十页的文档无法胜任，而原型却可以。

我们认为原型会很重要，于是我们首先引入了原型设计。在这个设计过程中，我们使用Axure作为辅助工具，它的好处在于，能让任何一个PM很容易的上手，并能把需求书中几十页的文字落地为实际的界面。

在PM快速完成原型设计之后，PM会带着原型去和客户讨论，客户由于能有实际的使用感受，所以能够很快的分辨出设计与他需求之间的偏差，然后PM根据用户的反馈修正原型。

接着，美工上场了，注意，这个时候，美工不再是美工，他有了新的title—视觉设计师。有什么新的要求呢？他需要仔细的去评估原型，从设计师的角度出发，对原型提出意见。接着，才是用PS将界面画出来，然后根据设计图制作另外一份原型—高保真原型。

高保真原型和之前的原型—也就是低保真原型–的差别在于，低保真原型着重完成信息元素的组织以及概念模型的搭建，目标定位在为产品搭框架，填充素材。但是高保真原型会完成对框架的装修以及对素材的组织。这样得到的高保真原型和实际交付的产物就几乎是100%趋近的了。

然后，产品经理会带着这份珍贵的礼物再次走访客户，根据客户的使用反馈做最后的原型调整，至此，整个原型设计阶段结束。

接下来，根据高保真原型，我们给出了整个原型的HTML代码，包括规范的CSS样式表以及JS接口，都由我们的前端工程师定义并实现。

最后，我们交到产品实施人员手里的就有两样东西，一是高保真原型，一是HTML框架代码。我们希望高保真原型能真实反应用户需求，并且让实施者知道开发出来的东西是一个什么样子的。其次，通过提交高质量的html代码，减少普通程序员的工作量，因为不可否认的是，如今复杂的前端技术不是一个普通的java程序员能短时间掌握得了的。

所以，最后我们的第一版用户体验设计流程就是这样的：

这样的流程解决了我们之前的哪些问题呢？

首先，原型能够成为客户和项目经理之间的沟通媒介，极大地降低沟通成本；其次，美工获得了解放，从被动画图，转为通过原型真正的参与到了产品设计的流程中来；然后，程序员能通过原型知道自己要做出来的东西究竟是什么样的；最后，再通过提交完整的前端代码，把传统程序员的前端短板一并解决了，这个流程就似乎已经非常完美了。

那么实际情况呢？首先需要承认的是，这确实是一个飞跃。我们自己的网站项目都得以顺利的实现，不再有delay的情况，而客户的反馈也非常良好。但是当我们想以外包服务的方式将用户体验服务提供给客户的时候，就出现了问题。
首先的问题是，外包形式的用户体验服务，我们的服务对象从最终用户变成了外包服务购买者，这使得和有效用户进行沟通的成本上升了，在需求调研的时候，感觉难以对最终用户进行定位。
其次是，我们发现低保真原型和高保真原型极有可能变成内部的闭门造车活动，拿出一个完善的原型往往持续很长的时间，而客户的产品经理或者项目经理没有在设计途中参与进来，所以当拿出最终的高保真原型的时候，我们自己的设计师就变成了客户的产品经理。
最后的问题是，我们交付给程序员的前端代码太多，导致这样的朴素的心理问题出现：我是程序员，如果我拿到一份不是我写的代码，我就有很强的畏惧心理，不愿意去看。这样，实际的开发过程中，有很多前端的问题会压到我们团队头上，因为任何一个前端功能的开发，客户的程序员都可以说，前端代码不是我写的，我不会。

好吧，问题当然是不会结束，但我们还是选择解决问题。

关于难以对最终用户进行定位，我们在做需求分析的时候加入角色分析环节来帮助我们完成这个任务。在《设计沟通十器》这本书中，罗列了角色分析文档所需的各个要素，我们选择其中最重要的，用户基本信息、动机、场景、对应需要实现的产品功能来完成角色分析文档。这份文档帮助我们建立起了最终的用户模型，因此我们在做原型设计时，就有了最终用户的标准参照物。

其次，我们在设计原型时，尽量和客户一起设计，也即是用很高的迭代频率和客户交流，甚至时常驻点在客户那里进行设计，让客户随时了解到我们的原型长成什么样了。

然后，在原型设计阶段加入了可行性分析这一环节，提前将程序员拉入设计。和把客户拉入设计一样重要，需要程序员在早期就介入到对设计的评估，包括对后端数据以及前端逻辑实现难度的确认。这个环节确保在后期开发的时候，程序员能有所准备，杜绝了推卸责任的现象。

最后，我们拆分了前端代码开发部分，将前端开发工作改为提供两份文档，一份是视觉规范文档。这份文档详细的提供了视觉界面设计的规范，比如字体规范、是否自适应宽度，各种配色组合等等。另外一份就是开发指南，包括在可行性评估中得出的有难度的前端部分的示例代码，和相关的接口文档。这两份文档主要在于鼓励程序员真正介入前端开发。有问题也不要紧，我们会按项目的实际情况，为客户提供不同时间的现场技术支持。

这样，就得到了目前我们使用的流程：

彩程UED流程图