为你的产品注入细节—音视频篇

本篇是我对海盐社发过的趣设计产品类别汇总的最后一篇啦,主要是对音频、视频类APP的趣设计汇总。

前两篇传送门:

为你的产品注入细节—社交篇

为你的产品注入细节—电商篇

本篇对音视频产品的汇总分成三个小类别,分别是音乐播放器、FM电台以及视频播放器。

 

音乐播放器

音乐播放器的细节主要发现在播放页和歌单页,通过考虑用户使用的多种场景,提升用户体验。

 

1.QQ音乐-读音注释切换

听日/韩音乐时,用户可在翻译与切换罗马音间自由切换,让支持爱逗与学习语言两不误。

 

2.QQ音乐-点击歌词直接播放

当你想听某段音乐时,下滑到对应位置,点击歌词可直接播放,无需滑动下方的进度条,让调节更精准方便。

 

3.QQ音乐-进度条预览

滑动进度条时,进度条上方会显示拖动时刻的歌词,帮助用户预览,确定调节位置。

 

4.网易云音乐-拖动收藏

长按并拖动右上角音乐图标,可直接将音乐拖到指定歌单中,帮助用户快速收藏播放歌曲。

 

5.网易云音乐-音乐黑名单

音乐黑名单的功能,屏蔽的歌和歌曲在播放时会自动跳过,减少了手动操作的麻烦,这样的功能还可以用在美食产品中,屏蔽不喜欢的菜系或者餐厅。

 

6.网易云音乐-截图导入

网易云音乐中截图导入歌单通过截图进行智能扫描识别,轻松解决了用户需要逐一手动输入歌单这种繁杂的事情,减少了用户的操作成本,提高了产品的用户体验。

 

7.虾米音乐-评论外露

虾米音乐歌单中每首音乐下面都有一条精选评论,通过这种信息外露的形式便于用户判断和选择。

 

8.网易云音乐-VIP自定启动页

网易云音乐会员在个性装扮中,可以自定图片或视频为启动页,给了会员足够的自主选择,满足会员自身的展示偏好,带来更好的体验。(PS:开屏广告纳入会员去广告的权益范围)

 

FM电台

FM电台类产品的细节集中在对音频的控制上,也不乏一些个性的功能细节。

 

1.喜马拉雅FM-标记音频

听课或者电台时,有标记精彩的按钮,方便用户在听到精彩或者重点的地方标记起来,便于反复倾听。

 

2.喜马拉雅FM-选择关闭时间

可选择播放1~3集后自动关闭。避免因倒计时,出现“听一半”的情况。

 

3.喜马拉雅FM-筛选已听完

在批量删除页,用户勾选“选择已听完”,可快速选取系在列表中已播完的音频,让用户能够快速选取,同时避免误选。

 

4.喜马拉雅FM-分享带评论

喜马拉雅FM,收听内容时长按某条评论即可分享带有用户评论的内容,可快速分享有趣的评论,这个功能还能延伸到视频弹幕分享中。

 

5.豆瓣FM-试听音乐

推荐歌单模块,点击耳朵图标,可以直接试听音乐,遇到喜欢的在进入细听,避免来回切换歌单。

 

6.猫耳FM-自定义头像音

猫耳FM可以为个人中心的头像设置喜欢的头像音。

 

7.猫耳FM-个性启动音

个人中心页面有启动音的设置,可以根据自己的喜好来设置启动音,打开APP瞬间就能听到自己喜欢的角色声音,幸福感爆棚~~

 

视频播放器

视屏播放器,核心细节优化以播放页为主,包括弹幕、进度条、互动等等。弹幕的细节优化尤其多,多以科普、快速发布为主,也有一些特别的弹幕功能。

 

1.腾讯视频-弹幕加一

视频发弹幕点击文字出现加一选项,可直接发送同样的弹幕。


 

2.腾讯视频-弹幕科普

观看视频时,对于剧中出现的专有名词,会以弹幕的形式给予解释,更好的帮助用户理解剧情,减少追剧负担。

 

3.哔哩哔哩-弹幕广告

打开弹幕时,可以看到UP主推荐产品的弹幕广告,相比强广告植入视频中,弹幕广告不容易打断用户观看,还能与用户形成互动。

 

4.AcFun-快捷弹幕

播放视频时增加快捷弹幕,里面都是最新的热门梗,提高用户发送弹幕的积极性,增强互动。

 

5.韩剧TV-小屏弹幕

小屏播放的时候,弹幕出现在播放内容以外的区域,不会遮挡播放内容。

 

6.腾讯视频-进度条添加关键点

即刻电音节目中,加入了前奏、情绪铺垫和燃点的提示,方便用户在观看过程中掌握节目进度。这种方式还可以用在健身产品中,提前预估出用户运动困难的关键点,在关键点给予鼓励。

 

7.腾讯视频-无障碍设计

在视频播放器右上角的辅助功能中,通过切换不同的视频色彩模式,从而提升色觉障碍用户的观看体验。

 

8.腾讯视频-截屏保护

观看VIP限定视频时截屏,视频会自动黑屏只显示弹幕以保护作品版权。

 

9.腾讯视频-音量色温

腾讯视频在调节音量时,随着音量的增加,音量条的颜色也从绿色(舒适)逐渐到红色(警告),能帮助用户直观看见音量的强弱变化。

 

10.爱奇艺-台词定位搜剧

爱奇艺搜索可切换为台词搜剧,输入台词后,点击展示的搜索结果视频可以直接跳转到该台词出现的时刻,提高用户的搜索效率,尤其适合剪辑视频时搜索台词截屏。

 

11.跳跳舞蹈-循环播放片段

跳跳舞蹈教学视频中,打开AB循环,视频会循环播放这一段,帮助没有记住的用户重复练习。

 

12.哔哩哔哩-视频镜像翻转

看视频学习舞蹈时,可以打开“镜像翻转”功能,妈妈再也不用担心我老是做反动作啦。

 

13.哔哩哔哩-三指任意缩放 

全屏播放视频时,三指长按缩放可将视频调到任意大小且不失帧,便于用户查看嵌套文案类视频或查看视频细节。

 

14 哔哩哔哩-交互式视频

B站推出的交互式视频的功能,让用户按照自己想要发展的故事线进行选项选择。弹幕也会随着故事线的不同而分景处理,大大的提高了用户的参与感与互动性。

除了哔哩哔哩,爱奇艺也推出了互动视频,这个功能可以使视频沉浸感更强。

 

总结了这么多趣设计,大家也许也发现了,产品会将用户的需求不断细分,像是弹幕就细分出了快捷弹幕、弹幕科普、弹幕广告等,我们在设计自家产品时,除了借鉴线上产品,也要思考一下自家产品的用户有哪些细分场景,进而做好细节优化,提升用户体验。

 

原文地址:海盐社(公众号)

作者:人类君


 

0

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码