短視頻拍攝流程交互指北(2)

1 評(píng)論 4586 瀏覽 30 收藏 16 分鐘

承接上文短視頻拍攝流程交互指北(1),主要將遺留的拍攝流程中的拍攝準(zhǔn)備頁(yè)和暫停頁(yè)面的內(nèi)容完結(jié)。

拍攝流程

1. 拍攝準(zhǔn)備頁(yè)

拍攝準(zhǔn)備頁(yè),是用戶點(diǎn)擊拍攝功能按鈕后進(jìn)入的頁(yè)面,也是進(jìn)入拍攝流程之前頁(yè)面,故名“準(zhǔn)備頁(yè)”。更詳細(xì)的頁(yè)面架構(gòu)如下圖,與上一篇文章中的內(nèi)容有差異,做了升級(jí)調(diào)整。

(拍攝準(zhǔn)備頁(yè)架構(gòu))

這幾個(gè)功能除了拍攝按鈕固定在頁(yè)面底部中央位置外,其他功能入口在頁(yè)面上沒(méi)有一個(gè)固定的布局樣式,根據(jù)主要的拍攝功能或者運(yùn)營(yíng)等因素影響,每個(gè)按鈕的布局位置都會(huì)隨之調(diào)整,但是無(wú)論如何變化調(diào)整,功能入口出現(xiàn)的區(qū)域是不變的。

在頁(yè)面通用的布局樣式區(qū)域如下:

(拍攝準(zhǔn)備頁(yè)功能區(qū)域)

橙色的倒L區(qū)域?yàn)橹饕墓δ軈^(qū),承載了大部分的功能內(nèi)容;拍攝按鈕兩側(cè)的綠色區(qū)域?yàn)槿肟趨^(qū)域,會(huì)放置相關(guān)的拍攝、上傳等功能,或者將產(chǎn)品策略上突出的入口放置于此,例如:貼紙、道具入口;輔助或者次要的入口會(huì)放在頁(yè)面底部藍(lán)色區(qū)域,有些頁(yè)面藍(lán)色區(qū)域是隱藏的;左側(cè)的深灰色區(qū)域理論上幾乎不會(huì)出現(xiàn)功能入口,因?yàn)檫@個(gè)位置屬于右手單手操作的非熱區(qū)位置,當(dāng)然,這也不是絕對(duì)的。

(1)入口區(qū)域(拍攝按鈕、綠色區(qū)域、藍(lán)色區(qū)域)

拍攝準(zhǔn)備頁(yè)面承載著開啟拍攝流程的作用,所以其頁(yè)面的核心內(nèi)容時(shí)開啟制作視頻的入口,主要包括拍攝和上傳兩種,其中還有一些特殊玩法會(huì)強(qiáng)化露出,如:制作影集、拍攝固定模板視頻等功能。玩法較多的時(shí)候,通過(guò)橫滑切換tab方式切換不同功能入口,點(diǎn)擊后進(jìn)入對(duì)應(yīng)的玩法流程。

a.拍攝按鈕

拍攝按鈕的樣式與相機(jī)的系統(tǒng)樣式基本無(wú)異,幾乎都是圓形按鈕;操作方式也是常規(guī)的點(diǎn)擊和長(zhǎng)按。拍攝按鈕的設(shè)計(jì)主要來(lái)源于用戶長(zhǎng)久以來(lái)養(yǎng)成的拍攝習(xí)慣,所以在樣式和布局上各大應(yīng)用幾乎無(wú)差異。所以在拍攝按鈕的設(shè)計(jì)上可創(chuàng)新性較小,在這里過(guò)度強(qiáng)調(diào)差異化和特立獨(dú)行并不是一個(gè)好的思路。

b.本地上傳

除了用戶手動(dòng)拍攝新的內(nèi)容,支持用戶上傳手機(jī)中已保存的視頻內(nèi)容。在一段完整的拍攝流程中,上傳流程與拍攝流程互斥,選擇上傳功能后,調(diào)起相冊(cè)頁(yè)面,選中目標(biāo)視頻后進(jìn)入編輯頁(yè),不會(huì)再進(jìn)入拍攝頁(yè)。

這里有一個(gè)特異的情況,就是VUE,能夠同時(shí)支持本地上傳和拍攝混排。但是其實(shí)這種混排支持的前提是在拍攝流程開始前就已經(jīng)對(duì)預(yù)期視頻進(jìn)行了分段,每一個(gè)段落中其實(shí)就是一段完整獨(dú)立的視頻,在每一段落的視頻拍攝中,同樣只支持一種視頻生產(chǎn)方式。

