UI设计师“一起看”功能体验设计

疫情期间大家都只能长期宅家,没有线下电影院等娱乐方式,于是更多人选择了线上娱乐。而长视频承担了很大一部分用户无所事事时消磨时间的需求。在线视频日活跃用户规模、日均用户时长都整体迎来了暴涨。在疫情下的反思,长视频行业也慢慢孵化出了一起看业务。文章主要对视频app“一起看”功能做了一次小体验。

UI设计师“一起看”功能体验设计

一、什么是“一起看”

简单说是指可以创建一个房间,可以公开、可以私人或多人一起共同观影,相隔千里也能在线体验多人一起畅聊的观影体验。

二、线上“一起看”案例体验分析

1. 优酷

功能入口:打开优酷app首页,滑动导航栏(少儿后面);

观影方式:点击进入一起看频道以后,可以直接选择一个喜欢的(别人创建的)房间加入;也可以自己创建房间。

UI设计师“一起看”功能体验设计

·加入已有房间“一起看”·

UI设计师“一起看”功能体验设计

·创建自己的房间“一起看”·

视觉表现:主色调使用渐变紫色,很好的传达一种神秘的社交属性。具象的好盆友一起看剧的c4d场景建模,直观的表达了“一起看”的感觉。并利用深色的背景环境让用户身临其境,沉浸一起煲剧的氛围感中。场景以人物背面加一些环境光,幕布、沙发、爆米花等元素更好的营造了场景氛围。

UI设计师“一起看”功能体验设计

1.1 文字互动

房间内可实时文字互动,竖屏模式下还可发表情包、图片进行互动,也可上麦和大家在线交流。

产品对于引导互动破冰也做了一些努力,新加入房间时,会显示引导气泡,点击hi,会自动向对面发文字打招呼或者发表情包,可以较为有效的打破尴尬局面。

不足:

就目前观察来看,各房间在线人数并不多且进房后停留时间短、少有人发言。

且聊天区域在观看状态下为半透明显示,互动性存在感较弱。

空间上,消息提示气泡占一半区域,空间占比较大。

UI设计师“一起看”功能体验设计

1.2 房间功能

房主可控制视频进度+同步进度+暂停播放+设置播放列表,客人则可同步房主进度+暂停播放。房主可设置房间公告,在公告内通知所有人,新进来的成员也能看到房间公告的内容且不影响其他人。房主和客人都可点击【邀请】可通过第三方渠道邀请好友加入房间一起看。房主额外还可将房间设置公开或私密。

UI设计师“一起看”功能体验设计

1.3 个人页:

点击房间内任意头像可进入用户主页看个人信息/动态/喜欢等,或可点击关注对方。还可进行私聊或连麦,增强了用户之间的粘性和交友属性。

1.4 推荐播放:

在未选片播放时,有小字自动推荐播放xxx影片,点击即可快速播放。避免了好友已加入无添加影片或在纠结选片时的冷静期,保证了用户顺畅的基本观影体验。

UI设计师“一起看”功能体验设计

2. 芒果TV“一起看聊天室”

功能入口:观看视频内容时通过播放模块右上角气泡入口,“好友一起看”用用户的头像更替的动效展示,点击后右侧唤起聊天室浮层。

观看方式:可选择创建房间邀请好友一起看,也可加入当前视频内容相关的已有聊天室。右侧面板下方,还可探索进入其他视频内容聊天室。在聊天室内可以多人同步观影互动。

UI设计师“一起看”功能体验设计

视觉表现:整体相比较优酷而言,没有过多的视觉装饰元素,但主色依然选用紫色为基调。

UI设计师“一起看”功能体验设计

2.1 一起看“聊天室”

“一起看”设置有一个专属页,里面包含创建房间、加入房间等功能点。

较为有特点的是芒果TV公共聊天室会将“播放进度相似”的最热门房间置顶作为公共聊天室 + 交替滚动的头像吸引你进入热聊中,引导用户聚合一个房间里。

“更多聊天室”入口下汇集了不同视频内容的已有房间,按照最新最热顺序排列。

优势:在视频播放下就有一起看专属页,入口位置明显,可以有效引导用户进行分享和邀请,缩短路径。

UI设计师“一起看”功能体验设计

2.2 个性化设置

会员用户可编辑房间名字。

思考:后续可针对会员用户增加挂件、主题背景、徽章等更多个性化设置和权益,拉动商业变现。

3. bilibili 一起看

功能入口:bilibili一起看有几个入口,目前我找到的 1.首页影视分区 2.电影首页 3.直接搜索框搜索“一起看”。

观影方式:可选择创建房间邀请好友一起看,也可加入当前视频内容相关的已有聊天室。右侧面板下方,还可探索进入其他视频内容聊天室。在聊天室内可以多人同步观影互动。

UI设计师“一起看”功能体验设计

视觉表现:主色依然选用紫色为基调,但区别于其他平台,主视觉结合了bilibili特有的吉祥物“小电视”形象、22和33两位甜妹,散发着B站独一无二的年轻气质。

UI设计师“一起看”功能体验设计

3.1 交友墙

一起看专属页-交友墙功能,用户可自主发布动态,有感兴趣的用户可私信对方评论、点赞、转发等。平台为用户搭建交友的社区平台,丰富了B站社交交友形态,为【一起看】功能添加社交元素。

