案例分享:如何基于用户场景,优化产品原型设计?

分享一个页面优化的案例,解答很多产品新人在画完原型后的疑问:

页面是否合理?如何评估和优化?

案例分享:如何基于用户场景,优化产品原型设计?

(业务背景:代理帮门店推广赚佣金。由代理帮客人订台 → 客人到店消费 → 代理获得佣金。这个是代理的订台记录页)

一、按场景优化

每次优化(或设计)页面前,先思考:

什么场景下,他会打开这个页面?

场景1:查看是否成功订台?

场景2:客人是否到店?如果没有到店,就没有佣金。再延伸:当发现客人没有及时到店,是否要提醒去联系客户?

场景3:这单能拿多少佣金?

场景1:是否成功订台

案例分享:如何基于用户场景,优化产品原型设计?

原版将【订台时间】放左上角,通过查看时间,可以知道预订状态。但,当多个不同门店的订单,不方便查找。

🔸修改后:

  • 将【门店名字】强化。
  • 将台号、客人昵称用icon表示,减少文字密度。多订单时,可通过【门店名字】 【台号】找到订单。

场景2:预约客人是否到店?

案例分享:如何基于用户场景,优化产品原型设计?

原来只有【未开台】,无法判断客人是否按时到店。因为缺少【预约到店时间】。如:预约9点到店,8点显示【未开台】是正常,但9点30分还是【未开台】,就不正常了。

🔸修改后:

  • 增加【预约到店时间】,便于判断。
  • 删去【开台时间】,为什么删除呢?大家可以说说看。

场景3:能拿多少佣金?

案例分享:如何基于用户场景,优化产品原型设计?

原版将【佣金】高亮显示,可以知道佣金,但页面有大面积空白,未产生佣金时,也占着空间,有点浪费。
🔸修改后:

  • 将【佣金】与【消费状态】合一起,因为这2个信息是强相关。
  • 布局做了调整,调整浏览的视线。

案例分享:如何基于用户场景,优化产品原型设计?

二、总结

画原型图之前,先思考

步骤①:用户是什么原因(或遇到什么问题),要打开这个页面?

步骤②:页面需要提供什么内容,可以帮助用户解决问题。

步骤③:这些内容之间,关联度、优先级分别是怎么样。

画原型之后,如何评估

按步骤1列举的场景,模拟用户的操作、浏览路径,评估是否合理。

👉对用户场景/需求的理解,需要对业务有足够了解。那新手期怎么办?下一篇笔记,分享如何快速找到用户场景的方法,少走弯路。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部