c.模板

即用戶可選擇固定玩法模板進(jìn)行有選擇的拍攝。模板內(nèi)容會(huì)在當(dāng)前頁(yè)面直接以card樣式顯示,一般會(huì)伴隨著炫酷的gif圖展示,充滿煽動(dòng)性的文字,同時(shí)以美女預(yù)覽效果為主來(lái)刺激用戶去參與。用戶可直接點(diǎn)擊card進(jìn)入拍攝流程,新的拍攝頁(yè)面直接呈現(xiàn)預(yù)設(shè)好的濾鏡、道具的拍攝效果。

使用拍攝模板前期通過(guò)良好的運(yùn)營(yíng),產(chǎn)品會(huì)產(chǎn)生一些爆款的效果,但是也很容易失去現(xiàn)新鮮感,被模仿的成本較低。

(模板)

d.其他

其他玩法入口和模板基本一致,切換后悔進(jìn)入固定的預(yù)設(shè)拍攝流程,在功能和操作上差異不大,主要在于用戶生產(chǎn)內(nèi)容的區(qū)別。

(2)系統(tǒng)功能(橙色區(qū)域、綠色區(qū)域)

系統(tǒng)功能主要是指閃光燈和攝像頭功能,這兩個(gè)功能是緊密聯(lián)系的,二者在位置上往往也是相鄰的。曾經(jīng)有一個(gè)細(xì)節(jié)是交互比較死磕的,就是關(guān)于閃光燈的狀態(tài)問(wèn)題。直觀來(lái)看,閃光燈主要是開啟和關(guān)閉狀態(tài),這兩種狀態(tài)是針對(duì)后置攝像頭開啟時(shí)出現(xiàn)的。但是實(shí)際上還有一個(gè)置灰無(wú)效狀態(tài),是針對(duì)前置攝像頭而言的,所以實(shí)際上閃光燈有三種狀態(tài)。

但是當(dāng)前隨著拍攝功能和玩法的增加,頁(yè)面上的入口越來(lái)越多,在空間不足的情況下,閃光燈的優(yōu)先級(jí)就變得極低,在一些應(yīng)用中甚至不會(huì)出現(xiàn)閃光燈和攝像頭翻轉(zhuǎn)的選項(xiàng)。

在保留閃光燈的應(yīng)用里,閃光燈也極少作為常駐入口存在,只是在切換至后置攝像頭時(shí)出現(xiàn)在不影響常駐入口的位置,畢竟很多拍攝流程默認(rèn)進(jìn)入時(shí)開啟的是前置攝像頭,相比與在產(chǎn)品策略上更加重要的其他入口,閃光燈選項(xiàng)存在的必要性太弱。

(攝像頭VS閃光燈狀態(tài))

(3)美化功能(橙色區(qū)域、綠色區(qū)域)

美化功能包括濾鏡及美體功能,包括瘦臉、瘦腰、長(zhǎng)腿等各種能夠想到的美化功能。美化功能一般都是批量出現(xiàn)的,需要用戶不斷選擇和嘗試,同時(shí)要支持實(shí)時(shí)預(yù)覽,因此頁(yè)面主要以浮層樣式展示,便于用戶選擇的同時(shí)可以實(shí)時(shí)預(yù)覽效果,同時(shí)對(duì)于“無(wú)”效果和重置選項(xiàng)需要在頁(yè)面常駐顯示。

(美化浮層)

a.濾鏡

濾鏡效果一般很少涉及微調(diào),都是選中即可,所以浮層樣式較為簡(jiǎn)單,支持橫滑,點(diǎn)擊切換效果。不過(guò)在頁(yè)面上往往還存在直接手勢(shì)橫滑切換濾鏡的快捷操作,與浮層選中狀態(tài)對(duì)應(yīng)。

b.美體

美體操作涉及到的功能較多,選擇方式主要包括階梯型的點(diǎn)擊選擇,以及滑塊選擇樣式,當(dāng)然二者同樣能夠結(jié)合使用。由于美體效果涉及微調(diào),當(dāng)調(diào)節(jié)很多選項(xiàng)但是仍然不滿意時(shí),用戶不可能在重新打開每個(gè)選項(xiàng)去還原數(shù)值,這個(gè)時(shí)候頁(yè)面出現(xiàn)“重置”按鈕對(duì)于體驗(yàn)是一個(gè)不錯(cuò)的提升。