UI设计师“一起看”功能体验设计

3.2 双人随缘匹配

即可随机匹配进入双人放映室,可以跟与你有缘的TA一起观影畅聊。一定程度上增加了一起看功能的趣味性,开拓陌生人社交新维度。通过个性标签随机匹配观影伙伴,完善个人基本信息(性别、生日、个性标签),系统为用户匹配合适的陌生观影伙伴,共同一起看。

UI设计师“一起看”功能体验设计

4. 产品功能对比

4.1 入口对比:

芒果>bilibili>优酷。

1. 芒果优势:

不论是竖屏还是横屏下,入口都相对明显,可以准确向用户传达出一起看功能多人在线观影互动的特点。

2. bilibili&优酷:

都可以通过顶部搜索框直接搜到一起看功能。

UI设计师“一起看”功能体验设计

4.2 视觉表现层:

优酷&bilibili视觉风格明确清晰,相比较来说芒果tv底层页视觉上则显得缺乏品牌感。

4.3 结构功能层:

1. 隐私设置

房间公开/私密开关,可以有效控制进房用户的身份,如有陌生人进入房间,对看重私密性的用户也不会造成较大干扰。

2. 互动方式

目前已有的互动方式,文字/图片/表情包/语音/连麦。

3. 个性化设置

目前已有编辑公告、房名、标签等,后续可针对会员用户增加挂件、主题背景、徽章等更多个性化设置和权益,拉动商业变现。

UI设计师“一起看”功能体验设计

4.4 横屏观影:

优酷&芒果聊天区域都居于左侧,且对视频有一定遮挡性。而bilibili聊天区域则居于右侧,且对视频内容无遮挡,保证了用户的基本观影体验的畅通。

UI设计师“一起看”功能体验设计

三、“一起看”功能分析

为什么视频软件纷纷增加这个功能呢?

其实现在的主流视频软件都有弹幕互动的功能,并且配有弹幕设置功能,而用户之所以用弹幕交流,大部分原因是因为对视频内容有着共同的话题,分享彼此的观点。但还有一部分年轻用户群体,需要与朋友、恋人的互动沟通感情,往往更注重观影的实时趣味性与互动性。

UI设计师“一起看”功能体验设计

1. 用户角度

用户角度层面至少有两个需求,一、陪伴需求:和朋友们一起看一部片子,实时的沟通,一起打磨时间。二、交友需求:从一起看片子的用户中找到真正的朋友,或满足情侣之间异地关系的亲密互动。

UI设计师“一起看”功能体验设计

2. 产品角度

为用户与观影喜好类似的用户提供互动平台,满足用户观影时的陌生人社交需求,增强站内用户间的交流氛围。满足用户与朋友边看边聊的熟人社交需求,增强用户粘性并尝试为平台带来新的增量。在社交场景中挖掘更多付费点,带动会员付费转化。

UI设计师“一起看”功能体验设计

3. 市场现状

其实市场上不乏有很多产品做一起看的功能,例如:

1. 咪咕视频一起看:

CBA赛事中上线“云观众”、“云呐喊”等功能,通过观看体育赛事直播,可以创建房间邀请好友一起同步观看,并可用文字、语音、视频的方式实时交流互动。

2. 微光:

支持文字表情聊天及语音通话的一起看应用,也可以满足异地恋及一些用户在线看片交友的需求,但由于缺少片源播放版权,所以体验感不佳。

3. QQ视频包厢:

用户可以在qq与好友一起在线通话(音频或视频通话模式),共同观看影视节目,有效拓展了qq的应用场景,与上述竞品相比有明显的体验感提升与创新。

UI设计师“一起看”功能体验设计

四、思考总结

总之,回归功能本身,“一起看”功能是有市场需求的,可以满足用户不想一个人孤单看视频、实时与人分享交流的需求。

但一起看场景相对复杂,难以整体把控。视频连麦类似于圈子的功能,对实时性要求很高,相当于游戏+朋友圈+陌生人社交的杂合体,一手抓的后果很可能是一场空,用户画像可以告诉你用户大概率出现的时间,但是无法准确确定。你只是单纯想有人陪你看,还是能够有人和你一起讨论剧情或者内容?

于陌生人场景,你喜欢蔡徐坤,我喜欢王一博,难以找到灵魂爱好兴趣一致的人。

于好友场景,难道每天都准时等待朋友上线?如果今天没有一起看,还等不等了?所以,很可能造成1+1小于2,占用资源但效益不可观的局面。

个人认为“一起看”功能,可以由资源丰富齐全,用户平台量大的产品去做。可以先试一试,做个demo,只为热播剧一部两部开启这个限时功能,慢慢培养用户习惯,看看市场用户反馈如何,再扩展到全局。

随着5G,多终端互联等能力的发展,网速、信息传输不再成为线上沟通的障碍。未来“一起看”功能还可以拓展到直播、比赛、云演唱会、话剧、舞台剧等更多线上内容,打破空间的界限,利用线上的能力为用户提供更好的互动体验,拉新收入、活跃用户播放量等。

业界动态

Soul:孤独年轻人的社交星球

2021-6-2 10:08:41

业界动态

微信圈子死于2021

2021-6-2 10:55:43

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索