微交互「阿里云」banner轮播图里的进度小提示

产品: 阿里云猎人: AmberDu小白作者: 阿里云设计团队观众: 1.3w人 时间: 2018-12-06

阿里云

与「阿里云」有关的细节还有 3查看全部

我也有新发现 我要投稿
「阿里云」banner轮播图里的进度小提示「阿里云」banner轮播图里的进度小提示

细节描述

AmberDu小白: 在互联网产品中,进度条的身影无处不在。进度条可以让用户更加直观地了解流程进行的程度,明确自己正在做什么,也能从心理层面上缓解等待的焦虑感。「阿里云」的官网将进度条运用到了banner的轮播图里,这个微交互小细节还挺用心的。常见的banner轮播设计是没有进度提示的,抛开用户自己手动切换广告图的情况,等待下一张广告图出现的时间过长会让用户失去耐心,而轮播间隔时间较短又影响了广告的曝光度。使用不影响整体视觉与体验的进度微交互来提示用户进程,算是一种直观有效的改进方案了吧。

0暂无评分
收藏 8
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

即使是免费试听课,也要给你最优推荐
得到

用户体验即使是免费试听课,也要给你最优推荐

猎人 - AmberDu小白0.0

每个知识付费的产品,一般都会提供部分免费内容来吸引用户。「得到」app里付费课程的试听内容是由用户自己在想买课程的所有课时中任选5节课作为试听,而非官方强制指定的试听内容。此...

查看详情

#得到#情绪#提示

别让你的浮动按钮成为用户眼中的「苍蝇」
阿里云

设计避坑别让你的浮动按钮成为用户眼中的「苍蝇」

猎人 - Jaylee9.5

你正在阿里云官网准备为公司购买云服务器,经过反复比较配置和价格后,终于确定了方案。当你满怀期待地进入付款页面,准备完成这笔重要的采购时,右侧边缘却悬浮着一排功能按钮:购物车、...

查看详情

#F型视觉模式#古腾堡图表#层级

得到APP是如何利用人们「怕吃亏」的心理刺激消费的 ?
得到

设计心理得到APP是如何利用人们「怕吃亏」的心理刺激消费的 ?

猎人 - AmberDu小白4.0

通常一些充值的产品的设计是如何利用人们「怕吃亏」的心理来刺激消费的呢?拿知识付费「得到APP」来举例,为什么单笔充值金额的设置分别是「6」、「68」、「208」、「698」,...

查看详情

#得到#心理暗示#情绪