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

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

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

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

猎人：小白观众：2954人

细节描述

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

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

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

发表评论加载中....

评论加载中....

相关细节

微交互「标记信息已读」很常见，我却独衷QQ的「标记未读」功能

右滑呼出快捷操作在QQ里将信息「标记已读」是很常见的交互手势，但你有使用过「标记未读」这个操作么？「标记已读」是对强迫症十分友好又有效的去消除不想看内容提醒的设计，而「标记未读」则起到了防止自己忘记查看信息的作用。面对一些重要信息通知与文件接收，在看过信息内容之后将它标为未读状态，QQ就可以十分方便的作为一个临时备忘录使用了。看起来可有可无的细节设计背后其实蕴含着缜密的设计逻辑，于无形中提升了产品的易用性。

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

用户体验在进度条里进行品牌推广

在「腾讯视频」里播放「演员的诞生」，用进度条控制视频快进的时候会发现一个有趣的品牌推广：进度条会变成赞助商「腾讯微视」的品牌元素。在产品自身的控件里植入品牌广告，不影响产品原本的交互与使用体验，但可以对用户潜移默化的进行品牌推广。这样比较巧妙的广告植入是不是能减少用户的反感呢？多考虑将产品本身的功能设计与品牌或其他推广信息相结合，也许会是个不错的推广思路吧。

产品：腾讯视频 iOS 作者：腾讯视频UED 猎人：小白

用户体验急！显示器屏幕太大找不到鼠标了怎么办？

很多设计师为了追求更极致的色彩与作品像素的精准纷纷换上了大屏，比如 27 寸、 32 寸等等。随着桌面上的文件越来越多或者正好使用了颜色比较复杂的壁纸，一个不留神，在屏幕上找鼠标就成了一件很困难的事情。Apple 的 macOS 系统很显然察觉到了这个细节，并对此给出了巧妙的解决方案：当用户找不到鼠标时，通常都会下意识的晃动手中的鼠标来定位。此时如果你正在使用macOS系统，晃动中的鼠标会变得巨大，便于被用户可以更轻松的找到。苹果团队根据人们的潜意识在这里设计了如此细节的点，敏锐的感知与观察力值得学习~投稿人：穆鑫

产品：macOS 系统作者：Apple 设计团队猎人：小白

用户体验 90后，已经开始失去了

这个秋天太伤感，追过的球星退役了、看过的漫画完结了、那些曾经伴随我们长大的人们也一个个离开了。「90后已经开始失去了」，成为最近最热门的话题。金庸先生离去的消息，是最多人扼腕叹息的遗憾。如果你最近有去「淘宝」搜索金庸先生的名字查找他的著作，会发现在搜索结果页面出现之前，会弹出一个淘宝团队致敬查先生的弹窗。文案取自《神雕侠侣》：「你瞧这些白云聚了又散，散了又聚，人生离合，亦复如斯」。直戳用户泪点的纪念弹窗设计，展现出产品巨大的同理心与温度，这样的细节总是会带给我们更多的好感吧。

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

优设精选专题查看更多

131575人看过 9篇文章

表单设计

庖丁解牛般全面剖析表单设计

有信息的地方就有表单，掌握表单设计已经成为我们的必备技能。本专题不仅有全面的基础知识总结，还将常见的表单样式和设计准则都归纳集结，附上新人错题集和实战案例，让你彻底学会这个知识点。

388596人看过 10篇文章

人工智能设计

人工智能是如何取代设计师的？

当19世纪前的棉花厂女工勤勤恳恳劳作时，她们可能没意识到，一个崭新而残酷的时代即将来临。而现在，当你握着鼠标涂涂画画时，是否也曾意识到，人工智能设计已经悄然而至？

191985人看过 11篇文章

求职面试

那些不容易看到的面试技巧都在这

本专题收集了最常见的面试问题和答案，而且从面试官的角度告诉你，他们在考核什么。另外还有国内各大公司的面试流程分享，以及高手是如何应对面试的。能否跨入大厂，就看你有没有收藏了！

255897人看过 14篇文章

设计规范

那些条条框框您真得懂？

说出来你可能不信，我去了几家公司，每个公司里都让我制作设计规范，说是为了便于公司规划流程化管理，当时我可是费了老大劲...

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

破茧成蝶2

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

刘津孙睿

人民邮电出版社

用户思维

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

约翰·沃瑞劳

中国友谊出版公司

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

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

唐纳德· A · 诺曼

中信出版社

用户体验要素

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

Garrett

机械工业出版社

用户至上

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

Kathy Baxter

机械工业出版社

色彩设计法则

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

梁景红

人民邮电出版社

书到用时方恨少 > >

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

扫码关注

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

访问官方微博

您还没有登录

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

微信扫码

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

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

把好文章收藏到微信

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