设计师如何做体验走查?

Recommand
深圳/设计爱好者/2年前/288浏览
设计师如何做体验走查?Recommand

本文共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种显示效果,这样对不具备设计能力的商家更为友好,但限制了有设计能力的商家的个性化需求。

四、总结

通过体验走查,卡封面的体验问题能更集中且迅速地解决,虽然有些隐藏较深的页面难免遗漏,但有了规范后,开发也能直接处理,提升了协作效率。

体验走查的优势在于快速发现体验问题,因此很适合处理散点小问题且有时效性的需求。值得注意的是,尽量锁定在可控的走查范围,明确优化价值,做到敏捷迭代,避免走查出一推体验问题却没人解决。

1
Report
|
2
Share
相关推荐
教程
教程
教程
教程
作品收藏夹
Filmora V14 官网升级
Homepage recommendation
AI可视化动效设计合集
Homepage recommendation
内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
华为项目——Ai智慧网图
Homepage recommendation
相关收藏夹
教程
教程
教程
教程
作品收藏夹
交互
交互
交互
交互
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
大家都在看
Log in