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

可搜索课程、软件、讲师、读书、直播

波点西

深圳|UI设计师

前言

一、什么是“一起看”

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

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

1.优酷

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

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

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

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

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

1.1文字互动

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

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

不足:

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

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

1.2房间功能

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

1.3个人页:

1.4推荐播放:

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

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

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

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

2.1一起看“聊天室”

2.2个性化设置

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

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

3.bilibili一起看

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

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

3.1交友墙

3.2双人随缘匹配

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

4.产品功能对比

4.1入口对比:

芒果>bilibili>优酷

1.芒果优势:

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

2.bilibili&优酷:

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

4.2视觉表现层:

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

4.3结构功能层:

1.隐私设置

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

2.互动方式

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

3.个性化设置

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

4.4横屏观影:

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

三、“一起看”功能分析

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

1.用户角度

2.产品角度

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

3.市场现状

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

1.咪咕视频一起看:

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

2.微光:

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

四、思考总结

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

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

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

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

参考文献:

并不反映任何黑马家族之意见及观点本文原创,未经作者允许不可转载!

THE END
1.5款在线UI设计工具横向测评,设计师必备!长期以来,Axure RP一直是市场上最好的在线UI设计工具之一,对于需要强大功能、复杂交互和动态数据的技术项目非常适用。除了其它在线UI设计工具提供的标准功能,Axure RP还提供了线框组件,帮助UI设计师更深入地规划复杂的信息架构。 缺点:没有自动布局、自适应窗口和组件动效等智能UI设计功能。 https://pixso.cn/designskills/zaixianuishejigongju/
2.UI设计线上培训UI设计网课UI/UE设计在线课程适合在校大学生、零基础想转行的非设计人员、期望得到技能提升的在职设计人员等不同的人群学习,让学员能掌握平面设计、淘宝电商设计、网页设计和UI设计等工作技能,打破传统模式下"设计只会软件操作无法创新”的局限,让学员能在老师的带领下不断的提升。 【课程名称】:UI设计 【上课时间】:线上https://www.qinxue365.com/course/660853.html
3.Placeit:线上UI设计工具Placeit,线上UI设计工具,placeit对于各种模板设计都有很大的支持,包括:海报,设计模板,logo、UI、视频、游戏等。每种类型都有丰富的模板。只需选择自己喜欢的UI原型模板并进行修改,就可以快速获取UI产品的原型显示,然后单击获取免费的原型模板材料,使非专业设计者也能轻松制作出专业级别的设计作品。 https://www.yjpoo.com/site/4517.html
4.新像素UI设计(B端方向)线上开课啦!新像素 | UI设计(B端方向)线上开课啦! 新像素UI设计B端方向线上 进阶 首期班名额限制40人 ,先https://www.jiaoyubao.cn/news/n79451.html
5.佛山平面设计线上培训,轻松掌握设计精髓,广告设计培训中心 佛山平面设计线上培训,-轻松掌握设计精髓在现代社会,审美需求的提升使得人们在各个生活领域都追求品质感。商品与服务的同质化竞争让视觉吸引力成为消费者选择的关键因素。平面设计师迎来了黄金时代。平面设计不仅应用广 。泛,还催生了更多设计领域的就业机会。掌握平面设计,意味着为职业发展开辟更多http://m.feifanedu.cn/view.php?aid=435895
6.ps后期线上培训PS影楼后期培训 浏览:151 PS后期培训学校 浏览:21 摄影PS后期培训 浏览:129 线上UI设计培训 浏览:86 如何培训PS后期技术 浏览:240 PS后期处理教程培训 浏览:133 PS后期制作培训 浏览:69 PS线上培训机构靠谱吗 浏览:162 线上UI设计培训哪个好 浏览:110 线上设计培训机构哪个好 浏览:49 讲师https://zixue.3d66.com/article/details_8773.html
7.桩到家UI设计 1、负责app、web端UI设计; 2、负责日常线上线下运营活动所需的视觉设计; 3、参与制定产品的整体视觉设计规范。 任职要求 1、本科学历,艺术类相关专业; 2、精通各种视觉效果的呈现,熟练使用Photoshop、Illustrator或sketch等必备专业软件; 3、有两年以上从事设计工作的工作经验; http://ohcharge.com/join.aspx
8.学习UI设计的线下线上强化学习法 线上视频提前预习,线下讲练相结合的面授教学方式,加强学员知 识点的吸收,达到好的学习效果; 项目实战检验学习效果法 高级班学员学完研修阶段均可参与实训项目投标,边赚钱边攒 经验,做到学以致用;查看中标实训详情 ui设计培训杭州 杭州学ui设计培训班 杭州ui培训机构哪家好 优质的https://www.thea.cn/px461_hz_12625071.htm
9.Flutter跨平台移动应用开发:从UI设计到发布上线的完整项目实战相比传统的原生应用开发方式,Flutter提供了更快的热重载速度,更加丰富的UI组件库,以及更好的性能表现。而今,在市场上已有许多成功的应用采用了Flutter进行开发。接下来,我们就来看看如何从UI设计到发布上线,完成一款完整的Flutter跨平台移动应用开发项目。 二、UI设计:打造精美的用户界面https://www.jianshu.com/p/465f65ccd317
10.电脑端页面UI设计有财doostarter价格: ¥3690.00~8890.00 销量:825 设计套餐: 豪华定制 高端定制 时尚搭建 快递:包邮 库存量: 0 购买数量: 已售罄 产品保证 官方直供 产品详情 产品评论(0) 销售记录(0)https://www.doostarter.com/pd.jsp?id=190
11.福州达内教育UI设计培训怎么样IT互联网2.学UI设计需要有手绘基础吗?学UI设计不需要手绘基础。 手绘只是一个职业技能,并不是主要的职业需求,有手绘基础并不会给你雪中送炭一样的作用。手绘只是在视觉表达上会有优势,但并不是不会手绘就做不了UI。手绘对于UI设计师来说是锦上添花。所以说,学UI设计不需要手绘基础。但如果你想要在激烈的竞争中脱颖而https://m.haokeduoduo.com/news374927.html
12.UI设计师常见的设计中点线面使得UI设计行业的持续走热,让许多企业也顺应市场的要求,对UI设计也越来越重视,几乎每个中大型IT企业都会在产品设计和UI界面设计上加大投资力度,这样的行业发展趋势吸引了越来越多的人参加UI设计工作,也有很多人都通过参加UI设计培训课程来转行UI设计,今天八维职业学校和大家一起来看看UI设计师常见的设计中点线面,希望https://www.bwie.com/index.php/jsgh/554.html
13.5款软件原型设计工具,在线和本地都能做原型即时设计是一款云端线上 UI 设计工具,可以支持 UI 设计、原型设计和代码标注,目前已经有 200 万用户了,算是国产 UI 设计工具的佼佼者。 这次单独介绍它的原型功能,即时设计前身就是专门做原型工具的 xiaopiu ,所以它的原型设计功能底子很好,原型连线、交互事件、智能动画,通通一步到位。 https://js.design/special/article/software-prototype-design-tools.html
14.微信小程序定制开发全流程解析:从需求分析到上线测试摘要: 本文详细介绍了微信小程序定制开发的全过程,包括需求了解、UI设计、前后端开发、接口调试及多轮测试等关键步骤。通过阐述每个环节的重要性和执行细节,旨在帮助企业更好地理解并规划自己的小程序项目。 关键词: 微信小程序,定制开发,需求分析,UI设计,前后端开发,接口调试,本地测试,线上测试,bug修复,项目交付 https://www.truifu.com/Index/news_detail/id/649.html
15.Android应用开发AndroidUI设计之布局管理器(2) 在LinearLayout中添加分隔线 a. 使用ImageView添加(低版本3.0以下) 垂直布局 横向宽度填满: 如果布局是vertical, 那么设置一个ImageView宽度fill_parent, 高度2dp, 设置一个背景色; 水平布局 纵向高度填满: 如果布局时horizontal, 那么设置一个ImageView宽度2dp, 高度fill_parent, 设置一个背景色; https://cloud.tencent.com/developer/article/2246418
16.成都宣传册设计公司蓝橙视觉蓝橙视觉为企业提供各种宣传物料设计服务,面对不同的宣传场景,我们提供针对性的设计服务,其中包括:线上物料设计,微信宣传图设计,宣传物料设计等!包年包月设计,长期供图服务!http://www.lc-ui.cn/
17.设计必修课:AdobeXD移动UI设计(微课视频版)最新章节卢斌著可以在移动设备上下载并安装Adobe XD移动应用程序,完成后即可在iOS和Android设备上预览XD文件的UI设计和原型交互效果。 同时,还可以将多个设备连接到正在运行Adobe XD的计算机上,此时,用户在计算机中的Adobe XD中修改设计和原型,在所有连接的移动设备上可以实时预览修改后的XD文件。 2.10.2 Adobe XD为何不提示用户https://m.zhangyue.com/readbook/12745185/59.html
18.ui设计师职业规划书(通用8篇)在国内,很多公司里是没有单独的交互设计师岗位的。 一种情况是由产品经理直接负责,需求和交互设计都是产品经理一个人,然后由视觉设计负责图形界面设计(GUI)和其他美术资源的设计。 另一种情况是,产品经理负责需求,UI设计师(或交互设计师)负责交互设计和视觉设计。产品经理和ui设计师共同研究用户体验。 https://www.360wenmi.com/f/filexrv45k7f.html
19.UI设计UI图标设计初阶要先型平面其它平面设计这篇教程是向脚本之家的朋友介绍UI图标设计初阶要先型,教程很不错,对于UI设计的朋友真的很有帮助,推荐到脚本之家,喜欢的朋友快快来学习吧https://www.jb51.net/pingmian/397320.html
20.医疗APP开发体检线上预约挂号问诊病情**开发APP原生开发我要买医疗APP开发体检线上预约挂号问诊病情**开发 订单金额 ¥2100元 需求描述 我要买服务范围:APP开发 小程序开发 软件开发 慢性病解决方案 服务行业:商城、**、直播、家政、教育、医疗、同城、智慧、社交、律师、招聘、展示、银行、服务、预约、游戏、答题、盲盒、团购、分销、打卡、回收、共享、培训、农业、旅https://m.zbj.com/xq/AkfCJJpHyTdNDaAs.html
21.ui线上培训内容和线下区别是什么?哪个好所以近年来,很多小伙伴都会选择培训来学习ui设计,但是现如今培训的方式也是多种多样的,既有线下的也有线上的,这让许多小伙伴们不知道要如何选择,那么ui线上培训内容和线下区别是什么?哪个好? 其实很多培训机构线下和线上的课程差异都很多,线上的授课方式也有很多种,有录播的,也有直播授课的,但是教学质量一般,学生https://wap.hxsd.com/content/10363/