可视化设计进度条还能这么玩?看京东如何把复杂的优惠规则做成可视化UI 

产品: 京东猎人: 龙爪槐守望者观众: 9.6k人 时间: 2025-11-30

京东

与「京东」有关的细节还有 37查看全部

我也有新发现 我要投稿
进度条还能这么玩?看京东如何把复杂的优惠规则做成可视化UI 进度条还能这么玩?看京东如何把复杂的优惠规则做成可视化UI 

细节描述

龙爪槐守望者: 我们通常认为进度条是用来显示下载进度或加载时间的,但如果我告诉你,在电商设计中,进度条其实是一个最高级的催单武器,你相信吗? 京东购物车的底部结算栏上方,悬浮着一个非常醒目的动态凑单提示条。这是一个实时反馈系统。当用户在购物车左侧勾选或取消商品(如图中勾选了某件商品),底部的总价发生变化时,这个进度条会像赛跑一样实时进退。 它极大地降低了认知负荷。用户不再需要心算「100减69.9等于多少」,系统直接把结果(差30.1)喂到了嘴边。这种所见即所得的确定性,消除了计算焦虑,让凑单变成了一种类似打怪升级填满进度条的游戏体验,愉悦感倍增。

8.237人评分
收藏 5
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

如果在电脑端网页里设计灵动岛会怎样?
Nitish Khagwal

微交互如果在电脑端网页里设计灵动岛会怎样?

猎人 - 龙爪槐守望者8.6

iPhone的灵动岛设计充分利用了屏幕的显示空间,将原本的屏幕挖孔转变为视觉交互区域,让通知更直观可互动。如果在电脑端的网页里设计灵动岛应该怎样呢?印度设计师Nitish K...

查看详情

#Web#滚动岛#灵动岛

提升转化率的UI小细节,京东详情页的重点笔记模式干货
京东

信息呈现提升转化率的UI小细节,京东详情页的重点笔记模式干货

猎人 - 龙爪槐守望者9.0

京东这次在详情页里玩起了「重点笔记」模式。不管是头部的硬参数,还是底部的买家评价,关键信息都像是被班长用荧光笔涂过一样。另外把金牌会员、Plus 会员以及「本店买过 2 次以...

查看详情

#信息分层#商品详情页#社会认同

Spotify的光剑进度条,让星战粉丝瞬间破防
Spotify

彩蛋设计Spotify的光剑进度条,让星战粉丝瞬间破防

猎人 - 龙爪槐守望者7.8

打开音乐 APP,播放歌曲,拖动进度条——这个动作你每天可能要重复几十次。但你有没有想过,这个最平常不过的交互,也能给你带来惊喜?当你在 Spotify 播放 John Wi...

查看详情

#彩蛋#情感化设计#滑块