萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

Call to Action 實戰指南:8 原則設計「讓人忍不住點」的按鈕

什麼是行為召喚(CTA)?

商場試用促銷、宜家「請躺下試試」、迪卡偲「請試穿」——現實中一個箭頭、一句話即能召喚行為。網頁中存在於按鈕、鏈接、圖標,合理運用可大幅提升轉化。

按鈕 CTA 八大設計原則

  1. 立體質感: 漸變+陰影+圓角,像實體按鈕可按壓。用戶現實常按開關/鍵盤,立體感喚醒操作直覺。付費頻道扁平按鈕辨識度弱、點擊慾望低。
  2. 高反差色: 按鈕色與文字色強對比,瞬間被識別。迅雷精簡版深色字配深背景,對比不足不清爽。
  3. 尺寸適中: 足夠大易識別,過大則分散注意力。騰訊微博發布鈕較大,新浪微博較小。
  4. 緊迫感文案: 「立即、立刻、現在、馬上」創造緊張興奮感。淘寶「立刻購買」、迅雷「立即下載」。
  5. 柔和行為詞: 用戶未了解產品前別逼單。優酷院線「免費試看」再決策。
  6. 可見性箭頭/圖標: 箭頭暗示跳轉,描述性圖標匹配行為(QQ 開通會員右箭頭、京東加入購物車圖標)。
  7. Hover 回饋: 色彩漸變變化,至少游標變手型,標準可點擊反饋。
  8. 首屏上下雙重曝光: 用戶多停留首屏,閱讀下文後無需滾回頂部。Mint.com、Instagram 均首尾雙按鈕。

鏈接文字同理:下劃線標識可點性,文案同樣適用 CTA 原則

iPhone 滑動解鎖、半遮蓋效果亦是動態行為召喚。A/B 測試驗證效果,持續優化轉化率。
文章來源:迅雷CUED

copyright © 萬盛學電腦網 all rights reserved