怎么视频

在视频播放器中,合理的手势交互设计可以帮助用户提升操作上的便捷性,从而实现更快捷的触达。那么如果想在已有的手势交互上实现设计升级,产品或设计一侧可以怎么做?本篇文章里,作者针对手势交互优化一事进行了解

在视频播放器中,合理的手势交互设计可以帮助用户提升操作上的便捷性,从而实现更快捷的触达。那么如果想在已有的手势交互上实现设计升级,产品或设计一侧可以怎么做?本篇文章里,作者针对手势交互优化一事进行了解读,如何进行视频,一起来看。,

一、前言

视频播放器中承载着极其丰富的内容画面和播控功能,尤其是在寸土寸金的移动端视频播放器中,为使内容更沉浸消费,需尽可能克制界面中的功能元素/入口直接外露。基于此种场景下,合理的手势设计不但可为界面“减负”,还可帮助用户更快捷触达功能、提升操控便捷性。

企业回您想要在百度上发视频的话,首先需要您申请开通百度推广账户,开户需要提供行业和公司资质,同时需要缴存一笔推广费用,开完户签完合同之后,就可以正式上线推广发布广告。您可以通过拨找打百度营销专线或在网页线上申请等方式申请百度营销服务。

视频场景中目前已有部分的常规单向手势已被用户广泛接受并形成习惯认知,如「单击 →暂停」、「双击→点赞」、「长按→快进」、「横滑→导航」、「纵滑→切视频」、「双指捏合→缩放视窗」等通用手势。

那么如何在保留用户对于常规通用手势认知的基础上,进一步对视频场景中的手势交互进行扩容升级?这也是我们接下来在手势进阶交互上的重点探索方向。

本次针对百度APP中的视频播放器场景,为提升手势操控效率,我们试图将常规的基础通用手势进行打散重组、并结合实践案例梳理出「组合手势」设计模型,以探索如何在视频场景中构建便捷高效的进阶手势体验设计。

二、什么是「组合手势」

「组合手势」是基于常规手势的组合扩展,其通常由两种或两种以上的常规基础手势所构成,若组合方式及使用场景得当,可助力用户更便捷的触达功能。

以前述的视频场景常规手势为例,其触发机制一般可分为两个阶段:step1交互信号→step2执行任务,即用户通过某一基础手势发出交互信号,系统收到信号确认后便可立即执行任务,但整个过程是线性的,手势扩展性十分有限且难以满足视频场景对于手势扩容的诉求。

于是我们在现有常规手势两阶段触发机制的基础上,尝试引入「意图识别」环节,并梳理出「组合手势」的设计模型,以探索不同基础手势相互组合后的扩展可行性。

「组合手势」触发一般可分为三个阶段:step1交互信号→step2意图识别→step3执行任务,前两阶段均可由对应的基础分支手势构成并进行组合搭配、以寻求最高效的手势组合触发路径。

由于「组合手势」并不像常规手势那样早已被系统定义为可供直接调用的接口,因此,其差异化创新具有较大设计灵活度,尤其需根据具体的使用场景进行综合考量。

三、「长按组合手势」激活快捷菜单

1. 项目背景

百度APP视频场景早期的播控功能较少,如“视频下载”等个别特色功能入口一般都融合于基础菜单之中。

随着后续视频场景的功能建设日渐完善,我们便在基础菜单面板中拓展了一行视频菜单,专门用于承载视频场景特有的播控功能。但当前播控功能已达10余项,菜单面板弹出后还需左滑才可露出后面的功能入口,因此也常收到用户反馈找不到常用功能、菜单面板功能排布无章且触发成本高。

2. 竞品调研及选型

通过对竞品进行调研,我们发现竞品均有使用长按手势作为切入口以触发相关播控功能、并归纳出“视频播控触发”目前主流的三种长按交互选型, 分别为:长按触发独立播控面板、长按触发浮层播控选项、长按触发特定播控功能。

选型A「长按触发独立播控面板」:通过长按手势可激活从屏幕底部弹出的独立播控面板,此方案扩展性较强,但对视频沉浸观感体验有一定的打断感;

选型B「长按触发浮层播控选项」:通过长按手势可触发置于视窗上层的浮层选项入口,一定程度上可延续视频观看的沉浸体验,但浮层扩展性有限;

选型C「长按触发特定播控功能」:通过长按手势触发特定的某个播控功能(如长按“快进”),一定程度上可满足此功能的重度用户,但对于长按手势的使用效率较低。

3. 设计方案

1)长按手势交互扩容

针对目前视频播控菜单存在的问题,经过和业务对上述三种长按交互选型方案进行综合考量,最终决定聚焦于以方案“选型B”的「长按触发浮层播控选项」作为设计切入点。我们意图将部分高频播控功能从基础菜单中拿出进行前置,并探索一套更便捷的触发机制,以此对视频场景中的播控菜单进行设计升级。

那么如何在兼容用户已有长按操作习惯的基础上再拓展“快捷菜单”呢?是否有可能将“快进”和“快捷菜单”进行融合?这也是本次项目对于便捷手势体验的重要设计探索点。

