Page Flows 是一個使用者流程（User Flow）錄影庫：它把 Spotify、Airbnb、Slack、Notion 等真實產品的註冊、新手引導、結帳、升級、取消訂閱等關鍵流程完整錄成影片，並為每一步操作加上時間點標註，供設計師、產品經理與開發者研究「頂尖產品實際上是怎麼做的」。與只展示靜態截圖的靈感網站不同，它呈現的是從起點到終點的完整操作過程（來源：FAQ）。截至 2026-09-21，官方稱庫內有 4,000+ 段真實錄影，涵蓋 300 多款產品。

Page Flows 首頁：搜尋框、平台切換與收錄產品圖示牆

上圖是 Page Flows 首頁（2026-09-21 截取）。頂部搜尋框可檢索產品、介面截圖、UI 元素與流程，導覽列按 iOS、Android、Web、Emails 四個頻道切換；首頁主體是收錄產品的圖示牆，官方頁面同時標示「Supporting over 100,000+ designers worldwide」的口號。

站點速覽

  • 網址：https://pageflows.com/
  • 類型：使用者流程錄影庫 + UI 截圖／電子郵件設計參考庫（訂閱制）
  • 費用：目錄與部分流程頁免費可看；完整訂閱為 3 天試用 2.95，之後2.95，之後39/季（約合 13/月）或13/月）或99/年（約合 8.25/月），團隊版8.25/月），團隊版199/年起（截至 2026-09-21，來源：Pricing、FAQ）
  • 註冊要求：瀏覽公開目錄與抽查的流程頁無需註冊；訂閱需註冊並綁定支付方式
  • 介面語言：僅英語（2026-09-21 核查）
  • 營運方：Spur Creative LLC（美國德拉瓦州註冊，來源：Terms & Privacy）

站點背景

Page Flows 由兩個設計參考網站合併而來。2024 年 7 月 10 日，Screenlane 與 Page Collective 透過 PR Newswire 新聞稿宣布合併並統一更名為 Page Flows：前者以 UI 截圖庫聞名，後者側重使用者流程內容，合併後兩類內容整合在同一網站。網站營運主體為 Spur Creative LLC（條款頁尾標示的公司地址在美國德拉瓦州 Dover），服務條款的管轄法律為英格蘭與威爾斯（來源：Terms & Privacy，該頁最後更新於 2025 年 1 月 16 日）。

錄影庫與逐步標註

站內的核心單元是「某產品的某個流程」頁面，例如 Spotify iOS 版的 Onboarding 流程：

Spotify iOS Onboarding 流程頁：錄影播放器、版本切換與標註時間軸

以上圖為例（2026-09-21 截取），頁面包含幾個實用設計：

  • 完整錄影：影片記錄從 App Store 頁面到註冊完成的每一步點擊與轉場，而不是幾張關鍵截圖的拼合。該段錄影全長 2 分 34 秒。
  • 標註時間軸：右側「In this video」按時間點列出每個步驟（00:00 App store listing → 00:08 Enter email → 00:21 Set password → …），點擊可跳轉，相當於把影片轉成可檢索的流程步驟表。
  • 流程族：同一產品通常收錄多個流程，Spotify for iOS 下就有 Onboarding、Creating a playlist、Listening、Searching、Password reset 等 8 段，可橫向比較一個產品在不同情境的設計。
  • 版本標記：每段錄影標註錄製版本（圖中為 June 2022），部分流程保留了更早的歷史版本（如 February 2021、October 2019、April 2018）可切換回看，便於觀察同一流程隨時間的改版。

涵蓋的流程類型偏向產品設計中的關鍵環節：新手引導、註冊登入、結帳付款、升級與追加銷售、取消訂閱與流失挽留、通知權限請求、設定管理等（來源：FAQ）。平台方面同時涵蓋桌面 Web、行動 Web 與 iOS/Android 原生應用，官方稱庫向行動端傾斜（來源：FAQ）。

首頁功能區塊：錄影與標註、篩選搜尋

除影片外，庫內還有三塊輔助內容（來源：Pricing）：79,000+ 張可依產品、流程與 UI 元素篩選的應用截圖；知名產品的交易與行銷電子郵件設計合集；以及每週新增內容。檢索能力是它相對一般截圖網站的主要差異：除依產品名稱與流程類型篩選外，還支援對截圖內文字的全文搜尋——例如直接搜尋「Start your free trial」之類的按鈕文案，找出各產品在真實情境中的寫法（來源：FAQ）。公開目錄還按產業（銀行、電商、教育、金融、餐飲、旅遊等）組織產品分類，便於按領域瀏覽（來源：產品目錄）。

