交互笔记 | 案例集锦

近期在APP中遇到的“优秀交互”及“笔者理解”，一起来看看吧～

1、微信读书--广告曝光

微信读书APP中，初次进入阅读界面时，会出现“无限卡的广告”，5秒后自动消失，恢复显示书籍和章节名称，很好地平衡了商业诉求和用户体验。

笔者觉得两处细节值得学习

a、初次进入，曝光广告：才进入阅读界面时，用户还未进入阅读状态，此时曝光广告远比在阅读中强行插入广告来的温和的多。

b、显示消失的倒计时：很容易让人联想到“视频前置的广告”、“网页右下角的广告弹框”，所以用户不难理解，倒计时结束后广告会消失。

微信读书无限卡广告

2、QQ-聊天、阅读便捷切换

手机QQ中，用户在阅读长文时，可以将当前页存为书签，并在消息页置顶。这样能有效避免阅读中，被消息或其他任务打断后，快速地切换到阅读。

QQ聊天、阅读页

3、QQ音乐-后台播放

近期QQ音乐改版后，点击左上角的向下箭头，视频播放页也可像歌曲一样收起。下图所示，收起的视频仍可在底部小窗口播放。音频/视频交互上的一致性，让用户学习成本、认知成本大大降低。

音乐和视频收起状态

4、爱奇艺-热度曲线

爱奇艺视频播放进度条上，多了一条“绿色区域”——热度曲线，曲线峰值越高表示该点的人气越高。

爱奇艺-热度曲线

大家应该遇到过这样的视频评论：“前戏太长，快进至04:12”、“8:32处有惊喜”。长视频（尤其娱乐视频）的观看习惯不同于短视频，用户遇到不感兴趣的片段，更倾向于快进。那么展示视频节点的人气，就能很好地帮助用户不遗漏精彩的部分。

其实，为方便用户快速找到感兴趣的片段，各在线视频网站早将长视频切割为不同的片段，并在进度条中以白点提示用户，鼠标悬停会展示各部分的主题。

爱奇艺-视频分段的白色节点