美文网首页
交互笔记 | 案例集锦

交互笔记 | 案例集锦

作者: Henry8lee | 来源:发表于2019-06-06 08:53 被阅读0次

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

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

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

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

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

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

微信读书无限卡广告

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

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

QQ聊天、阅读页

3、QQ音乐-后台播放

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

音乐和视频收起状态

4、爱奇艺-热度曲线

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

爱奇艺-热度曲线

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

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

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

相关文章

  • 交互笔记 | 案例集锦

    近期在APP中遇到的“优秀交互”及“笔者理解”,一起来看看吧~ 1、微信读书--广告曝光 微信读书APP中,初次进...

  • 案例集锦

    案例一: 京东商品页面的爬取 案例二:亚马逊商品页面的爬取 由于amazon禁止python访问,要把header...

  • 案例集锦

    https://dizhili.kuaizhan.com/v2/categories/post-list?post...

  • 案例集锦

    此宅乙山辛向06年造,日子不详,坐周天104度,开辛大门,厨房在乾亥方,近年来东家大不顺利,宅母成胃病和盲肠炎,医...

  • 案例集锦

  • 案例集锦

    此宅乙辛兼卯酉07年造,日子不详,在壬子方开癸门,厨房也在壬子方,向上电杆在壬方,近年来东家都不太顺利,疾病连绵不...

  • 案例集锦

    1:阳宅乙山辛向,原开丁门,尽是不如意。 2:此宅壬山丙向按玄空论七运造,日子不详,原行丙门,近年来都大不顺利。 ...

  • WKWebView的使用和JS交互

    参考文章:IOS WKWebview 使用集锦WKwebView和JS交互 自己的OCdemo自己的swiftD...

  • 20组-大鱼-裂变增长实验室-心得与诱饵

    汽车行业粉丝诱饵设计: 干货资料: 行业优秀节气海报集锦 行业活动策划案例集锦 行业营销话术 行业节气营销手册 行...

  • IOS WKWebview 和JS交互

    IOS WKWebview 使用集锦 1、alert textInput等UI交互解决方法 如果需要与在JS调用a...

网友评论

      本文标题:交互笔记 | 案例集锦

      本文链接:https://www.haomeiwen.com/subject/qswexctx.html