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

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

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

猎人： 小白 观众：2808人

细节描述

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

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

发表评论 加载中....

评论加载中....

下一篇

捕获自 WWF Together iOS

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

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

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

官方微信

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

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

相关细节

微交互 Chrome的下拉细节，我也就玩了十几遍

下拉加载刷新页面当前数据是现在常规的交互逻辑，而Chrome浏览器在下拉上有着自己的见解：在下拉交互中增加了左移和右移的操作，分别对应新增浏览页面和关闭当前页面。在按住下拉并左右移动时，灰色圆形元素会像小水滴一样被吸到了左边或右边。微交互增加了操作的趣味性，让人爱不释手。

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

用户体验 周末就好好放松看场电影吧，在这里买票你的购票效率会提升不止一倍哦

在各平台购买电影票时我们都会遇到同一个困扰 ：好不容易选好影院与片子还要在电影放送时间与座位上做选择，如果位置不合适就需要不断退出当前页面切换其他场次查看。这种需要多次跳转切换页面的操作十分麻烦也不利于对电影不同场次的可选座位进行对比。招行信用卡的官方App「掌上生活」在这一块儿的设计就特别人性化：同一影院里某部影片的所有排片场次信息都可在一个页面里切换查看并进行选座，减少了不必要的页面跳转、简化了操作流程也为用户对比排片信息提供了方便。

产品：掌上生活 iOS 作者：掌上生活团队 猎人： 小白

设计逻辑 「淘票票」的电影彩蛋提醒，帮你更加合理规划观影时间

「彩蛋」又称「斯丁格」（stinger），是指用来提高观众观影趣味性的那些不仔细寻觅会被忽略的有趣细节，一般分为「片尾彩蛋」与「片中彩蛋」。现在的很多观众已被培养了在影片播放后等待「片尾彩蛋」的观影习惯，但其实有时候挺困扰的，因为很多时候坐在影院等彩蛋却等来没有彩蛋的结果只能白白浪费了时间。在「淘票票」上购买电影票时，如果细心你会发现影片详情页会有彩蛋提醒，告知你电影是否有彩蛋且彩蛋会出现在影片的什么位置。有了这个提示信息，去影院看电影时就能合理安排时间规划，不必再为了不确定的彩蛋期待浪费时间啦。

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

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

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

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

优设精选专题 查看更多

130380人看过 7篇文章

iPhone X

可能是最全面的 iPhone X 设计指南

不会适配 iPhone X 的设计师不是好设计师，本专题既有 iPhone X 的交互方式分析，也有 iPhone X 适配指南，更有超多适配案例经验分享。学会收藏，适配不难！
查看专题
260540人看过 15篇文章

Sketch 进阶指南

看过高手的用法，才发现自己完全不懂Sketch......

资深设计师是如何设置快捷键的？备受好评的 Sketch 的库该怎么用？听说有人可以用Sketch 搞定设计版本控制，还可以用来绘制数据图和复杂表格？这个专题收集了Sketch 最新的功能介绍和那些不为人知的高阶使用技巧，帮你从新手进化成高手！
查看专题
503515人看过 8篇文章

微信小程序

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

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

优设圆桌

专属于设计师的围炉夜话

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

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

破茧成蝶2

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

刘津 孙睿
人民邮电出版社

用户思维

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

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

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

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

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

用户体验要素

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

Garrett
机械工业出版社

用户至上

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

Kathy Baxter
机械工业出版社

色彩设计法则

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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