什麼是 Microcopy?

UX 文案(Microcopy)指的是產品界面中的小段文字:

  • 表單的 placeholder(「例如:service@simplecreative.tw」)
  • 按鈕文字(「送出」vs「免費取得報告」)
  • 錯誤訊息(「輸入格式有誤」vs「請輸入有效的 Email 地址,例如 name@example.com」)
  • 空狀態提示(購物車是空的時顯示什麼文字)
  • 確認訊息(表單送出後顯示什麼)
  • Tooltip 說明(滑鼠停留時的提示文字)

這些小文案看起來不起眼,但每一個都是用戶決定是否繼續的微小決策點。好的 Microcopy 讓操作感覺直觀流暢;差的 Microcopy 製造疑惑、焦慮,讓用戶放棄。

Microcopy 的核心原則

原則 1:具體比模糊更好

模糊: 「發生了一個錯誤,請重試。」

具體: 「網路連線失敗,請確認你的網路連線後重試。如果問題持續,可以寄信給我們:service@simplecreative.tw」

模糊: 「稍後通知你。」

具體: 「我們會在 24 小時內透過 Email 回覆你。」

具體的文字消除不確定感,用戶知道接下來會發生什麼,焦慮降低,信任增加。

原則 2:說明好處,而不只是描述動作

描述動作: 「訂閱」(用戶知道他要做什麼,但不知道為什麼)

說明好處: 「每週收到一個設計實戰技巧」(用戶知道他會得到什麼)

描述動作: 「確認送出」

說明好處: 「送出並取得免費報價」

原則 3:減少認知負荷

表單的 label 必須清晰,不要讓用戶猜:

差: 僅有 placeholder 文字作為 label(當用戶開始輸入,placeholder 消失,他就不記得這格要填什麼)

好: 固定顯示的 label + placeholder 作為格式提示

填寫說明應放在欄位之前,而不是之後:

差:[填寫電話號碼] 「請輸入不含連字號的數字」

好:「電話號碼(不含連字號)」→ 然後才是輸入欄位

原則 4:用「人話」而非法律語言

法律語言: 「提交本表單即代表您同意接受本公司之服務條款及隱私政策。」

人話: 「送出後你只會收到我們回覆你的報價,不會有廣告信。✓」

隱私政策和資料使用說明很重要,但用讓人安心的白話語言說明,比一段冷冰冰的法條更有效建立信任。

常見的 Microcopy 優化機會

1. 聯絡表單

表單標題:

差:「聯絡我們」

好:「告訴我你的需求,通常 24 小時內回覆」

提交按鈕:

差:「送出」「提交」

好:「送出並取得報價」「立即諮詢」「預約免費諮詢」

送出後的確認訊息:

差:「您的表單已成功送出。」

好:「收到了!我通常在工作日 24 小時內回覆。如果比較急,也歡迎直接 LINE 我:@simplecreative ✓」

這個「送出後」的訊息非常重要——用戶填完表單後通常有些「我不知道接下來怎樣」的焦慮,一個具體告訴他後續步驟的確認訊息可以大幅提升用戶體驗。

2. 錯誤訊息

糟糕的錯誤訊息:

「所有欄位為必填項目。」(用戶不知道哪些欄位有問題)

「輸入無效。」(沒有說什麼是有效的)

好的錯誤訊息:

  • 指出具體是哪個欄位
  • 說明什麼是正確格式
  • 如果可能,解釋為什麼需要這項資訊

範例:「Email 格式不正確。請輸入有效的 Email 地址(例如:name@gmail.com),以便我們可以回覆你。」

3. 空狀態(Empty State)

當資料為空時的提示文字,是很被忽視的機會:

差:「目前沒有資料。」(冷漠、無益)

好:「你還沒有任何詢單。分享你的作品集頁面來獲得第一個詢問 →」(有溫度,提供下一步行動)

4. Loading 狀態

長時間等待時的提示,影響用戶對速度的感受:

差:「Loading...」

好:「正在為你生成報告,通常需要 3-5 秒」

告知進度(即使是估計)比沉默的進度條讓用戶更有耐心。

如何在你的網站開始改善 Microcopy

  1. 列出所有用戶交互點:表單、按鈕、錯誤狀態、確認訊息
  2. 用「用戶在這個時刻想知道什麼?」的角度審視每個文字
  3. 優先改善高流量的互動點(主要 CTA、聯絡表單)
  4. A/B Test:如果流量允許,測試不同版本的按鈕文字,用數據決定

Microcopy 是網頁設計中成本最低、改善轉換率效果最即時的投資之一。一個更好的按鈕文字,可能就是決定用戶「點下去」還是「算了」的最後那一克力道。