交互学堂
专注分享专业知识

Axure模板库(13)-直播

最近直播app越来越火,我整理了一些直播app,做了几个模板,跟大家分享。原型文件在文章最后。

1、首先临摹一个国外的。

Axure模板库(13)-直播

(1)首页第一个展示的是快速发布直播的入口,鼓励用户创作内容。

第二个展示的是一系列标签。如果平台上内容类型比较多的话,可以像这样强调标签、分类。如果平台上都是美女主播,那分类的权重就可以小一点了。

第三个展示的是直播列表。直播最重要的信息就是直播的画面,列表上可以放一张大图,或者更直接,展示一小段视频。

Axure模板库(13)-直播

(2)直播页面,展示主播信息、评论及互动操作按钮。信息太多会遮挡直播画面,所以需要有隐藏信息的操作。

Axure模板库(13)-直播

*点击隐藏信息的效果这么做——将会发生变化的部分设为动态面板,响应点击事件时,将面板设为隐藏/显示状态,或移动面板。

Axure模板库(13)-直播

(3)发布直播时可以选择预告或者立即直播。预告需要设置预定时间。

直播时主播的界面可以看到用户的信息、评论,底部按钮用来操作摄像头。

Axure模板库(13)-直播

2、对比一个以美女主播为主的直播平台。

在信息架构上,这个平台更强调热门主播的价值,所以首页展示了几个不同排序的主播列表,简化了转播、订阅等用户间交互的功能。


首页列表上,展示主播设置的静态图片。可能因为主播以直播自己的脸部为主,变化不大,所以列表上展示一个动态视频的意义也不大。

这类平台以主播和用户的互动为主。前面的例子中互动主要靠点赞和评论。下面这类平台除了点赞或点亮功能外,还把“赞”升级为有实际价值的礼物。通过送礼这种形式,刺激主播创作更好的内容。直播页面上最主要的位置也给了礼物的展示。怎样给送礼的用户以成就感满足感也是设计的目标之一。

Axure模板库(13)-直播

源文件在这里下载(包括Axure 8.0的安装文件和汉化包)

http://pan.baidu.com/s/1c16cyQ0


想看更多的模板、案例可以关注我的公众号——Axure大师。


如果这篇文章帮助了你,记得打赏作者,支持作者发布更多模板~

赞(0) 打赏
未经允许不得转载:IAMUE » Axure模板库(13)-直播

交互学院

在线学习交互设计课程1元秒杀Sketch入门课程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