提升點擊率（CTR）的設定順序 – ZenBlocks buttonBasic
結論
要提升 CTR，建議依序進行：**可見度 -> 文案 -> Hover 回饋 -> 輔助文案 -> 響應式調整**。
—
常見原因
1. 按鈕不夠顯眼。
2. 文案不夠明確、缺乏行動感。
3. 滑過時沒有視覺回饋。
4. 手機觸控區域太小。—
解決步驟
### 步驟 1：先提高可見度
1. 拉高與背景的對比。
2. 用邊框或陰影讓按鈕浮出。
3. 保持足夠內距（至少 12px / 24px）。### 步驟 2：優化文案
1. 主文案使用明確動詞。
2. 加入 microtext 補充脈絡。
3. 加入 subtext 降低疑慮。### 步驟 3：設定 Hover 回饋
1. 在 Hover 分頁設定樣式變化。
2. `Duration` 建議 200-400ms。
3. 動畫以輕量、克制為原則。### 步驟 4：加入輔助文案
1. 按鈕上方 microcopy：降低不安。
2. 按鈕下方 subcopy：強化行動誘因。
3. 避免資訊過載。### 步驟 5：善用圖示
1. 圖示應與行為一致。
2. `Right` 位置通常更符合視線流向。### 步驟 6：完成響應式調整
1. 觸控高度至少 44px。
2. 針對手機調整寬度與內距。
3. 逐裝置檢查可讀性。—
注意事項
– 過多特效會降低信任感。
– 最可靠的優化方式仍是 A/B 測試。—
相關設定
– [設計設定](../design/)
– [樣式設定](../button/style/)
– [字型設定](../button/font/)
– [圖示設定](../button/icon/)
– [版面配置設定](../button/layout/)
– [微文案設定](../additional/microcopy/)
– [補充文案設定](../additional/subcopy/)
– [微文字設定](../additional/microtext/)
– [補充文字設定](../additional/subtext/)