一套完整的UED设计流程,可以让产品设计的关注点,从单点的体验设计→转向全流程的服务设计。 一套完整的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、推向市场,小范围测试,快速迭代。 收集用户的使用场景,以及用户使用过程中暴露的问题,整合成新的需求列表,排定优先级。进入下一轮的版本迭代。 收集界面流程上,统计每一步的流量转化情况。一般在支付页面,流量转化率都不高。这时候把发现的问题,需要整合成新的需求列表,排定优先级,进入下一轮的版本迭代。