交互手势「QQ音乐」用手势滑动实现歌曲切换的优势在哪儿?

产品: QQ音乐猎人: AmberDu小白作者: QQ音乐设计团队观众: 1.5w人 时间: 2018-08-02

QQ音乐

与「QQ音乐」有关的细节还有 68查看全部

我也有新发现 我要投稿
「QQ音乐」用手势滑动实现歌曲切换的优势在哪儿?「QQ音乐」用手势滑动实现歌曲切换的优势在哪儿?

细节描述

AmberDu小白: 对于音乐类的App而言,播放器肯定是操作频次最高的部分之一。为了方便用户在进行App其他版块浏览时仍可对音乐播放进行操控,各家音乐产品都有将播放器缩小在页面置顶或底部显示的设计,但通常仍需回到播放器页面内才能进行歌曲切换的操作。QQ音乐的做法是将播放器常驻页面底部,在当前页面直接通过对模块的左右滑动操作就能轻松实现歌曲切换了。巧妙利用手势滑动进行歌曲切换,不仅简化了用户对播放器的操作路径,由于操作逻辑与播放页面借助左右按钮切歌保持一致也很符合用户对换歌操作的习惯与认知。

3.544人评分
收藏 2
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

「抖音」如何保持让用户的操作始终在手部舒适区内进行?
抖音

交互手势「抖音」如何保持让用户的操作始终在手部舒适区内进行?

猎人 - AmberDu小白9.7

多数产品在设计页面模态弹窗引导用户进行操作行为时,都会将操作控件放在固定的页面位置(一般居中或者处于页面底部)。但「抖音」的设计却让人眼前一亮:系统会自动检测用户进行操作时手...

查看详情

#交互手势#人性化#弹窗

QQ音乐用「歌词海报」,为用户提供情绪表达的出口
QQ音乐

交互手势QQ音乐用「歌词海报」,为用户提供情绪表达的出口

猎人 - AmberDu小白9.0

QQ音乐的「歌词海报」是典型的情感化设计:为用户提供一个借助歌词分享心情表达情绪的出口。有个常被忽略却体验很棒的细节设计在于,QQ音乐不仅为用户提供了很多高质量背景图片,还能...

查看详情

#交互手势#情感化设计#操作可预知

怎样设计视频App的预约提醒功能更合理?
Bilibili

用户体验怎样设计视频App的预约提醒功能更合理?

猎人 - AmberDu小白9.0

在B站,如果up主对当前的视频插入了预告信息,会在该视频结束的最后几秒弹出可一键预约下期视频内容的弹窗。而当用户点开该up主的主页,查看往期视频投稿时,也会在该页面的底部出现...

查看详情

#Bilibili#信息呈现#场景触发