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

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

阿里云

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

「微信读书」的 「点赞」和「戳一戳」,你更喜欢哪一个?
微信读书

微交互「微信读书」的 「点赞」和「戳一戳」,你更喜欢哪一个?

猎人 - AmberDu小白9.5

「微信读书」和「微信运动」一样,每天都可以在排行榜页面里给朋友圈其他参与了读书的小伙伴点赞。但与「微信运动」不同的是除了可以进行「点赞」操作,在微信读书排行榜还可以通过「戳一...

查看详情

#互动性#图标#微信读书

从Tab到插图到文案,阿里云百炼首页的3重交互设计心机
阿里云

引导设计从Tab到插图到文案,阿里云百炼首页的3重交互设计心机

猎人 - 龙爪槐守望者9.7

很多用户在初次接触AI产品时都会遇到「冷启动」难题——明明功能很强大,却不知道从哪里开始。阿里云百炼官网首页采用了一种创新的功能引导设计。页面顶部设置了四个横向Tab标签代表...

查看详情

#AI#Tab#引导

「淘宝」预防诈骗,从截图做起
淘宝

用户体验「淘宝」预防诈骗,从截图做起

猎人 - Jane.L🍄10.0

在「淘宝」上购买电子优惠券,然后去线下实体店兑换商品是很多购物达人的省钱妙招。当你在买好的优惠券页面进行截图时,系统会自动弹出风险警告,告知用户不要轻易将自己的兑换码发送给他...

查看详情

#人性化#信息呈现#安全隐私