交互设计案例分析 之Periscope

USER FLOW

Periscope 是一款集直播和社交属性为一体的一款APP，产品的主要功能点为1）观看他人的直播，分享与交友 ；2）自己进行直播，分享。产品的交互设计侧重于引导用户聚焦“直播视频”本身（即观看他人的视频，以及自己录制视频被他人围观），其次附加社交功能，让用户能加入到属于自己的直播群体，观看、展示和分享。

01 / home page

首页展示最新的直播视频（首先展示好友最新视频），直接引导用户进入主要功能。首页的展示以时间为维度。

用户点击首页视频列表，进入到视频播放页面（video page）。页面上半部分主要部分用来展示视频播放器以及主要信息（标题 - 视频主题，和直播时间），下半部分展示次要信息，例如观看人数，分享功能etc），向下滑动页面时，上半部分的视频播放器所占空间会相对缩小一些，不影响用户浏览屏幕下半部的信息，但是播放器会固定占据顶部的部分空间，为用户观看视频始终提供功能入口。

“观看直播视频”用户与界面之交互流程

02 / video page

观看视频是本产品的一个重要功能点，因此用户观看视频时的体验至关重要，由于移动端产品通常会遇到网络状况欠佳的情况，那么如何让用户在观看视频过程中始终觉得情况是“可控的”非常关键。基于这一点，periscope 在交互设计方面，运用一系列非模态反馈对不同的情况作出提示和反馈，在不打扰user  flow 的前提下，实时高效地让用户了解当前功能运行是否顺畅，是否有问题，以及解决问题的进程。

举几个栗子：

1）视频加载中，会有文字提示出现在视频左上角”lost connection, trying to reconnect”

2）用户对播主进行评价和点赞，都以非模态反馈的方式来表现，暂态地在屏幕上弹出评价以及彩色心形符号，用户用手指点击屏幕即会弹出心形符号（点赞），非常简单易学，又充满趣味，又能进一步促发用户使用点赞功能的欲望。

3）APP会根据用户的操作，在屏幕上以暂态形式弹出信息提示引导用户进行下一步操作，或给出反馈。如果用户截屏，APP会跳出分享功能的提示信息，点击信息会直接跳出分享对话框。分享成功后，屏幕上跳出分享成功的信息及时向用户做出反馈。

而在此过程当中，直播一直在进行，所有的非模态反馈以及因这些反馈而产生的附加操作，都没有打断主要功能的进程。