一套完整的UED流程

作者:张云钱(从Ui到UED到PM,坐标上海,微信号:944352559)

上次参加了UXRen上海201604期的讲座: 服务设计是什么?嘉宾李月奎老师的分享,干货满满。这段时间,我打算整理一遍完整的UED设计流程,从而让产品设计,从单点的体验设计,转向全流程的服务设计。具体可以从下面10个环节来分析。

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

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

▷例如:支付宝诞生的场景分析:在一手交钱一手交货的年代,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流程,从而让产品设计的关注点,从单点的体验设计→转向全流程的服务设计。

2 2 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部