Landing Page 的八角框架設計模式
Landing Page 對應玩家旅程的發現階段——用戶第一次接觸產品,要在幾秒內被驅動到行動(點擊 CTA)。依八角框架設計原則,選 1-3 個核心驅動力做到高強度,不要 8 個都淺淺碰。
白帽開場 → 黑帽收尾
Landing Page 是低頻一次性接觸(類似 Booking.com 訂旅館),黑帽驅動力的負面感受會被遺忘,因此可以使用。但順序決定效果:
- 白帽開場:先讓訪客感覺正面、有意義 → 建立好感,願意繼續看
- 黑帽收尾:在訪客猶豫要不要點 CTA 的最後一刻推一把
如果反過來(黑帽開場),訪客的第一反應是焦慮和防禦,可能還沒看完就關掉。
推薦的驅動力組合
| 位置 | 驅動力 | 作用 | 範例(教育產品) |
|---|---|---|---|
| 標題區 | CD1 重大使命 | 喚起訪客本來就在乎的事 | 「孩子的學習不該只有正確答案」 |
| 信任區塊 | CD5 社交影響力 | 社會規範推力建立可信度 | 「已有 N 位高中生家長預約體驗」(必須是「和你類似的人」) |
| CTA 附近 | CD6 稀缺性 | 製造緊迫感 | 「首批體驗限 50 個名額」 |
| CTA 附近 | CD8 損失與避免 | 在猶豫時推最後一把 | 「別讓孩子落後」 |
CD1 讓人想看下去,CD5 讓人覺得可信,CD6 + CD8 推動最後的點擊。
CTA 的視覺設計
整個頁面使用 沙漠綠洲設計——乾淨版面,只有一個顯眼的 CTA 按鈕。訪客盯著螢幕超過 4 秒不知道該做什麼就會流失。
黑帽不會扭曲真實痛點的訊號
黑帽會扭曲付費訊號的情況是:用戶本來不需要這個東西,被恐懼推著做了不理性的決定。但如果目標客群的痛點是真實存在的(如家長對孩子成績的焦慮),CD8 只是喚醒他們本來就有的感受,不是憑空製造恐懼。在白帽開場 + 黑帽收尾的結構下,訊號仍然可信。
反過來,如果全頁只有白帽沒有黑帽,付費訊號反而會偏低——不是因為沒人想買,而是白帽缺乏緊迫感,訪客覺得「之後再說」然後就忘了,導致低估真實需求。
連結
- MOC:八角框架與遊戲化 MOC
- 上層:八角框架(Octalysis)
- 相關:付費訊號驗證法、沙漠綠洲設計、社會規範推力、白帽與黑帽遊戲化、動機能量
- 應用:115 OJT 創新專案