完整的UED流程

来源：http://api.woshipm.com/pd/387832.html?sf=mobile&from=timeline

一套完整的UED流程，可以从下面10个环节来分析。

1、分析业务流程和场景问题

在讲故事的过程中，描述线下业务流程，说明用户碰到的场景问题。根据这些问题，规划功能，定义产品目标。

比如：支付宝诞生的场景分析：在一手交钱一手交货的年代，C 端用户担心付钱了，收不到货；B端商户担心商品发货出去了，收不到钱。这时候急需解决的问题就是：C端用户和B端用户的交易信任问题。

2、明确产品目标

优先明确产品的目标，是为了解决什么问 题。互联网产品迭代，大部分是因为有了新的需求，才去迭代。

比如：支付宝的设计最初目标是为了服务淘宝网的线上支付，实现商户和用户之间的资金中转站的作用。

3、分析产品功能

分析需要哪些功能，去实现产品设计的目标。

比如：支付宝为了实现线上支付的目标，需要具备的功能有：C 端用户需要把钱从银行卡转入支付宝个人账户。C 端用户在线上购物时把钱转到支付宝，支付宝在C 端用户确认收货的时候把钱转入B 端商家，在C 端用户申请退货的时候，支付宝把钱退回C 端用户。B端商户需要把钱从支付宝账户提现。这些是基础功能，还有其它的一系列功能。

4、整理产品信息

明确信息的分类方式，把信息归类。

比如：美团网需要对商家进行分类：

• 一级分类是：美食，电影，酒店，休闲娱乐等等。

• 二级分类是：商家列表页，包括商家图片，商家名称，商家星级，商家主营业务，商家位置，商家的优惠信息等。

• 三级分类是：商家的商品列表，套餐列表。

• 四级分类是：支付页面的支付信息，分成消费总额，优惠券／代金券／折扣券／，实付金额，支付方式

5、分析界面流程

用户操作界面的流程，需要和用户线下真实流程相匹配，这样可以在线上模仿线下的流程，从而降低了用户的认知成本。

比如：电商的线下交易流程是：用户在家乐福等百货商场里找商品，然后放入购物车，接着到收银台结账付款。对应到线上的流程就是：在天猫等电商首页展示商品，而不是店铺。在商品详情页，把商品放入购物车，再去结账付款。

6、线框图的交互设计

交互设计包括信息图文的布局，页面的按钮和导航的位置。

比如：阅读类的APP软件的界面设计，在3G时代，图文布局一般是左图右文或右图左文，图片占页面比例较小；在4G时代，图文布局一般是横向铺满APP界面，图片占页面比例很大。

优秀交互设计的标准：开发实现越容易，用户操作越简单，信息架构越清晰，页面打开越流畅的交互设计，就是好设计。

7、界面的视觉设计

优秀界面视觉设计的标准：产品上线之后的视觉效果，是否要比界面原先的设计效果更好看。大部分产品的界面设计，都是界面效果图很好看，真正上线之后，就存在种种问题。

比如：布局太满导致视觉疲劳，颜色太多导致视线分散，信息分类不清晰导致难以理解，文字太小导致难以辨认，效果太炫导致实现起来难度很大，等等。

8、跟进开发过程

开发的过程中，会发现有些页面的逻辑考虑不周，需要重新设计页面。

比如：账单页面的设计，需要考虑的边界问题有：商家优惠信息的展示，第三方支付的优惠信息展示，B端商户的账单展示，C端商户的账单展示，第三方支付的账单展示，退款时的账单展示等等。

9、测试优化

• 测试帐号：给指定人员分配测试帐号和密码。后台系统的产品测试：通常开发都会设置有测试帐号。

• 集成环境：在测试的环境中，资金交易的金额，都是虚拟的数字，不会真正的从银行卡扣款。

• 灰度测试：用1%的流量，做小范围的灰度测试。这个方法适大公司，用户群庞大的产品，可以采取灰度测试，来收集用户反馈，再次版本迭代。

• 白名单测试：app首页banner，可以给白名单用户，推送指定的banner，从这个banner可以进入新产品的测试流程。

• 功能流程的测试：测试工程师，负责测试功能和流程，流程是否能走得通，是否满足所有逻辑上的边界情况。

• UED测试：UED设计师，负责测试界面的体验还原度，以及对交互稿和视觉稿的微小调整等收尾工作。

• UAT测试：寻找公司同事，或真实用户，观察用户使用产品时的表情，收集用户反馈的疑问。这些需要项目经理，在测试阶段，适当分配设计资源和研发资源，从而进一步提升产品的用户体验。

10、推向市场，小范围测试，快速迭代。

• 收集用户的使用场景，以及用户使用过程中暴露的问题，整合成新的需求列表，排定优先级。进入下一轮的版本迭代。

• 收集界面流程上，统计每一步的流量转化情况。一般在支付页面，流量转化率都不高。这时候把发现的问题，需要整合成新的需求列表，排定优先级，进入下一轮的版本迭代。

上面的10个环节，描绘了一套完整的UED流程，从而让产品设计的关注点，从单点的体验设计→转向全流程的服务设计。