短视频拍摄流程交互指北(1)

这篇文章有点长,不是官方的设计原则指南,而是纸质文章,在整个简短的视频设计过程中一个接一个地填补了空白。填补漏洞的第一个目的是帮助交互设计人员快速了解产品的需求。同时,尝试确定需求是否适当,并完成实现的可行性,详细的设计计划。大大减少了对需求计划进行后续调整的可能性(这是一个很好的愿望)。

短视频拍摄流程交互指北(1)

文案写作是根据短视频应用程序的每个模块进行单独分析的。重点放在拍摄过程上,主要竞争产品参考是豆阴,快手,faceu,VUI等。

直接在照片中讲话:

短视频拍摄流程交互指北(1)

(短视频功能架构会不断更新)

拍摄,编辑和发布过程是视频的核心功能模块。因此,取出三部分来详细说明。设计拍摄过程的主要考虑因素包括:拍摄入口,拍摄准备页面,拍摄页面,暂停页面,预览页面。

(1)位置

您需要对每个页面进行区分,通常在播放页面/主页底部的导航中首先出现。目前,Tik Tok是主要产品。进入应用程序后,用户可以主要观看视频播放内容。底部的导航显示了主要功能的入口。射击端口位于下部导航中心的突出位置,便于注意快速找到发现并单击以进行调用。

或者,像“快手”这样的相对“传统”的方法,在标题栏的左侧和右侧分别放置有芽,主页为瀑布展品留出了空间。

短视频拍摄流程交互指北(1)

(拍摄方式)

其次,它显示为聚合页面或瀑布页面,通常以底部的多层按钮的形式出现。减弱的位置在顶部标题栏中,这两个位置都需要永久显示。同时,它不会干扰用户的浏览体验。

其他类别是一些空白页,例如收藏夹,草稿箱,个人主页等。您需要激发用户拍摄视频内容,这时需要将您的拍摄永久显示在空白页面上。用户可以单击并射击,而无需跳出页面。缩短操作路径。

(2)风格

一种。 常驻

原位置入口通常与底部导航栏或顶部标题栏位于同一区域。因此,它通常是永久性的,并且方便用户快速进入拍摄过程。

b。 浏览时隐藏支持

在摘要页面的下一层,例如主题,活动摘要页面或材料摘要页面等页面,此类页面主要显示当前主题或材料下的用户视频。它主要以瀑布的形式展示,暴露拍摄端口的主要目的是缩短用户的操作路径。因此,在优先级比较中,当用户滑动查看瀑布的内容时,可以暂时隐藏拍摄对象。

拍摄页面是正在拍摄的页面,但是此时的场景是用户提起手机并为其自己或他面前的场景录制视频内容时的场景。射击?在录制过程中,设备基本上处于自动驾驶阶段,并且用户在拍摄完成之前很少在页面上进行交互。

因此,此页面的设计要点是核心元素的显示样式。核心要素是什么?与拍摄进度有关的元素:进度条,暂停按钮和结束按钮。

(1)进度条

在拍摄过程中,进度条可以显示拍摄时间值。在实时通知用户拍摄进度的同时,进度条的速度还可以为用户提供有关拍摄时间的完整信息。鼓励用户在拍摄过程中有特定的心理期望。

形式和进度条主要有两种:线性和弧形。

一种。 线性进度条

线性进度栏出现在页面的顶部或底部。与曲线进度条相比,线性进度条的两端可以显示实时拍摄时间和整体结束时间。使用进度条可以实时驻留或移动数字显示。

线性进度条和拍摄按钮是分开的,但是此时,拍摄按钮变为暂停按钮并显示在页面上。因此,此时,暂停按钮可能会闪烁或呼吸。通知用户有关拍摄信息的状态。

b。 弯曲进度条

弧形进度条通常显示在按钮位置。从准备页面到拍摄页面,用户的注意力始终在这里,因为进度条和暂停按钮共享同一区域,同时视觉连续性极佳。直观上,您目前无法将动态效果添加到暂停按钮。