免費範圍與訂閱定價

Page Flows 並非純付費牆網站。2026-09-21 實測：無需註冊即可瀏覽按平台與流程類型組織的目錄頁（如 iOS Onboarding 流程目錄，僅該分類就列出 Coinbase、CRED、Nike Run Club 等上百段、共 12 頁），抽查的多個流程詳情頁（Spotify、Coinbase 的 iOS Onboarding）也可直接完整播放錄影並查看標註。免費內容佔全庫的比例官方未說明。

訂閱解鎖的是完整性與效率功能（來源：Pricing）：全部錄影、郵件與截圖的無限存取、進階搜尋與篩選、截圖批次下載與不限量書籤。價格截至 2026-09-21 為：

Page Flows 定價頁：季付、年付與團隊版

  • 試用：3 天 $2.95，試用期內可隨時取消（來源：FAQ）。
  • 個人：試用結束後按季 39（頁面標示39（頁面標示13/月）或按年 99（頁面標示99（頁面標示8.25/月，比季付省 15%）。
  • 團隊：$199/年起，定價頁預設按 3 個席位/年顯示。

訂閱自動續訂，可在帳戶內隨時取消（來源：FAQ）。需注意條款中的退款規則：3 天試用期結束後不再接受退款請求，不想續費需在試用期截止前取消（來源：Terms）。

版權與內容政策

站內素材的特殊性在於：所有影片與截圖都是第三方產品的介面。Page Flows 在服務條款中對此有專門說明——這些內容可能受原權利人的商標與版權保護，Page Flows 不主張其所有權，聲明僅「為提供 UI 設計研究服務」而截取；版權方可透過 hi@pageflows.com 要求刪除相關內容。條款同時設有 DMCA 通知流程，承諾對合格通知採取包括移除在內的處理。

對使用者而言，條款允許在 Fair Use（合理使用）及國際法相關條款範圍內使用站內媒體，但明確使用者在站外使用這些素材的責任由使用者自負——換言之，把別家產品的介面截圖直接用於自己的商業物料，風險不由 Page Flows 承擔。隱私方面，網站聲明符合 GDPR，支付由 Stripe 處理，分析使用 Plausible，個人資料最長保留 7 年（來源：Terms & Privacy）。

適用情境

  • 產品與互動設計：做 onboarding、結帳、權限請求等具體流程時，直接看多個頂尖產品的真實做法與文案，而不是憑經驗或過時截圖。
  • 競品與產業基準：按產業目錄或產品名稱對比同類產品的同一流程，為設計評審提供「Airbnb/Stripe/Notion 是這麼做的」這類佐證（官方也將此作為賣點，來源：FAQ）。
  • 介面文案研究：利用截圖全文搜尋查找按鈕、錯誤訊息、挽留話術的真實案例。
  • 電子郵件設計參考：查看成熟產品的交易與行銷郵件版式。

局限

  • 核心價值在付費牆後：免費部分足夠了解產品形態，但進階搜尋、批次下載、書籤與官方承諾的「全庫無限存取」都要訂閱；沒有免費方案，3 天試用也要收 $2.95（來源：Pricing）。
  • 試用期後不退款：條款明確試用結束後不接受退款，忘記取消會直接按週期扣款（來源：Terms）。
  • 錄影未必是最新版：每段內容綁定錄製時的產品版本，例如 Spotify iOS Onboarding 目前標示為 June 2022（2026-09-21 查看），與產品現狀可能已有落差；官方稱每週新增內容，但特定流程何時重錄無法預知。
  • 官方規模數字口徑不一：截圖庫在定價頁標為 79,000+，首頁宣傳則是「100,000+ Screens Library」；「4,000+ 段錄影」「300+ 款產品」均出自官方頁面，未見第三方核驗（截至 2026-09-21）。
  • 僅英文介面，且未見官方 API，內容只能在網頁端使用。

同類參考

同屬「真實產品設計參考」的常見選擇還有 Mobbin（同樣收錄 App 介面與流程截圖）。Page Flows 與這類靜態截圖為主的靈感庫的差異在於完整流程錄影加逐步標註，以及截圖文案全文搜尋（來源：FAQ 中官方與靜態截圖網站的對比）；相對地，Mobbin 提供有限的免費瀏覽額度，而 Page Flows 的完整功能沒有免費檔。選型主要取決於是否需要影片形態的流程記錄。

參考資料