概述
以网络直播为主题,完成一款APP产品的设计。

Part 1 需求分析报告

1 前期调研

在设计前期,为了解用户使用直播产品的习惯和对于直播这种娱乐形式的接受度,先后进行了用户访谈和问卷调研方案。

1.1 用户访谈

此阶段访谈的内容比较发散,与直播产品强相关的问题包括什么时候开始看直播、看直播的习惯、日常消遣方式等。

访谈结果如下:


用户访谈

结论:

  • 直播具有时效性,虽然可以看回放,但对用户来说最看重的是直播;
  • 总体来说,直播不是一个粘性很足的场景,需要内容和运营的支撑和沉淀;
  • 直播的体验整体上是注意力较为涣散的娱乐方式。

1.2 问卷调研

在百度问卷发布网络直播调研测试,共20道题,收回111份。
数据整理归纳后有参考价值的结果及结论如下:


用户调研

2 产品定位

综合前期对于直播产品的分析和调研,目前颜值/秀场直播和游戏直播为直播产业贡献了大部分的流量和收益,但是各大平台都有涉及,头部内容由PGC制作者把控,平台之间同类内容的交互、玩法大同小异,已经是一片红海。作为一款新生的直播APP,瓜子直播不与巨头瓜分市场,侧重于泛生活领域的直播,鼓励广大用户发现、分享身边有趣、值得记录的人和事。

瓜子直播有如下产品要求:

定位:泛生活领域的移动端直播

使命:提供一个热闹、有趣的平台,轻松找到、见证正在发生的事。

slogan:“我来见证的世界”,“看瓜子直播,做前排吃瓜群众”

目标用户:20-50岁,熟悉互联网,在网络平台中观看并且参与直播。

关键词:现场,热点

3 人物角色和用户场景

3.1 persona

姓名:陈小慧

性别:女

年龄:25

职业:前端工程师

人生状态:独生子女,单身,在远离家乡的杭州工作

兴趣爱好:逛街,美食,旅游

3.2 用户场景

场景一:观看直播

周三晚上下班比较早,小慧回到住处,随手打开瓜子直播APP,想找找有趣的视频看。打开APP,首页是杭州及周边正在直播的内容,小慧在页面上滑动浏览,被一个带有数字3标志的标题为“国大开业探索”的题目吸引了,这是离家三站地铁的一个商场,但之前一直在装修,从来没去过,很好奇这里会有什么好吃好玩的。小慧点开直播,在商城的天井里,舞台上一个吉他手在表演。屏幕上方的列表中有3个镜头,小慧选择了美食探索。画面中女主播站在通道里,背后是一家日料的招牌。女主播一边介绍这家店的位置,一边让观看直播的用户们在评论区留言提问,然后走进这家店面。小慧也在评论区问有什么折扣。主播找到服务员,拉着服务员聊这家店特色。聊完之后,主播重复了这家店的位置、招牌和打折促销信息,又去往下一家。小慧觉得挺有意思,马上点击转发按钮,发送给小姐妹的微信,说国大开业了,还有七折折扣,周末可以去溜达溜达。

再介绍了三家店后,主播说本期探索结束。画面提示三秒后将转入现场演出直播,小慧退出了直播。

场景二:发起直播

清明小长假小慧嫌家远没有回家,和几个小姐妹一起去参加音乐节。这天天气不错,音乐节现场熙熙攘攘,好多玩的。正在排队时,小慧接到了妈妈的电话,问假期怎么过,有没有出去玩。小慧说现在就在逛音乐节呢,和同学一起,今天有陈粒的演出,给你开个直播瞧瞧。小慧说完挂了电话,打开瓜子APP,点击中间的发布按钮。第一次发布直播,还需要进行身份验证,小慧输入姓名和身份证号码,点击完成,回到了发布直播界面。屏幕上方位置logo旁边显示了杭州-太子湾公园,在屏幕中间按照提示输入了直播名称“H君在陈粒现场演出”,名称下方推荐了“草莓音乐节”标签,小慧点击确认,然后点击开始,屏幕中间弹出一个窗口提示“分享给好友”,同时正在进行3秒倒计时后开始直播。小慧点击分享到微信,发送给妈妈,又发送给家庭群和关系密切的同学群,返回到瓜子直播后,倒计时结束已经开始直播。小慧一边往里走一边时不时看看直播互动情况,用户昵称显示妈妈进入了直播间。过了一会儿舅妈也进了直播间,还评论问这是在哪儿,小慧开心的介绍了下在玩的项目,让大家密切关注,演出马上开始,陈粒第二个出场。演出的时候来不及看手机,陈粒表演结束时,发现有好多用户在观看,评论也不少,很多来的晚的在问这是哪里,还有什么好玩的,小慧又解答了一遍,道别关了直播。