作为一种交流效果,隔离的进度条不能承载太多的数字信息。与线性进度条相比,用户无法轻松地建立弧长和时间长的对应关系。因此,弧形进度条很少干扰特定的数字信息。相反,您可以查看节点。如果您需要强制发布拍摄时间信息,我们建议将其放置在页面顶部,以方便访问用户的视线,或者将其放置在按钮下方,而没有任何强制性限制。

短视频拍摄流程交互指北(1)

(线性进度条和弯曲进度条)

一些设计师可能会怀疑,弧形的中心位置可以显示实时信息。想在这里查看信息吗?

实际上,很容易理解这个问题。该位置的另一个主要功能是暂停,尽管它主要取决于功能位置。它显示数字信息,这不可避免地影响用户与该位置进行交互的可能性。如果强行使用,用户的教育费用会很高,但利润不值得损失。

从通用的角度来看,当射击动作是长按射击时,用户的拇指始终会遮挡中心位置,但是视线根本无法触及。

(2)暂停

到目前为止,当前的视频捕获功能已经得到发展,并且通过微信,快手,妙拍和小卡秀等产品促进了用户的拍摄行为,分段视频捕获已成为短视频捕获的规范。它是。根据两种拍摄方法(长按和点击),有两种暂停按钮:显式按钮和隐式按钮。

有一个明确的拍摄按钮,即页面上带有清晰暂停的图标,它支持单击拍摄的交互操作。单击拍摄按钮时,将相应显示一个暂停按钮。用户在拍摄时不会触摸屏幕,只需单击以暂停需要触发的按钮的交互行为。

隐藏的相机按钮,支持长按拍摄操作,只需单击页面上显示的拍摄按钮,不显示星形暂停按钮图标,但在拍摄过程中暂停用户的释放操作它直接对应于该操作。

短视频拍摄流程交互指北(1)

(暂停按钮样式)

(3)完成

拍摄完成按钮,在用户的拍摄动作完成后联系,联系进入下一级编辑过程,复制可能是“下一步”,但样式应为“复制+按钮”样式您也可以直接使用通用图标表示:或→等

“完成”按钮通常只是一个暂停过程。当达到产品的最短拍摄时间时将显示(ps:考虑到视频内容的质量,产品通常需要设置最短拍摄时间,但是如果没有达到此限制,无法创建视频,这时“完成”按钮被隐藏或变灰并且不支持单击),用户必须手动单击以进入下一级页面。

对“完成”按钮的设置没有严格限制。常见的设计实践是“复制+按钮”样式位于标题栏的顶部(系统操作位置,按钮宽度占据较大的水平空间),而纯图标样式位于底部。拍摄操作区域(主要功能操作区域,图标占用很小的空间)。不必要的剑术这是近期最强大的实用性。

一种。 长期的节奏主要战术松手之后主要减少拇指操作,立即有可能在剑的右下角。

b。 点跳动可用于单手鼓掌,单手节奏停止,有人一拍手的手指停滞,高水平的运转率,完成安排,右下角或右上角立即可以匹配握剑的操作。

短视频拍摄流程交互指北(1)

(完成/一步以下)

第一卷句子初稿内容正在更新中.

虾饭&胖喵,Koshin Kosuke:pangmiaodesign,经济学和产品作家。高级交替设计师(一百度/爱艺),先生和夫人。猫的家伙。公共产品,影子媒体产品,立即在娱乐公司病房中专门注意公司产品,产品设计中的内容。“一只猫具有良好的近视搏动质量,万种好运!”

文字中的文字。非经济的可能是个人的上乘的短期节律流,禁止转移。

主题:不飞溅的短视基础知识,基于CC0

给造物主赏赆视频褄基本知识,鼓舞人心的TA抓紧创产品!
6个人
短视频拍摄流程交互指北(1)
短视频拍摄流程交互指北(1)
短视频拍摄流程交互指北(1)
短视频拍摄流程交互指北(1)
短视频拍摄流程交互指北(1)
短视频拍摄流程交互指北(1)
本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 sumchina520@foxmail.com 举报,一经查实,本站将立刻删除。
如若转载,请注明出处:https://www.dasum.cn/362.html

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注