先區分工具型產品（專注任務完成：註冊/支付，用戶目標明確）與內容型產品（提供信息：新聞/導航，用戶無目標或潛在目標）。

電商產品採用內容型+工具型混合模式：內容型頁面以豐富信息吸引/引導瀏覽產生購買慾望，工具型頁面簡潔操作直至付費成功。

黃色=內容型（首頁），藍色=工具型（支付頁），灰色=過渡頁（商品詳情/收藏/購物車）。

淘寶首頁：同時滿足三類用戶的內容型典範

• 紅/綠區：服務有潛在購買目標用戶（知類別/名稱，需看纔知有無）
• 藍區：服務無目的隨逛用戶（推薦激發興趣）

體驗好 → 潛在目標用戶尋找購買入口下單；無目標用戶轉化為有目標。否則流失。

明確目標用戶：繞過內容型直奔工具型入口

直接進購物車結算、或「已買到的寶貝」付款。收藏夾介於潛在/明確之間——感興趣但未必買。

三圖縮放觀察：收藏夾圖片最大（購買目的不明確，需內容吸引）；購物車/已買頁面極簡潔（目的明確）。

五大頁面類型光譜與設計策略

用戶購買過程 = 從內容型逐漸過渡到工具型。操作深入 → 視覺吸引元素遞減，「死板」邏輯控件元素遞增。設計時必須依據頁面目的與位置定風格。

具體設計指引

頁面類型	視覺特徵	操作元素	典型案例
內容型	有目標部分簡潔，無目標部分圖文並茂	無操作按鈕	首頁
內容型為主	圖文並茂	有操作按鈕	商品詳情頁
工具內容型	圖文比例適中	有操作按鈕	收藏夾
工具型為主	視覺元素較復雜	有操作按鈕	購物車
工具型	視覺極簡潔	有操作按鈕	下單/支付頁

劃分原則：看網站目標（引導 vs 吸引）與用戶目標（明確 vs 無）。