4 产品

5 需求及功能分析

4.1 业务需求


业务需求

4.2 用户需求


用户需求

4.3 关键要素分解及解决方案


解决方案

5 竞品分析

选取花椒、映客、快手、抖音、YY等APP作为竞品进行对比,分析相似性和差异性。

5.1 一级导航设计模式




一级导航中包含的标签:都有首页/直播,发布,我的/我。抖音、快手、映客将关注放在一级导航。映客、花椒将附件放在一级导航。YY覆盖业务、功能较多,将小视频和答题放在一级导航。

快手导航设计遵循了MD标准,将导航标签放在页面顶部。个人信息放在左侧抽屉中。将发布按钮放在一级导航右侧。除快手外,其余四个APP采用底部标签栏的舵式一级导航,将发布按钮放在中间位置。

打开APP后,都默认进入第一个标签,展示推荐/热门内容。

5.2 首页

页面结构

快手的搜索隐藏在抽屉中。其余APP的首页都有搜索入口。

由于抖音采用了全屏播放的形式,在首页的推荐页只有一个视频,处于播放状态,上下滑动进行切换;抖音的附近页面采用图片网格列表模式。

快手的关注、发现、同城页面都采用瀑布流布局。

映客和花椒、YY的首页都包含推荐、新人、游戏等多个标签页,直播内容采用图片网格列表进行展示。

列表信息卡片设计

综合各直播APP的信息卡片,有如下要素:




上述APP中,直播内容的列表中一般只有封面,不包含头像,部分包含昵称。而小视频和游戏直播的列表会包含头像和昵称。结合内容和使用场景,上述非游戏直播主要是颜值和才艺直播,需要用户上传封面,因此封面中已经携带了要传达的主要信息;而游戏直播封面往往是游戏画面,小视频的封面是内容的静帧或GIF动图,头像和昵称对于用户是重要的展示信息。

5.3 关注页面和提醒设计




信息卡片设计

映客的关注页面采用图片网格列表模式,展示关注用户的昵称、头像、等级、封面、当前状态、观看人数。在直播动态下方,是关注用户发布的小视频列表。

花椒的关注页面是一级导航的直播页面的一个标签页,页面顶部是用户推荐的图片轮播导航栏,显示和推荐正在直播的用户。

通知提醒

映客在页面顶部导航右侧放置了消息按钮。

YY的直播提醒放在直播页面右上角,当前有直播时铃铛logo会点亮一个红点,如果刚刚打开APP,还会出现“你关注的主播4个正在直播”的文字提醒。点击logo,在当前页面扩展一个直播列表,同时铃铛logo的红点消失。

5.4 发布直播详情页

页面信息




相似点:

发布页面中标明了地理位置信息,有翻转相机按钮,提示用户输入标题。都具有美颜功能。

不同点:

映客和花椒不用上传封面,默认使用用户头像。花椒可以在发布时选择直播频道和话题标签,但实际使用APP时,并没有找到按标签进行搜索或选择的入口。映客可以开启私密直播。花椒和YY可更改竖屏/横屏直播。

分享到社交网络流程

映客、花椒、YY三个页面中都接入了社交分享链接。用户可以在发布直播的详情页选择分享途径,点击开始直播后,页面先跳转进行分享,回到直播APP后再倒计时3秒开始直播。

5.5 直播观看页面




相似点:

主播信息:主播头像、昵称、ID、关注按钮。

观众:观众头像、数量。

互动:文字评论、发送弹幕、查看信息、送礼物、分享。互动按钮集中在页面底部。发送弹幕和送礼物需要充值。

评论:向上滚动显示。

Part 2 交互设计方案

1 信息架构图

APP整体架构图





直播页面信息架构图



2 流程图

观看直播流程





发布评论流程




发布直播流程



3 交互方案设计

3.1 推荐页




3.2 关注页




3.3 附近页




3.4 抽屉导航




3.5 发布直播




3.6 观看直播




4 交互流程图

4.1 进入直播流程

从推荐页进入直播




从关注页进入直播




从附近页进入直播




从我的预约进入直播




4.2 发表评论流程

使用常用词快捷发表




发表自己编辑的评论