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

拍攝流程

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

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

（拍攝準(zhǔn)備頁架構(gòu)）

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

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

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

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

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

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

a.拍攝按鈕

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

b.本地上傳

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

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

c.模板

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

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

（模板）

d.其他

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

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

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

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

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

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

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

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

（美化浮層）

a.濾鏡

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

b.美體

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

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

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

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

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

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

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

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

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

（道具下載流程）

（5）時間功能（橙色區(qū)域）

a.倒計時

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

b.變速

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

（變速選項）

c.分段

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

d.定時停止

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

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

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

（音樂選擇頁面）

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

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

2. 暫停頁面

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

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

言歸正傳，繼續(xù)來看暫停頁面的涉及布局。

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

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

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

（拍攝準(zhǔn)備頁與暫停頁對比）

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

未完待續(xù)…

相關(guān)閱讀

短視頻拍攝流程交互指北（1）

#專欄作家#

蝦米&胖喵，微信公眾號：pangmiaodesign，人人都是產(chǎn)品經(jīng)理專欄作家。高級交互設(shè)計師（百度/愛奇藝），夫妻搭檔，貓奴。曾做過公益產(chǎn)品、影音媒體產(chǎn)品，目前專注于企業(yè)級產(chǎn)品、娛樂社區(qū)產(chǎn)品體驗設(shè)計?！坝胸?，就有一萬種美好！”

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

題圖來自Unsplash，基于CC0協(xié)議