基于此,我们决定尝试使用「组合手势」设计模型来对视频播放器中的长按手势进行重新定义,通过「长按+滑选」的机制触发快捷菜单功能项,以缩短视频常用功能路径。对应到设计模型的三个阶段分别为:

step1:以“长按手势”创建一个新模式,即发出交互信号并唤出浮层菜单;

step2:若用户未松开手指,则系统默认开始识别用户意图,是否有以“拖拽手势”滑选至目标功能项以选择功能;

step3:用户滑选锚定至目标功能后,松手释放即可完成最后的功能执行确认。

「长按+向上滑选」快捷触发对应功能项;

「长按+向下滑选」快捷触发“快进”(一定程度上兼容老用户对于此功能的使用习惯)。

2)容错性兼容

在设定「长按+滑选」组合手势的同时,考虑到兼容主流的长按习惯、以及对于滑选手势需要有一定的适应过程,我们同时也支持点选的操作模式,即用户长按后若未产生滑选行为便松手,则松手后依然可通过点选的方式触发对应播控功能项。

3)易用性打磨

差异化的创新设计形式在前期总会面临质疑和挑战,本次项目也不例外。我们担心用户能否接受并认知「长按+滑选」组合手势的操作形式,于是在DEMO开发完成后便进行了一次小范围内的定性可用性测试,以预期在上线前可先收集一波体验问题进行快速打磨优化。

具体使用方式如下:1、先打开手机主屏上的“设置”应用。2、接着在设置列表中找到“FaceTime”一栏,点击进入。3、打开“FaceTime”选项,然后等待系统激活。4、当激活成功以后,接下来打开FaceTime应用,就可以与好友进行视频。

我们根据测试目标、用户类别、测试前序准备及测试步骤等环节提前拟好必要的测试脚本,并邀请了10+名不同年龄段的目标用户进行访谈测试。

测试访谈的过程中,被测用户在进行1至2次尝试操作之后,均可掌握如何使用「长按+滑选」的组合手势,这也为我们增添了不少信心。

同时,我们通过观察用户操作行为及用户主动反馈,发现仍有部分易用性细节可进一步打磨优化。

① 扩展触发热区

考虑到单手握持手机的使用场景,可尽可能扩大定义长按手势的触发热区,屏幕中除顶/底bar框架区以及本身就自带长按事件的按钮入口之外,其它大面积区域热区均可支持长按触发快捷菜单,以降低触发难度、提升易用性。

② 支持跟手触发

长按后浮出的快捷功能项,其浮出位置支持跟随手指的纵向触发位置而浮出,可减少手指在屏幕上的位移距离、操控更便捷。

怎么视频

③ 实时提示及响应反馈

4. 方案上线及验证

以AB实验对本次设计方案进行定量测试验证:

「对照组」效果:长按触发“快进”(各播控功能入口仍归置于基础菜单面板之中);

1、首先打开我的电脑 ,在我的电脑界面上,双击摄像头图标,打开摄像头。2、打开摄像头后,在弹出的摄像头对话框中点击左上角的开始录制按钮。3、视频录制完成后,点击开始录制按钮旁边的停止录制。4、视频文件会自动保存,。

「实验组」效果:长按触发“快捷菜单”选项(支持滑选和点选模式)。

小流量实验上线后,经过近半个月的观察,大盘指标稳定、播放完成率等满意度指标稳步提升。

「实验组」长按快捷菜单中的功能使用率相对「对照组」均有大幅提升,说明用户对部分高频功能的确有很强的快捷触发诉求。

「实验组」的“快进”虽多了一步触发步长,实验前期“快进”使用率不及「对照组」,但随着用户对于「长按+滑选」手势整体的使用占比持续走高,通过滑选触发“快进”的操作习惯也快速被培养起来,对于用户来说,长按快捷菜单带来的整体收益是大于折损的。

怎么视频

5. 二期扩展方案

随着长按快捷菜单的上线推全,长按手势的渗透率也持续走高,用户逐渐对视频场景更多的播控功能有了长按触发的诉求,于是我们对长按菜单进行了二期的设计升级,在长按浮层最右侧新增“更多”快捷入口以承接视频场景所有的播控功能,用户通过长按后的可选播控项增多,播控功能整体的使用量得到进一步提升。

怎么视频

四、「组合手势」拓展探索

手势交互是用户在现实世界行为的映射,无论是基础手势还是组合类高级手势,都须符合用户认知习惯、并融入具体的使用场景中进行设计。

以「组合手势」设计模型为指导基础、并结合具体的项目实践,我们进一步对视频播放器中更多功能场景进行了便捷手势的设计扩容探索。

1. 「右滑返回手势」激活“小窗播放”

“小窗播放”旨在退出当前视频落地页、并可将当前视频切换成以悬浮视窗的形式进行延续消费。

2. 「双指手势」激活“满屏播放”

“双指拖拽手势”可拖拽并清屏视窗画面,以此手势发出交互信号,若在“双指拖拽手势”基础上有识别到“双指扩张手势”行为,则松手释放即可快捷激活“满屏播放”,以满足更沉浸视频浏览体验。

五、结语

