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

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

京东

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

剧荒不知道看什么?来「影猫」找灵感
mvcat

设计逻辑剧荒不知道看什么?来「影猫」找灵感

猎人 - AmberDu小白0.0

「影猫mvcat」是一个专注电影推荐的聚合网站,它以树状结构的思维导图形式为用户罗列出一系列将电影分类的关键词。用户可按照自己对题材、情感、奖项等多种标签的偏好进行筛选,这样...

查看详情

#mvcat#信息可视化#信息呈现

「京东」视觉升级,为何将方形头像改为圆形?
京东

用户体验「京东」视觉升级,为何将方形头像改为圆形?

猎人 - AmberDu小白9.0

「京东」消息中心视觉升级,头像由旧版的方形修改为圆形。官方从4个方面解释了升级成圆形头像的原因:1.由于人脸更接近于圆形,圆形头像会更符合用户认知。2.圆形头像具有聚焦效果,...

查看详情

#京东#人性化#图标

bilibili:会左右眨眼的猫头播放进度条
Bilibili

设计彩蛋bilibili:会左右眨眼的猫头播放进度条

猎人 - AmberDu小白8.0

人气动漫「夏目友人帐」的更新又要在b站来了,这一次播放进度条的小电视变成了猫咪老师三三的猫头,左右拖动猫猫的眼睛还会左右眨眼😉,简直不要太可爱。对于等待更新已久的动漫迷们而言...

查看详情

#Bilibili#图标#情感化设计