(4)道具功能(綠色區(qū)域)

道具功能主要是指貼紙和掛件等增加頁(yè)面特殊效果的功能,拍攝道具的使用能夠增加拍攝內(nèi)容的趣味性,為用戶提供更多多樣性的玩法,創(chuàng)造更多有意思的內(nèi)容,這也是產(chǎn)品能夠留住用戶的一個(gè)比較關(guān)鍵的節(jié)點(diǎn)。

道具的使用本質(zhì)上也是低成本的讓用戶創(chuàng)造出更多內(nèi)容豐富和足夠吸引人的視頻內(nèi)容,從而提升產(chǎn)品的使用率,便于更多渠道去傳播。所以在設(shè)計(jì)上道具功能的入口主要在拍攝按鈕周圍出現(xiàn),使用突出的icon或者圖形展示入口,刺激用戶點(diǎn)擊。

所有的道具都是依賴拍攝內(nèi)容來(lái)呈現(xiàn)的,所以在使用流程上同美化功能相似,點(diǎn)擊后調(diào)起浮層,用戶可以實(shí)時(shí)看到道具的使用效果,但是還存在兩個(gè)區(qū)別。

區(qū)別一在道具的加載流程,除了常規(guī)的道具效果,很多道具內(nèi)容具有時(shí)效性或者緊跟熱點(diǎn)的屬性,產(chǎn)品后端會(huì)不定時(shí)推送新的道具上線,以保證對(duì)用戶的持續(xù)性刺激。所以道具入口在前端不會(huì)寫死,每次點(diǎn)開時(shí)都會(huì)向后臺(tái)請(qǐng)求一次數(shù)據(jù)來(lái)獲取新的內(nèi)容。

所以對(duì)于存在請(qǐng)求數(shù)據(jù)的產(chǎn)品而言,道具浮層打開時(shí)會(huì)存在一個(gè)loading加載的過(guò)程,盡管大部分時(shí)間這個(gè)過(guò)程幾乎肉眼不可見(jiàn),但是在網(wǎng)絡(luò)環(huán)境較差情況下還是需要的。

區(qū)別二在于道具使用時(shí)有一個(gè)下載的過(guò)程,對(duì)于應(yīng)用而言,每存在一個(gè)道具效果都是對(duì)程序空間的占用,所以當(dāng)?shù)谰吆芏鄷r(shí),大部分產(chǎn)品都是默認(rèn)下載幾個(gè)熱門道具便于用戶直接使用,更多其他道具使用時(shí)需要請(qǐng)求服務(wù)器下載,下載完成后才可以使用。

這時(shí)道具上會(huì)出現(xiàn)現(xiàn)在按鈕角標(biāo),用戶點(diǎn)擊后開始下載,下載完成后會(huì)自動(dòng)默認(rèn)選中當(dāng)前道具(這也是體驗(yàn)提升的一個(gè)小觸點(diǎn))。

(道具下載流程)

(5)時(shí)間功能(橙色區(qū)域)

a.倒計(jì)時(shí)

倒計(jì)時(shí)功能為與系統(tǒng)功能相似,主要是開啟和關(guān)閉操作,沒(méi)有更多擴(kuò)展性的功能,icon需要給出開啟和關(guān)閉兩種狀態(tài)。

b.變速

支持開啟和關(guān)閉,開啟后包括變快和變慢兩種功能。變速功能不影響拍攝過(guò)程,只影響生產(chǎn)出的視頻效果,在速度選擇上只是簡(jiǎn)單的檔位選擇,移動(dòng)設(shè)備性能的限制,無(wú)法做到精細(xì)化的速度調(diào)整。

(變速選項(xiàng))

c.分段

分段拍攝是指在拍攝前優(yōu)先設(shè)置好拍攝的段落,每一個(gè)段落是獨(dú)立拍攝的。分段拍攝類似一種簡(jiǎn)易的定制化模板,需要用戶去“填充”每一段的內(nèi)容。

d.定時(shí)停止

定時(shí)停止是指在一段拍攝內(nèi)容中,拍攝前預(yù)先設(shè)置停止位置,與拍攝中的點(diǎn)擊停止效果效果相同。設(shè)置定時(shí)停止能夠更加準(zhǔn)確控制時(shí)間長(zhǎng)度,但是作為前置操作,對(duì)于用戶的實(shí)際拍攝能力是一個(gè)考驗(yàn)。

