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

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

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

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

猎人：小白观众：3182人

细节描述

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

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

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

发表评论加载中....

评论加载中....

相关细节

用户体验一键翻转同声传译双语字幕，「腾讯翻译君」让沟通再无国界～

「腾讯翻译君」顾名思义是一款能帮你进行同声传译的翻译软件。App主页面即是进行交互传译的页面，很符合实时语音对话翻译的功能定位。「同声传译」支持语言互换，页面根据双语字幕会分两屏显示，上屏的字幕还可点击「翻转」按钮切换显示方向。在实际应用场景里，两个相对方向的字幕显示便于语言不同的两人之间面对面的沟通，降低了真实场景的沟通障碍。

产品：腾讯翻译君 iOS 作者：腾讯翻译君团队猎人：小白

用户体验「支付宝」收款码的隐藏小心机

「支付宝」的收钱功能我们都很熟悉：打开自己的收款码设置好金额，再拿给对方扫码即为收钱。当手机处于向下倾斜的角度给对方展示时，界面就会自动旋转二维码的朝向，并将按钮置灰不可点击。界面自动旋转方便对方看即扫码，按钮置灰则是防止用户误操作点击到设置金额。真是小细节，大体验。

产品：支付宝Andriod 作者：支付宝团队猎人：小白

用户体验喜马拉雅FM的断网提醒，让我们感知到来自语音交互的温度

在使用视听类的App时，通常注重用户体验的应用都会在网络状态出现变更时暂停播放，并会呼出弹窗提示无WIFI状态以及向用户确认是否流量播放。喜马拉雅FM在网络状态变更时也有如此贴心的提示设计，但除了弹窗提醒与确认流量播放，在App使用期间一旦WIFI断开就会有很温柔的女声提示：「WIFI已断开」。语音提示的应用很好体现了平台的电台属性，也让产品更加有温度。投稿人：花栗鼠

产品：喜马拉雅FM iOS 作者：喜马拉雅团队猎人：小白

交互手势小电视家有了Gif录制功能，1秒钟搞定鬼畜表情包不是梦

看视频时看到一些精彩片段或者有趣的鬼畜表情，时常有截屏做个Gif图或者自制表情包的念头。但真要弄起来, 无论是录屏转Gif还是截屏做动图都是很麻烦的事情。B站「感应」到了各位追番小主的强烈需求，增添了实用有趣的Gif图片录制功能。操作步骤简单行为路径明确，且每一步动作都有清晰的提示引导用户完成。即使是一个小小的按钮功能设计，也要对用户的每个操作行为给予即时反馈与适时引导。这类非阻断式的功能类提醒能让用户在使用新功能的过程中学会操作，降低了用户的学习成本，高效而贴心。

产品：Bilibili iOS 作者：Bilibili团队猎人：小白

优设精选专题查看更多

562493人看过 13篇文章

LOGO设计

收藏这个专题，不想学会都难！

本专题里，网易和百度的高手会先带你熟悉设计流程，由平面设计大神K先生教你更高阶的设计技巧，最后给你一份全面的LOGO合格检验标准。如果没灵感没时间也不怕，我们将灵感和自动设计LOGO 的神器一起打包给你了！

42321人看过 5篇文章

AR设计

AR 设计可能是距离设计师最近的未来

目前市面上关于AR 设计的教程极少，我们可能是唯一一个把高质量教程都收集起来供你学习的，这里有最详细的基础科普，有可供把玩的AR APP，有交互方法总结，收藏这个，以后需要设计AR 类产品就不慌！

538872人看过 7篇文章

英文字体

高手都在用的英文字体打包下载

英文字体世界浩瀚无涯，想找到合适的字体颇不容易。幸运的是那些乐于分享的前辈已经将私藏的字体打包好并全部呈上，不仅有专业平面设计师和网页设计师特供版，更有顶尖设计师灰昼倾情分享个人字体包，话不多说，是时候为你的字体库腾出一个位置来咯。

100040人看过 9篇文章

沟通方法

比做出好设计更难的是说服别人相信你

本专题囊括了很多沟通的类型，包括需求沟通、与产品经理和工程师的沟通、与团队成员的沟通、职场中上下级的沟通等等。收藏这个专题，帮你说服甲方！

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

破茧成蝶2

国内设计师出版的最值得一看的书，熟悉的界面背后藏着大道理。

刘津孙睿

人民邮电出版社

用户思维

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

约翰·沃瑞劳

中国友谊出版公司

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

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

唐纳德· A · 诺曼

中信出版社

用户体验要素

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

Garrett

机械工业出版社

用户至上

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

Kathy Baxter

机械工业出版社

色彩设计法则

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

梁景红

人民邮电出版社

书到用时方恨少 > >

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

扫码关注

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

访问官方微博

您还没有登录

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

微信扫码

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

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

把好文章收藏到微信

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