1、首先打开快影后点击【编辑视频】。2、接着就会打开手机相册,这里可以选择一个视频编辑也可以使用图片制作视频,方法都差不多,我们以图片视频为例,选择好图片后点击【完成】。3、这样就可以开始制作短视频了,首先可以对。

便捷手势的设计出发点是为提升操控效率、缩减功能触发路径,从而使视频内容更沉浸消费。希望本次基于视频播放器场景的手势体验设计实践能给大家带来帮助和启发,后续我们也将持续深耕视频领域、并进一步探索更贴合用户使用场景的手势交互体验。

题图来自Unsplash,基于 CC0 协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

上一篇 2023年02月11 22:44
下一篇 2023年02月18 17:50

相关推荐

  • 怎样快速开通快手直播

    一、快手直播开通条件1、绑定手机号;2、满足18周岁;3、实名认证;4、账号状态良好;5、作品违规了在要求范围内。二、快手直播开通步骤第一步:打开快手App,点击主页左上角【菜单-设置-开通直播】;马

    2023年01月06 267
  • 怎么去除视频的声音

    视频声音怎么提取?视频声音提取是指从视频中提取出声音轨道的技术。随着视频内容的日益丰富,视频声音提取技术的重要性也在提高。通过对视频声音的提取,可以实现对视频声音的独立处理、编辑、存储等,这对于视频的

    2023年05月15 260
  • 怎样把长视频发到朋友圈

    朋友圈如何发3分钟以上的长视频,经历了多年的迭代过后,现在的微信已经成为了几乎人手必备的APP之一;与此同时,微信也在逐步地走向“大而全”,一个微信安装包的大小甚至可以达到257MB。那么在微信不断迭

    2022年12月30 277
  • 为什么抖音关注不了别人,抖音点完关注后又掉了怎么解决

    抖音这五种人做不起来。我劝你不要做抖音了,做了你也拿不到结果,纯粹是在浪费时间。看看你是属于哪一种?第一种,直播了几场不理想,发了几条作品没有播放量,就抱怨这抱怨。我和你说做抖音就是一个江湖,没有发过

    2023年04月23 237
  • pr怎样导出视频

    我们日常使用的电脑/手机视频播放器的兼容性有限,所以大部分的视频格式都不支持播放,将它们的格式转换成MP4格式是一个非常有效的解决方法!那么怎么样才能将视频转换成MP4格式呢?下面就简单分享4个我常用

    2022年12月27 234
  • 主播怎么挣钱,绘画主播是怎么赚钱

    前段时间,不少明星、主播等因为偷税漏税接连被罚,罚款数额令人诧异,动不动就是几亿,绘画主播是怎么赚钱,甚至还有几十亿的,少的也有几百、几千万。让人不禁怀疑:她们用的和我们是一种货币吗?怎么普通人想赚个

    2023年01月09 254
  • 喜力直播为什么看不了

    就目前的司法判例看,在直播平台直播淫秽行为的,有判决认为构成制作、传播淫秽物品牟利罪或者传播淫秽物品牟利罪,也有认为构成组织淫秽表演罪。一、定制作、传播淫秽物品牟利罪或者传播淫秽物品牟利罪案例1:中山

    2023年04月16 233
  • 抖音怎么发长视频

    抖音怎么上传长视频?抖音上传本地长视频、抖音上传长时间视频、抖音上传长视频教程、抖音可以上传长视频吗?很多都有觉得15秒的时间太短,所要表达的内容太多,根本不够用。一、进入抖音在【我】界面中的右上角会

    2023年01月16 251
  • 三维多少钱,三维跟四维彩超哪个更准

    三维动画多少钱一帧?首先这个是一个错误的问题,三维动画一般是按秒报价,一秒多少钱?三维跟四维彩超哪个更准,我们都知道,一秒是25帧或者是30帧,在国内的话一般是25帧一秒,国外的话是30帧一秒,所以三

    2023年02月20 216
  • 怎样免费领取流量,从哪能免费领流量

    木吉生活榜第43期:七种免费领取手机流量的方法本期木吉榜单依据:网友票选NO.7首次登录营业厅领流量移动、联通和电信,都会有自己的手机客户端,从哪能免费领流量,也叫做手机营业厅,为了推广自家的APP,

    2023年01月01 205
  • 怎么复制视频

    ​​​​​​​​如果想要了解更多关于PPT的技巧,点击小编的头像,进入主页浏览以往文章即可。最后,小编特意为你准备了一份PPT福利资源,里面有:60页常用PPT版式手册;85页原创PPT设计案例手册;

    2023年02月09 217
  • 怎么开直播赚钱,纯聊天主播可以赚钱吗

    产业带商家培训营「第5期」一周速成班即将开始报名啦!如果你对带货直播感兴趣,想赶上直播的风口,但还没有摸索到带货直播的窍门。就快来文末解锁专属你的报名方式吧~刚刚结束的三月产业带商家培训营中有一颗很闪

    2023年05月09 242
  • 怎么把视频旋转90度

    现代配备四个“电子角模块”的IONIQ5现代展示支持横向移动的IONIQ5

    2023年01月18 269
关注微信