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

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

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

二、明确产品目标

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

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

三、分析产品功能

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

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

四、整理产品信息

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

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

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

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

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

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

五、分析界面流程

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

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

六、线框图交互设计

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

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

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

七、界面视觉设计

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

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

八、跟进开发过程

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

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

九、测试优化

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

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

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

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

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

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

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

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