设计师如何做体验走查?
本文共1036字,阅读需4分钟
随着系统越来越复杂,如果没有设计规范,加上经手不同的设计师,必然导致体验问题散落在各个地方。
针对这种“散点小问题”,常见的处理方式是用户反馈一处就优化一处,实际上这很不妥,会给用户留下”系统长期处于犯低级错误“的印象,而且协作团队对设计师的专业性也会产生质疑。所以,进行一次体验走查,有规划、有时间节点的解决问题才是稳妥的方向。
下面是体验走查的实践案例:
一、背景
卡项售卖是美业非常重要的一种经营方式。有赞美业商家会专门设计精美的卡封面,通过网店售卖卡项,然而有大量商家反馈网店多处地方的卡封面显示有问题,要么封面显示不全,要么多出文字叠在了卡封面上,效果大打折扣,很影响售卖。
目前有99.6%的商家在使用自定义卡封面的功能,其中KA/SAB类(重点关注商家)占主导,足以说明卡封面优化的重要性。
二、走查
贴合公司目标,本次优先解决影响商家经营的问题,走查范围锁定在C端的购卡和耗卡流程,当然卡封面的显示效果又与B端的配置息息相关,所以B端和C端都会涉及优化。
三、规范
根据走查结果制定规范,并推动开发优化。
1. 卡尺寸规范
基于现有提示尺寸把实际显示尺寸统一为750x390像素,即比例4:2.08。
目前上传卡封面的系统提示尺寸为750x390像素,而实际显示尺寸为750x350像素,改动成本最小的方式是把系统提示尺寸改为750x350像素,但对于存量商家不友好,等于要商家重新上传卡封面才能显示正常,所以改提示的方式不可行。
2. 图片填充模式规范
以微信小程序image组件的属性为例,默认为“aspectFill”,并支持配置为“aspectFit”。
当商家没有按建议尺寸上传卡封面时,我们需要提供兜底的显示效果。目前主要使用了3种填充模式:
- scaleToFil,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满
- aspectFill,保持纵横比缩放图片,只保证图片的短边能完全显示出来
- aspectFit,保持纵横比缩放图片,使图片可以完整地将图片显示出来
3. 卡面信息显示规范
统一显示效果,并支持配置隐藏卡面信息。
最初对卡封面的预期是一张纯纹理的背景图,卡面信息以文本形式展示在卡封面上,产生了6种显示效果,这样对不具备设计能力的商家更为友好,但限制了有设计能力的商家的个性化需求。
四、总结
通过体验走查,卡封面的体验问题能更集中且迅速地解决,虽然有些隐藏较深的页面难免遗漏,但有了规范后,开发也能直接处理,提升了协作效率。
体验走查的优势在于快速发现体验问题,因此很适合处理散点小问题且有时效性的需求。值得注意的是,尽量锁定在可控的走查范围,明确优化价值,做到敏捷迭代,避免走查出一推体验问题却没人解决。

















































































