內容與資料呈現
資料要獨立看，還是放在一起比較？
Card 不是比較漂亮的 List。先看資料之間的關係，才知道該分組、重複、配對，還是只補一行 Metadata。
選擇流程
先問讀者會怎麼掃資料。
- 每筆內容能獨立成立嗎？是：考慮 Card。
- 要快速掃過多筆同類資料嗎？是：使用 List。
- 是一筆資料的名稱和值嗎？是：使用 Description List。
- 只是補充作者、時間或狀態嗎？使用 Metadata。
差異對照
五種內容結構，不用靠陰影區分。
| 判斷面向 | Card卡片 | List列表 | Description List描述列表 | Media Object媒體物件 | Metadata中繼資料 |
|---|---|---|---|---|---|
| 主要任務 | 獨立閱讀一筆摘要 | 依順序掃讀多筆項目 | 理解一筆資料的名稱和值 | 用圖像快速辨識一列對象 | 補充作者、時間、狀態 |
| 適合資料 | 有自己的主題與主要入口 | 結構一致的同類項目 | 靜態鍵值摘要 | Avatar／縮圖加短文字 | 少量次要資訊 |
| 最常誤用 | 把可比較資料切成卡片 | 每列高度與資訊順序不同 | 拿來做可編輯表單 | 讓圖片取代可讀名稱 | 每個值都畫成彩色膠囊 |
示範情境
同一批成員資料，換容器就會改變閱讀方式。
需要跨列比較時，不要把部門、角色與狀態拆成大小不一的 Card；看單一成員摘要時，Description List 又比硬排一列 Table 清楚。
查看 Card Demo →