js一个按钮弹出两个按钮_樊登读书APP中对一个按钮的改进

9ad85cee7d45663b5b55fc2fc645bf10.png 音频类产品大家应该都有使用过,例如喜马拉雅FM,当我们离开了播放页面时,一般会提供一个动态的按钮来表示音频正在播放,例如下面这样,用户离开播放页面后,页面底部中部会出现一个不停旋转的按钮,按钮样式为正在播放音频的封面图: 4ab1e90cf683be472771cf7bdb72d3e6.png 本来这种设计应该是我们很习惯的东西了,似乎没有多大可以改进的地方。 但是作者今天在体验樊登读书APP时,发现了一种不太一样的设计,如下: 4fe006721e84451744653a300ed60a4d.png 樊登读书APP并没有使用【按钮】,而是使用了一个【浮层操作区】,在浮层操作区上,不仅显示了音频封面图,还容载了音频名称、具体的时间进度以及最重要的播放/暂停按钮。 作者初步来想的话,这种设计要更好一些,大概想到3点原因: 1) 当用户希望暂停时,不必进入播放页面,直接在首页以及大多数非播放页面就可以点击暂停,简化了操作流程。 2) 信息容量更多了,用户可以对正在播放的音乐有更深的了解和感知,这代表着此内容可能会给用户带来更多次的收听,即对产品方来说更大规模的日活用户以及其他更好的数据。 3) 当我们在有这个浮窗的页面下滑时,浮窗会自动隐藏,不会遮挡页面内容影响阅读。 继续思考的话,其实用户在使用音频产品时也只有两种场景,一是像上面那样在产品内部、二是像下图这样在手机锁屏页面的锁屏音频操作区: 这里的设计其实是把下图的设计根据场景做了简化。 3831280cb24641b2ffb04f1e7e332ec5.png 以上为作者的理论推测,由于没有具体的数据无法验证结果,观点仅供朋友们参考,另外还有一点间接证明是很多音频类产品都采用了类似的设计,如下图中的QQ音乐,也是把【单按钮】改成了【悬浮操作区】。 8639e66e783d7288f7a66ffd77156f5f.png如果感觉内容有用的话,就分享一下作为对作者的鼓励吧! a4aaf14b47d630c03616e1c46260f621.png fbd1b4bf368e2892bcd986bc1f375325.png

查看更多作者文章,还可以投稿哦!

作者个人微信号 : 17611113635 2f91b805e8ece45a5145cd26b77f5dde.png可以点一下在看嘛?谢谢啦
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值