产品设计｜完整的UED流程

2016-08-09 23:46:00

具体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可以进入新产品的测试流程。