高兴时听歌是听旋律，难过时听的是歌词 - 优设网 - UISDC

交互手势 高兴时听歌是听旋律，难过时听的是歌词

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

猎人： 小白 观众：3096人

细节描述

很多视频网站都可以通过鼠标悬浮播放器的操作来预览播放进度画面以定位，「QQ音乐」同样可以通过预览歌词播放来对音乐进行定位。左右滑动进度条，播放界面的当前歌词显示也会随之变动。如果你钟爱一首歌的某句词，就可以十分方便的通过歌词预览的操作快速定位歌曲播放。操作的可预知性方便了用户根据自己的喜好和需求对歌曲播放做选择，提升了产品的易用性与使用效率。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# 交互手势# 定位# 情境预判# 播放器# 操作可预知# 易用性# 腾讯# 音乐
加长

发表评论 加载中....

评论加载中....

下一篇

捕获自 WWF Together iOS

你将掌握 体感交互 的小知识~

我想和你潜入深海，一起寻访海龟的踪迹

为熊猫砍下一段竹子，和海龟一起潜入深海，用老虎的视角搜寻猎物，与企鹅一起游泳… WWF Together不同于常见的教学公益类应用，将知...

官方微信

weixin
设计头条 行业热门
交友脱单 活动丰富
干货私单 涨薪法宝

优设官微 掌上更精彩 扫码关注

相关细节

用户体验 「微信」:找不到我，我就出来给你引路

最新的7.0.3版本中，「微信」加强了对短视频功能的重视。虽然这个功能有从头像进入短视频的入口并有较明显的蓝色标记提示，但过于隐蔽的入口还是会对用户的使用频率造成较大影响。现在的朋友圈，在很显眼的地方新增了「朋友的新动态」这个直达短视频新功能的入口，点击即可直接查看已发短视频的好友列表。将新功能的入口放在了用户的常用路径上，增加了功能的曝光率也简化了查看视频的流程。更加便利和直观的操作是否能为「短视频」功能争取更多的用户呢？让我们拭目以待吧！

产品：微信iOS 作者：微信设计团队 猎人： 蓝点

微交互 当时的月亮， 曾经代表谁的心

「每日万年历」是一款优雅又专业的日历应用，提供农历查询、节气物候、每日宜忌、行星运转等专业权威的日历信息。App的内容设计重视中华文化，视觉上也极具中国风的诗意浪漫。其中交互式的 3D月球模型展示实时月相的模块设计，十分让人惊艳。左右滑动日期，你就能直观的看到对应时间的月相状态了。月相就是这样，随着时间的流逝而变化着。从新月到满月再到新月，周而复始更古不变。

产品：每日万年历 iOS 作者：iDaily 猎人： 小白

设计逻辑 「虾米音乐」如何巧用广告来完善产品体验？

虽然在产品中投放广告通常都会受到用户的心理排斥，但其实在某些特殊情境里广告用的好反而能提升用户体验。「虾米音乐」的歌曲播放页底部通常都会显示「评论」模块，但如果当前歌曲所属歌手在近期有演唱会、演出等活动，页面底部就会展示歌手的演出票务信息以及购票链接（也就是广告模块）。这个设计的高明之处在于：如果用户是喜欢歌手的粉丝，自然是购票的主力人群，此处的广告就是十分精准的有效投放；如果用户只是路人听众，愿意点进来听歌的人多数也是对歌手持欣赏态度的，歌手近期演出信息的展示并非无关的干扰信息，也并不会引起用户太多的不悦。所以有时候，适合时宜的广告安排不仅不会为用带来户负面情绪，反而可以成为贴心的信息提醒完善产品的功能与体验。

产品：虾米音乐iOS 作者：虾米音乐设计团队 猎人： 小白

交互手势 怎样在iOS系统里快速返回上一页？

用习惯安卓手机的用户开始用iPhone时，最不习惯的可能就是没有了返回按钮。但其实，用手指从屏幕左侧向右滑动，页面就能实现返回上一页的操作了。手势交互的操作更方便和自然，只是需要一点学习成本，而「回到主屏」的功能是与普通「返回」功能区分开的。iPhoneX之前的iPhone通过Home健回到主屏幕，iPhoneX则是通过从页面底部向上划动Home Indicator（虚拟横线）来实现这一操作。将「回到主屏」的功能操作与其他的「返回」操作区分，能更好的体现系统的页面层级关系和结构逻辑。

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

优设精选专题 查看更多

159283人看过 7篇文章

优设圆桌

专属于设计师的围炉夜话

优设圆桌是我们新推出的一款新栏目（严格说是换了个名字，前身叫「优设大家说」），之前我们不定期会推出一个大家都关心的话题，让设计师们分享自己遇到过的人和事，还可以聊聊经验心得。2019年，优设编辑部决定将这个栏目升级成「优设圆桌」，不仅每个月都会推出话题让大家讨论，而且会针对不同的话题邀请资深设计师参与，让大家能看到更多更好的答案。
查看专题
514447人看过 8篇文章

微信小程序

今年最热的小程序设计和开发方法

就在上个月，微信小程序的用户突破6个亿，如此庞大的体量，让很多公司跃跃欲试。不过很多设计师和工程师之前没做过微信小程序，不知道如何开始，本专题为此而生，从基础知识、官方指南到实战技巧、案例复盘都有，让新手快速掌握微信小程序的设计和开发方法。
查看专题
242161人看过 11篇文章

设计法则

用超多易懂的案例帮你学会经典设计法则

每次在做项目总结的时候，总想列举一些法则和方法论来增加总结的专业性以及可信服度，但是总有些熟知的方法却怎么也叫不上名字，所以有了这个专题，敦促自己在做设计的时候不要留于表象，有理可循。
查看专题
120178人看过 8篇文章

手机摄影

掌握拍摄窍门去朋友圈收赞

本专题精选了全球iPhone 摄影大赛人物类冠军和泼辣修图叶明的多篇好文，从基础构图、裁剪方法到摄影技巧无一不包，对于新手而言，看完这个专题，足以拍出一组不错的作品发到朋友圈咯！
查看专题

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

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

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

Karen Holtzblatt
清华大学出版社

用户思维

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

约翰·沃瑞劳
中国友谊出版公司

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

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

唐纳德· A · 诺曼
中信出版社

用户体验要素

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

Garrett
机械工业出版社

用户至上

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

Kathy Baxter
机械工业出版社

色彩设计法则

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

梁景红
人民邮电出版社
书到用时方恨少 > >
版式设计 设计师 扁平化设计 交互设计师 界面设计 优设专访 排版布局 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 设计师专访 字体下载 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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