微交互淘宝闪购的反常规设计,为什么把圆形Tab放在第2位而非中间

产品: 淘宝闪购(饿了么)猎人: 龙爪槐守望者 时间: 7小时前

淘宝闪购(饿了么)

与「淘宝闪购(饿了么)」有关的细节还有 43查看全部

我也有新发现 我要投稿
淘宝闪购的反常规设计,为什么把圆形Tab放在第2位而非中间淘宝闪购的反常规设计,为什么把圆形Tab放在第2位而非中间

细节描述

龙爪槐守望者: 在淘宝闪购的底部导航栏设计中,我们能观察到一个明显反常规的布局决策。传统的舵式导航通常将最核心的功能按钮放置在Tab栏的正中间位置,并设计成圆形凸起样式,如闲鱼的发布按钮等。但淘宝闪购却打破了这一惯例,将第二个Tab——「爆红包」功能设计成了圆形样式。 设计团队为这个Tab加入了持续的动态效果——红包图标会周期性地跳动,就像一个不断在向用户招手的促销员。这种动效设计在静态的导航栏中格外醒目,几乎很难被用户忽略。 对于淘宝而言,这是典型的流量倾斜策略。利用视觉突兀感,强行将用户注意力引导至爆红包活动,极大地提升了该业务线的曝光率和转化率。

91人评分
收藏
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

3D图标+微动画:闲鱼如何用2个元素重新定义金刚区美学
闲鱼

动效设计3D图标+微动画:闲鱼如何用2个元素重新定义金刚区美学

猎人 - 龙爪槐守望者9.0

你随便打开一个电商App,映入眼帘的是千篇一律的扁平化图标,静静地躺在屏幕顶部。没有任何变化,没有任何惊喜。如何在保证功能性的同时,让界面更有温度、更有生命力?

查看详情

#3D#动效#图标

「饿了么」如何用提示文案激发用户的点单欲望?
淘宝闪购(饿了么)

用户引导「饿了么」如何用提示文案激发用户的点单欲望?

猎人 - AmberDu小白7.7

「饿了么」的店铺推荐列表中每家店的信息里,会用一句话阐明该店铺最近最受欢迎的产品是什么,比如「霸气橙子最近已售出超163份」「爆款真肉粒午餐肉已卖出813份」「杨枝甘露冰冰茶...

查看详情

#从众心理#信息呈现#文案

无用但有趣的设计有存在的价值吗?
小宇宙

设计彩蛋无用但有趣的设计有存在的价值吗?

猎人 - AmberDu小白10.0

「小宇宙」首页的右上方可以看见醒目的星球形态logo图标,点击还会出现有趣的星球转动小动效。虽然这里的小交互只是互动彩蛋,并非功能性交互行为的反馈,但有趣的设计还是给不少用户...

查看详情

#交互手势#动效#即刻