(6)影音功能(橙色區(qū)域、綠色區(qū)域)

目前主要為添加背景音樂(lè)功能。添加音樂(lè)與實(shí)時(shí)的拍攝效果關(guān)聯(lián)度不高,而且音樂(lè)內(nèi)容的選擇流程本身相對(duì)復(fù)雜,需要用戶的沉浸操作,所以音樂(lè)選擇頁(yè)面主要以全屏的浮層為主,涉及熱門推薦、多種主題選擇,以及搜索等擴(kuò)展功能,頁(yè)面布局大同小異。

(音樂(lè)選擇頁(yè)面)

(7)其他功能(藍(lán)色區(qū)域)

其他功能可能涉及畫幅、頁(yè)面設(shè)置等一些小眾功能,再次不做過(guò)多講述。同其他主流功能類似,其他小眾功能在頁(yè)面設(shè)計(jì)上仍主要以浮層為主,選擇功能不易過(guò)于復(fù)雜。

2. 暫停頁(yè)面

當(dāng)前市場(chǎng)上主流的短視頻拍攝應(yīng)用中,為了滿足用戶拍攝能夠更多多樣化的場(chǎng)景和內(nèi)容,低門檻創(chuàng)作更多高質(zhì)量的視頻內(nèi)容,在拍攝流程中基本上都會(huì)支持暫停和續(xù)拍,便于讓用戶轉(zhuǎn)換場(chǎng)景拍攝下一段內(nèi)容。

無(wú)論是單擊拍攝還是點(diǎn)擊拍攝方式,一般用戶都很難做到“一鏡到底”地不間斷拍攝,即便是院線電影的拍攝亦是如此。暫停頁(yè)面的出現(xiàn)說(shuō)明了該應(yīng)用支持?jǐn)帱c(diǎn)續(xù)拍功能,用戶能夠?qū)⒁徽蝺?nèi)容分割成無(wú)數(shù)的小片段來(lái)完成制作,這也是滿足用戶操作和認(rèn)知習(xí)慣的一個(gè)重要的功能。

言歸正傳,繼續(xù)來(lái)看暫停頁(yè)面的涉及布局。

暫停頁(yè)面是一個(gè)承上啟下的頁(yè)面,一方面需要讓用戶能夠?qū)ι弦欢蝺?nèi)容進(jìn)行重新編輯,但是由于還沒(méi)有進(jìn)入后續(xù)的特效、濾鏡等編輯環(huán)節(jié),所以這里的編輯操作只是簡(jiǎn)單粗暴的“刪除”或者“完成”進(jìn)入編輯流程等;

另一方面需要讓用戶能夠開啟新的錄制內(nèi)容,因此在整體的頁(yè)面布局上和拍攝準(zhǔn)備頁(yè)面在拍攝功能上基本沒(méi)有差異,入口區(qū)域會(huì)相應(yīng)去掉功能互斥的入口,如:隱藏上傳入口、拍攝操作方式、模板選擇等。

需要補(bǔ)充一點(diǎn)的是,因?yàn)榇蠖鄶?shù)應(yīng)用都是需要暫停頁(yè)面重新錄制新的內(nèi)容,所以暫停頁(yè)面需要始終調(diào)起攝像頭功能,方便用戶取景。特殊情況下,可以是對(duì)上一段內(nèi)容的重復(fù)輪播,例如:本身流程為上傳內(nèi)容頁(yè)面。

(拍攝準(zhǔn)備頁(yè)與暫停頁(yè)對(duì)比)

暫停頁(yè)面與拍攝準(zhǔn)備頁(yè)差異不大,功能復(fù)用的地方很多,所以關(guān)于暫停頁(yè)面的講述也就到此為止。

未完待續(xù)…

相關(guān)閱讀

短視頻拍攝流程交互指北(1)

#專欄作家#

蝦米&胖喵,微信公眾號(hào):pangmiaodesign,人人都是產(chǎn)品經(jīng)理專欄作家。高級(jí)交互設(shè)計(jì)師(百度/愛(ài)奇藝),夫妻搭檔,貓奴。曾做過(guò)公益產(chǎn)品、影音媒體產(chǎn)品,目前專注于企業(yè)級(jí)產(chǎn)品、娛樂(lè)社區(qū)產(chǎn)品體驗(yàn)設(shè)計(jì)?!坝胸垼陀幸蝗f(wàn)種美好!”

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!