今年超火的短視訊,我為你整理了一份拍攝流程互動指南(二)
承接上文 ofollow,noindex" target="_blank">《今年超火的短視訊,我為你整理了一份拍攝流程互動指南(一)》 ,主要將遺留的拍攝流程中的拍攝準備頁和暫停頁面的內容完結。
一、 拍攝準備頁
拍攝準備頁,是使用者點選拍攝功能按鈕後進入的頁面,也是進入拍攝流程之前的頁面,故名「準備頁」。更詳細的頁面架構如下圖,與上一篇文章中的內容有差異,做了升級調整。
△ 拍攝準備頁架構
這幾個功能除了拍攝按鈕固定在頁面底部中央位置外,其他功能入口在頁面上沒有一個固定的佈局樣式,根據主要的拍攝功能或者運營等因素影響,每個按鈕的佈局位置都會隨之調整,但是無論如何變化調整,功能入口出現的區域是不變的。
在頁面通用的佈局樣式區域如下:
△ 拍攝準備頁功能區域
橙色的倒 L 區域為主要的功能區,承載了大部分的功能內容;拍攝按鈕兩側的綠色區域為入口區域,會放置相關的拍攝、上傳等功能,或者將產品策略上突出的入口放置於此,例如:貼紙、道具入口;輔助或者次要的入口會放在頁面底部藍色區域,有些頁面藍色區域是隱藏的;左側的深灰色區域理論上幾乎不會出現功能入口,因為這個位置屬於右手單手操作的非熱區位置,當然,這也不是絕對的。
1. 入口區域(拍攝按鈕、綠色區域、藍色區域)
拍攝準備頁面承載著開啟拍攝流程的作用,所以其頁面的核心內容是開啟製作視訊的入口,主要包括拍攝和上傳兩種,其中還有一些特殊玩法會強化露出,如:製作影集、拍攝固定模板視訊等功能。玩法較多的時候,通過橫滑切換 tab 方式切換不同功能入口,點選後進入對應的玩法流程。
拍攝按鈕
拍攝按鈕的樣式與相機的系統樣式基本無異,幾乎都是圓形按鈕;操作方式也是常規的點選和長按。拍攝按鈕的設計主要來源於使用者長久以來養成的拍攝習慣,所以在樣式和佈局上各大應用幾乎無差異。所以在拍攝按鈕的設計上可創新性較小,在這裡過度強調差異化和特立獨行並不是一個好的思路。
本地上傳
除了使用者手動拍攝新的內容,支援使用者上傳手機中已儲存的視訊內容。在一段完整的拍攝流程中,上傳流程與拍攝流程互斥,選擇上傳功能後,調起相簿頁面,選中目標視訊後進入編輯頁,不會再進入拍攝頁。
這裡有一個特異的情況,就是 VUE,能夠同時支援本地上傳和拍攝混排。但是其實這種混排支援的前提是在拍攝流程開始前就已經對預期視訊進行了分段,每一個段落中其實就是一段完整獨立的視訊,在每一段落的視訊拍攝中,同樣只支援一種視訊生產方式。
模板
即使用者可選擇固定玩法模板進行有選擇的拍攝。模板內容會在當前頁面直接以 card 樣式顯示,一般會伴隨著炫酷的 gif圖展示,充滿煽動性的文字,同時以美女預覽效果為主來刺激使用者去參與。使用者可直接點選 card 進入拍攝流程,新的拍攝頁面直接呈現預設好的濾鏡、道具的拍攝效果。
使用拍攝模板前期通過良好的運營,產品會產生一些爆款的效果,但是也很容易失去新鮮感,被模仿的成本較低。
△ 模板
其他
其他玩法入口和模板基本一致,切換後會進入固定的預設拍攝流程,在功能和操作上差異不大,主要在於使用者生產內容的區別。
2. 系統功能(橙色區域、綠色區域)
系統功能主要是指閃光燈和攝像頭功能,這兩個功能是緊密聯絡的,二者在位置上往往也是相鄰的。曾經有一個細節是互動比較死磕的,就是關於閃光燈的狀態問題。直觀來看,閃光燈主要是開啟和關閉狀態,這兩種狀態是針對後置攝像頭開啟時出現的。但是實際上還有一個置灰無效狀態,是針對前置攝像頭而言的,所以實際上閃光燈有三種狀態。
但是當前隨著拍攝功能和玩法的增加,頁面上的入口越來越多,在空間不足的情況下,閃光燈的優先順序就變得極低,在一些應用中甚至不會出現閃光燈和攝像頭翻轉的選項。
在保留閃光燈的應用裡,閃光燈也極少作為常駐入口存在,只是在切換至後置攝像頭時出現在不影響常駐入口的位置,畢竟很多拍攝流程預設進入時開啟的是前置攝像頭,相比於在產品策略上更加重要的其他入口,閃光燈選項存在的必要性太弱。
△ 攝像頭VS閃光燈狀態
3. 美化功能(橙色區域、綠色區域)
美化功能包括濾鏡及美體功能,包括瘦臉、瘦腰、長腿等各種能夠想到的美化功能。美化功能一般都是批量出現的,需要使用者不斷選擇和嘗試,同時要支援實時預覽,因此頁面主要以浮層樣式展示,便於使用者選擇的同時可以實時預覽效果,同時對於「無」效果和重置選項需要在頁面常駐顯示。
△ 美化浮層
濾鏡
濾鏡效果一般很少涉及微調,都是選中即可,所以浮層樣式較為簡單,支援橫滑,點選切換效果。不過在頁面上往往還存在直接手勢橫滑切換濾鏡的快捷操作,與浮層選中狀態對應。
美體
美體操作涉及到的功能較多,選擇方式主要包括階梯型的點選選擇,以及滑塊選擇樣式,當然二者同樣能夠結合使用。由於美體效果涉及微調,當調節很多選項但是仍然不滿意時,使用者不可能再重新開啟每個選項去還原數值,這個時候頁面出現「重置」按鈕對於體驗是一個不錯的提升。
4. 道具功能(綠色區域)
道具功能主要是指貼紙和掛件等增加頁面特殊效果的功能,拍攝道具的使用能夠增加拍攝內容的趣味性,為使用者提供更多多樣性的玩法,創造更多有意思的內容,這也是產品能夠留住使用者的一個比較關鍵的節點。
道具的使用本質上也是低成本的讓使用者創造出更多內容豐富和足夠吸引人的視訊內容,從而提升產品的使用率,便於更多渠道去傳播。所以在設計上道具功能的入口主要在拍攝按鈕周圍出現,使用突出的 icon 或者圖形展示入口,刺激使用者點選。
所有的道具都是依賴拍攝內容來呈現的,所以在使用流程上同美化功能相似,點選後調起浮層,使用者可以實時看到道具的使用效果,但是還存在兩個區別。
區別一在道具的載入流程,除了常規的道具效果,很多道具內容具有時效性或者緊跟熱點的屬性,產品後端會不定時推送新的道具上線,以保證對使用者的持續性刺激。所以道具入口在前端不會寫死,每次點開時都會向後臺請求一次資料來獲取新的內容。
所以對於存在請求資料的產品而言,道具浮層開啟時會存在一個 loading 載入的過程,儘管大部分時間這個過程幾乎肉眼不可見,但是在網路環境較差情況下還是需要的。
區別二在於道具使用時有一個下載的過程,對於應用而言,每存在一個道具效果都是對程式空間的佔用,所以當道具很多時,大部分產品都是預設下載幾個熱門道具便於使用者直接使用,更多其他道具使用時需要請求伺服器下載,下載完成後才可以使用。
這時道具上會出現下載按鈕角標,使用者點選後開始下載,下載完成後會自動預設選中當前道具(這也是體驗提升的一個小觸點)。
△ 道具下載流程
5. 時間功能(橙色區域)
倒計時
倒計時功能與系統功能相似,主要是開啟和關閉操作,沒有更多擴充套件性的功能,icon 需要給出開啟和關閉兩種狀態。
變速
支援開啟和關閉,開啟後包括變快和變慢兩種功能。變速功能不影響拍攝過程,隻影響生產出的視訊效果,在速度選擇上只是簡單的檔位選擇,移動裝置效能的限制,無法做到精細化的速度調整。
△ 變速選項
分段
分段拍攝是指在拍攝前優先設定好拍攝的段落,每一個段落是獨立拍攝的。分段拍攝類似一種簡易的定製化模板,需要使用者去「填充」每一段的內容。
定時停止
定時停止是指在一段拍攝內容中,拍攝前預先設定停止位置,與拍攝中的點選停止效果相同。設定定時停止能夠更加準確控制時間長度,但是作為前置操作,對於使用者的實際拍攝能力是一個考驗。
6. 影音功能(橙色區域、綠色區域)
目前主要為新增背景音樂功能。新增音樂與實時的拍攝效果關聯度不高,而且音樂內容的選擇流程本身相對複雜,需要使用者的沉浸操作,所以音樂選擇頁面主要以全屏的浮層為主,涉及熱門推薦、多種主題選擇,以及搜尋等擴充套件功能,頁面佈局大同小異。
△ 音樂選擇頁面
7. 其他功能(藍色區域)
其他功能可能涉及畫幅、頁面設定等一些小眾功能,不做過多講述。同其他主流功能類似,其他小眾功能在頁面設計上主要以浮層為主,選擇功能不宜過於複雜。
二、暫停頁面
當前市場上主流的短視訊拍攝應用中,為了滿足使用者拍攝能夠更多樣化的場景和內容,低門檻創作更多高質量的視訊內容,在拍攝流程中基本上都會支援暫停和續拍,便於讓使用者轉換場景拍攝下一段內容。
無論是單擊拍攝還是點選拍攝方式,一般使用者都很難做到「一鏡到底」地不間斷拍攝,即便是院線電影的拍攝亦是如此。暫停頁面的出現說明了該應用支援斷點續拍功能,使用者能夠將一整段內容分割成無數的小片段來完成製作,這也是滿足使用者操作和認知習慣的一個重要的功能。
言歸正傳,繼續來看暫停頁面的涉及佈局。
暫停頁面是一個承上啟下的頁面,一方面需要讓使用者能夠對上一段內容進行重新編輯,但是由於還沒有進入後續的特效、濾鏡等編輯環節,所以這裡的編輯操作只是簡單粗暴的「刪除」或者「完成」進入編輯流程等。
另一方面需要讓使用者能夠開啟新的錄製內容,因此在整體的頁面佈局上和拍攝準備頁面在拍攝功能上基本沒有差異,入口區域會相應去掉功能互斥的入口,如:隱藏上傳入口、拍攝操作方式、模板選擇等。
需要補充一點的是,因為大多數應用都是需要暫停頁面重新錄製新的內容,所以暫停頁面需要始終調起攝像頭功能,方便使用者取景。特殊情況下,可以是對上一段內容的重複輪播,例如:本身流程為上傳內容頁面。
△ 拍攝準備頁與暫停頁對比
暫停頁面與拍攝準備頁差異不大,功能複用的地方很多,所以關於暫停頁面的部分也就到此為止。
內容持續更新中,歡迎留言討論。
歡迎關注作者微信的公眾號:「胖喵互動設計」
圖片素材作者:Ramotion