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