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

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

阿里云

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

饿了么App「骑手」送餐小动画背后的心理学,你知道么?
淘宝闪购(饿了么)

用户体验饿了么App「骑手」送餐小动画背后的心理学,你知道么?

猎人 - AmberDu小白10.0

常在办公室加班用「饿了么」点餐的同学,可能会有过这样的体验:由于等餐时间过长而产生不满情绪,但在看到外卖小哥浑身被淋湿还提着外卖满脸歉意送达时的样子又会突然心软。其实大多数人...

查看详情

#信息对称#即时反馈#心理暗示

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

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

猎人 - Jaylee9.5

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

查看详情

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

「盒马」将用户信息安全做到极致
盒马

用户体验「盒马」将用户信息安全做到极致

猎人 - AmberDu小白4.0

在当下人们对于个人隐私极度敏感的环境下,作为一个以购物为主的App「盒马」,是真的将用户的隐私保护问题时刻融入到产品设计中,存在于用户所能触达的每一个角落。在确认订单修改地址...

查看详情

#安全感#情境预判#提示