如何錄製讓人想立刻安裝的瀏覽器擴充功能示範影片

瀏覽器擴充功能很難示範。整個產品就住在一個 300 像素的彈出視窗、一個 16 像素的工具列圖示，以及別人做的網頁上那幾處變化裡。沒有可以展示的應用程式視窗，沒有啟動畫面，沒有儀表板。但擴充功能的示範影片，往往是一位好奇訪客與「安裝」之間唯一的關卡。

好消息是，這些限制都是可以預期的。一旦你知道擴充功能示範通常在哪裡失手，一段很短的錄製就能出乎意料地有說服力。

擴充功能示範為什麼不一樣

多數螢幕錄製建議都假設你的產品佔據整個視窗，擴充功能並非如此。這改變了四件事：

• 你的介面很小：彈出視窗、標記與右鍵選單只佔畫面的一小塊，預設構圖根本看不見
• 宿主網頁才是舞台：觀眾必須先認出你在強化哪個網站，才看得懂你改了什麼
• 價值在於「差異」：你不是在展示一個功能，而是在展示一個變得更好的網頁
• 安裝本身就是產品：權限提示與釘選圖示是新使用者最先遇到的環節，也是真實流失發生的地方

以這四點為軸來規劃錄製，其餘就是一般的功夫了。

先建立一個乾淨的示範設定檔

千萬不要用日常瀏覽器錄擴充功能示範。另外建一個設定檔，只用來錄製。

• 清空工具列：其他擴充功能的圖示都在跟你搶注意力，移除或隱藏它們
• 只釘選你的擴充功能：空蕩工具列上唯一的圖示不會被看錯
• 登出個人帳號：頭像、姓名與電子郵件會出現在多到驚人的畫面裡
• 清理書籤與書籤列：或換成中立、適合示範的書籤
• 重設新分頁頁面：預設新分頁常用縮圖顯示你的瀏覽紀錄
• 關掉無關的通知：瀏覽器與作業系統兩邊都要關
• 設定合適的縮放：頁面縮放 100%，視窗尺寸配合你輸出的畫面比例

設定一次後把設定檔存起來。以後每次錄製都從同樣乾淨的狀態開始，你的影片作為一個系列也會更一致。

選擇正確的擷取模式

有三個合理選項，取決於瀏覽器介面本身是否重要。

• 視窗擷取：擴充功能示範的預設選擇。觀眾看得到工具列，那正是你的圖示與標記所在之處；只擷取瀏覽器視窗也能遮住桌面與 Dock
• 區域擷取：適合緊湊地拍下彈出視窗與它影響的那部分網頁。做短的社群片段很好用，但會切掉工具列，觀眾就失去「你的介面在哪」的方向感
• 全螢幕：只在需要展示瀏覽器之外的東西時使用——系統檔案對話框、作業系統權限提示，或與擴充功能協作的另一個應用程式

多數示範的做法是：以接近 16:9 的尺寸錄製瀏覽器視窗，特寫靠編輯器裡的縮放完成，而不是中途切換擷取模式。

誠實地展示安裝流程

跳過安裝、直接展示已經能用的擴充功能很有誘惑力。至少在一支影片裡請反過來做。新使用者在意權限，看著別人順利走完提示會很安心。

• 從商店頁面或你的安裝按鈕開始：走真實使用者走的那條路
• 不要藏起權限對話框：讓它出現，然後用一句話說明為什麼需要。「它需要存取這個網站，因為要讀取頁面上的價格」，在疑問變成顧慮之前就給出答案
• 展示釘選圖示這一步：很多使用者安裝完之後找不到擴充功能。十秒鐘的釘選示範能省下大量客服訊息
• 用全新設定檔還原真實流程：已授權的權限會讓對話框悄悄消失，影片也就失真了

如果你還想要一段只講功能的短片，請從同一次錄製中另外剪出，而不是犧牲完整的走查。

讓小小的介面看得清

擴充功能示範的勝負就在這裡。彈出視窗在你的螢幕上已經很小，在手機上幾乎看不見。

• 每次彈出視窗打開都放大：在它打開期間以它為中心做縮放，是擴充功能影片裡最划算的一處剪輯
• 標記變化時放大工具列圖示：數字從 0 變成 12，沒人看得清就毫無意義
• 強調游標：否則點擊 16 像素的圖示完全看不出來。游標強調與點擊效果能精確告訴觀眾互動發生在哪
• 打開彈出視窗後先停住：動滑鼠前留整整一秒。小介面上的動作在壓縮後會糊成一團
• 放不大的標籤用文字疊層：一句簡短字幕勝過讓人盯著 10 像素的小字
• 不要依賴滑過提示：它又小又慢，還經常根本錄不進去。把標籤唸出來更好

用前後對比來組織

擴充功能是在改善既有體驗，所以先把痛點攤出來。

1. 先展示沒有擴充功能的網頁，五到十秒：手動操作、缺少的資訊、繁瑣的步驟
2. 明確地開啟擴充功能或點擊它的圖示
3. 展示同一網頁改變後的樣子，最好保持相同構圖，讓差別一目了然
4. 用這個功能完整做完一件真實的任務
5. 以安裝路徑與設定位置收尾

讓第 1 步與第 3 步的構圖完全一致，能替你完成很多工作：觀眾會直接比較兩個畫面，而不是努力回想一分鐘前網頁長什麼樣。

錄製與輸出設定

• 30fps 完全夠用：網頁互動與彈出視窗介面綽綽有餘，文字清晰、檔案也小
• 以原生解析度錄製：讓編輯器去裁切與放大，而不是錄得很小再拉大
• 固定瀏覽器視窗尺寸：錄製中調整大小會讓網頁重排，毀掉你的縮放關鍵影格
• 擴充功能會發出聲音就錄系統音訊，否則只錄麥克風
• 網頁用 1080p 輸出，再把最精彩的 20 秒裁成直式給社群平台

錄製前檢查清單

[ ] 已切換到示範用瀏覽器設定檔，其他擴充功能已隱藏
[ ] 工具列只釘選了你的擴充功能
[ ] 已登出個人帳號，新分頁頁面已清理
[ ] 宿主網頁上的示範資料已準備好
[ ] 頁面縮放 100%，視窗尺寸配合輸出比例
[ ] 若要展示安裝流程，權限保持未授權狀態
[ ] 通知已關閉，通知標記已清空
[ ] 十秒測試錄製已用手機尺寸檢查確認

常見錯誤

• 在裝了十五個其他擴充功能的瀏覽器裡示範：沒人分得出哪個圖示是你的
• 從不使用縮放：這是擴充功能影片失敗最常見的原因
• 剪掉權限提示：看起來像在隱瞞什麼
• 使用真實的已登入帳號：個人資料會洩漏到你不會仔細回看的畫面裡
• 一邊移動滑鼠一邊講解彈出視窗：先做一件，再做另一件
• 忘了宿主網頁的脈絡：觀眾得先知道這是什麼網站，才會在意有什麼改變

結語

擴充功能示範必須在兩分鐘內完成兩件事：說明安裝安全又簡單，並讓一小塊介面顯得舉足輕重。前者靠乾淨的設定檔解決。後者靠縮放效果、游標強調與緊湊的前後對比結構。錄製瀏覽器視窗，保持畫面穩定，每個彈出視窗都放大，然後讓那個煥然一新的網頁替你說話。