产品设计|一套完整的UED流程

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

完整的UED设计流程,可以让产品设计的关注点,从单点的体验设计→转向全流程的服务设计。

ued2

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

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

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

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

 

本文由人人都是产品经理专栏作家 @张云钱(微信号:944352559) 原创发布于人人都是产品经理 。未经许可,禁止转载。

您的赞赏,是对我创作的最大鼓励。

评论( 5

登录后参与评论
  1. 欢迎看我的其它网站专栏:http://www.jianshu.com/p/0abc81f454d3

    回复
  2. 分成十个环节,讲解一套完整的UED流程。这样可以把学习难度降低十倍。

    回复
  3. 讲的很清晰,不错呀,学习了

    回复
  4. 不错啊,学习,好好理解

    回复
    1. 回复

      :!: 谢谢

加载中