「QQ音乐」用手势滑动实现歌曲切换的优势在哪儿？ - 优设网 - UISDC

「QQ音乐」用手势滑动实现歌曲切换的优势在哪儿？ - 优设网 - UISDC

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

产品：QQ音乐 iOS 作者：QQ音乐设计团队时间：2018-08-02

猎人：小白观众：3452人

细节描述

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

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异

本篇知识点及话题# 交互手势 # 情境预判 # 按钮 # 易用性 # 腾讯 # 设计逻辑 # 音乐

发表评论加载中....

评论加载中....

相关细节

手势交互「即刻」的长按静音操作，避免视频外放音的尴尬

「即刻」主页Timeline中的推送内容如果包含视频，会默认小图静音播放。如果长按视频，则会弹出「静音播放」的选项，方便用户展开视频查看详情时也能保持静音。「默认静音」避免了用户随手刷内容时，突然出现外放声音引起尴尬的情况；而「长按静音」则为想静音试看视频详情的用户提供了很大的便利。针对各种使用场景中的视频播放操作，都提供了最优方案。

产品：即刻 iOS 作者：即刻设计团队猎人：小白

微交互在「即刻」里，养一只猫咪～

在「即刻」App的「设置」页面，执行上滑的手势操作，会从页面底部出现一只可爱的小猫咪。这个隐藏的彩蛋设计与Trello页面底部的哈士奇异曲同工。但不同的是，「即刻」里的小猫咪不会在你每次访问「设置」进行上滑操作时一直叫个不停，只有在你第一次发现它时会发出欢快撒娇的叫声。声音的互动给体验带来惊喜，而对声音运用的克制则体现了团队对于防止用户受打扰的贴心。「 Created in Shanghai with love」的文案虽然简单直白，但暖心的同时更体现了团队创造产品的诚意之心。

产品：即刻 iOS 作者：即刻设计团队猎人：小白

用户体验「爱奇艺」进度条上的「绿镜曲线」是什么？

最近有用「爱奇艺」看视频的小可爱们一定都发现了播放器进度条上多出了绿色的波浪曲线。这其实是「爱奇艺」新版本升级上线的「绿镜曲线」功能。这个类似热力值曲线的图，让倍速播放外显。有人跳过的地方曲线频率就低，大家集中观看热度高的地方曲线频率就高。观众们可以通过「绿镜曲线」对整个节目的精彩片段做预判，根据数据选择跳过的地方，同时也能防止在快进进度的过程中跳过了精彩内容。

产品：爱奇艺 iOS 作者：爱奇艺UED 猎人：小白

设计彩蛋当你在「淘宝」的搜索栏，输入「犀牛角」三个字…

搜索栏除了承载帮助用户查找信息的功能属性，其实还能有很多其他的妙用。比如「淘宝」的搜索栏，在我们的印象中就是用来检索商品与店铺信息的，但其实它隐藏了举报非法商品的公益界面。当在「淘宝」搜索诸如「犀牛角」这样的非法商品关键字时，并未出现「查找不到」「无法显示」等常规的异常搜索结果，而是出现「守护地球，阿里在行动」的公益宣传页面。并且通过此页面向用户科普濒危动物相关的知识与举报非法商品的方法。又是一个将「闲置」的网络资源利用起来做公益的好案例，避免了呈现无效信息的同时也为提升大众的自然保护意识贡献了力量。

产品：淘宝 iOS 作者：淘宝设计团队猎人：小白

优设精选专题查看更多

10592人看过 26篇文章

改版设计

大公司的改版方法和实战案例都在这了！

本专题包括4篇改版设计方法和技巧，还有超过10个大公司的产品改版设计实战案例。想做改版设计之前记得来看一遍，绝对是收获满满！

124005人看过 8篇文章

智能电视设计

这个完全不同的新领域应该如何设计？

智能电视作为新兴行业，国内相关的用户体验设计知识少得可怜。本专题收集了8篇高质量的智能电视设计干货，从初级入门到交互基础，从电视焦点设计到遥控器设计，从 Apple TV 到 Android TV，最后还有 Fire TV 的实战案例分享。如果你刚好需要做智能电视设计，这个专题就别忘记收藏了！

689004人看过 17篇文章

PPT设计

几乎每个人都得学的设计软件

不是专业设计师怎么做好一份PPT呢？有这份PPT 设计专题就够了！从基础方法到进阶技巧，从排版、配色、字体、动画到PPT 的相关插件、模板应有尽有。

1228608人看过 12篇文章

免费资源

最新最全的设计资源打包下载

精心挑选，贴心打包是本专题的原则。这儿不仅有超过1000款的笔刷，500套样机，还有很难找到的点线面素材、网页渐变背景、PPT 模板等等。是时候打开它们，高效补充你的素材弹药库了！

设计师基础理论书查看更多

情境交互设计：为生活而设计（第二版）

可作为国内互联网公司UED团队的日常工作指导用书

Karen Holtzblatt

清华大学出版社

用户思维

创业时代的用户获取方法，优化体验，前所未有的技巧绝学。

约翰·沃瑞劳

中国友谊出版公司

设计心理学（套装共4册）

英文版销售25万册，设计学知名力作，设计师必读经典。

唐纳德· A · 诺曼

中信出版社

用户体验要素

以用户为中心的产品设计，销量经久不衰，入行必读。

Garrett

机械工业出版社

用户至上

亚马逊用户体验师首推的用户体验书，内附实践方法。

Kathy Baxter

机械工业出版社

色彩设计法则

梁老师苦心著作的配色书籍，或许适合所有色彩爱好者研读学习。

梁景红

人民邮电出版社

书到用时方恨少 > >

每天官微五分钟
一年萌新变大神

扫码关注

每天10篇设计干货
300万设计师关注！

访问官方微博

您还没有登录

优设启用更安全省心的微信扫码登录

微信扫码

扫码登录即表示您同意并遵守用户协议

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信，扫码分享
学设计优设网在这里