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

交互笔记 | 案例集锦

作者: 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处有惊喜”。长视频(尤其娱乐视频)的观看习惯不同于短视频,用户遇到不感兴趣的片段,更倾向于快进。那么展示视频节点的人气,就能很好地帮助用户不遗漏精彩的部分。

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

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

    相关文章

      网友评论

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

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