把複雜的資料寫清楚,通常比把所有資料寫進一篇文章更重要。
先決定讀者的問題
每一篇文章先回答一個主要問題,再補充需要的例子和背景資訊。
用標題整理思考
適當的段落標題讓訪客快速理解內容,日後自己也比較容易回顧。
文章閱讀元件示範
首頁是大廳,不是整棟房子。這句話同時也是 v0.2 從 Landing Page 原型走向真正網站架構的核心。
首頁只負責讓人知道下一步
當文章、About、服務、FAQ 全部塞在首頁時,網站很容易看起來像一張很長的銷售頁。把詳細資訊拆成真正的頁面後,首頁反而可以更有呼吸感。
精緻感不是加入更多東西,而是每個東西都有自己的位置。
文章頁也有自己的資訊架構
標題、摘要、日期、閱讀寬度、段落節奏、引言、相關文章與文末 CTA,各自都有不同功能。模板應該先把這些結構做好,再讓學員替換內容。
文章裡可以有哪些輔助區塊?
- 先讓主文保持可閱讀
- 需要補充的細節放入折疊區塊
- 讓延伸閱讀導向真的存在的文章
延伸補充:為什麼需要標籤與日期?
當文章數量增加,讀者可能記得主題、關鍵字或發文時間。搜尋、標籤雲與日曆提供不同的回訪路徑。
ArticleGrid:兩欄內容卡片
快速閱讀
先閱讀重點,找到文章要回答的主要問題。
延伸研究
需要詳細內容時,再閱讀折疊補充與參考資訊。
ArticleComparison:比較表格
| 元件 | 使用情境 |
|---|---|
| 搜尋 | 記得文章主題或關鍵字 |
| 標籤 | 想找同主題的其他文章 |
| 月份封存 | 想回顧一段時間的文章 |
| 日曆 | 記得哪一天發布 |
影音內容可以放在文章裡
以下是通用媒體嵌入示範,實際發布時應替換成與文章主題相關的授權內容。
下一步
讀完後不要把人丟在頁尾。可以推薦同主題文章、回主題頁,或提供一個低壓力的訂閱入口。