▲點擊 "TCC翻譯情報局" 關(guān)注，回復(fù) "社群" 加入我們

本文共 3571 字，預(yù)計閱讀 9 分鐘
TCC 情報局的第 145 篇干貨分享
2022 年的第 43 篇

TCC推薦：大家好，這里是TCC翻譯情報局，我是張聿彤。在設(shè)計按鈕時，你是否會糾結(jié)如何去設(shè)計按鈕的文案？這篇文章指出，設(shè)計好按鈕的微文案可以有效地激勵用戶采取行動、提供給用戶有用的幫助信息和行為反饋，文章中還提供了一些如何設(shè)計按鈕微文案的 7 條建議，我們一起來學(xué)習(xí)一下吧~

微文案（顧名思義）是那些可在網(wǎng)站、 APP 和產(chǎn)品上看到的簡短文案。根據(jù) Roberts（ 2017 ），它有 三個主要作用：

激勵用戶做出行動

引導(dǎo)用戶

為用戶提供行為反饋

微文案在表單、文本、標(biāo)簽、彈出窗口和按鈕上都能看到。這是一個相對較新的術(shù)語和概念，由 Joshua Porter 于 2009 年在其博客文章“如何撰寫微文案”中提出。他提出在正確的時間、正確的地方添加一些文案內(nèi)容，可以提升整個產(chǎn)品的用戶體驗。

為了設(shè)計有效的微文案，我們需要思考用戶處理信息和閱讀文本的方式。多項來自尼爾森諾曼集團的研究的研究表示：

眼動研究 表明對于文化程度較高的用戶來說，掃視文本是一種極為常見的行為。

用戶在頁面上平均只會閱讀大約 20% 的文本。

通過結(jié)合簡潔、易掃和客觀的微文案，可以顯著提高可用性（124%~159%），從而提升用戶的使用的流暢性和滿意度。

什么是好的微文案？

Characteristics of effective microcopy

巴特說：“好的微文案具有以下 特點：a）清晰、簡潔、易于理解；b）它能呈現(xiàn)出品牌聲音和品牌基調(diào)；c）它在視覺上是合適的，感覺上像是設(shè)計的一部分”

好的微文案可以 解決用戶的需求、回答用戶的問題或建立同理心（取決于所討論的產(chǎn)品），并在用戶心中建立信任。它能激勵用戶采取行動（例如，注冊帳戶、完成預(yù)訂）。最后，好的微文案可以預(yù)測并解決用戶問題（例如，防止錯誤）。

有研究發(fā)現(xiàn)，微文案“減輕了用戶擔(dān)心的情緒，提供了有用的報錯信息和明確的語言表達(dá)，并有助于為用戶提供操作提示”。

下面列出了一些有助于優(yōu)化按鈕微文案的建議：

1. 使用動作動詞

1.Use action verbs

應(yīng)該要使用 動作動詞，而不是泛指詞。應(yīng)避免使用“是”或“否”，因為它們可能會產(chǎn)生歧義并讓用戶混淆。

在交互設(shè)計中，用戶先閱讀對話框的內(nèi)容然后才進行操作。如前所述，研究表明大多數(shù)用戶通過掃視頁面的方式來獲取相關(guān)信息，而不是去仔細(xì)閱讀所有信息。這意味著，如果他們跳過或誤讀了對話框，他們最終會按錯按鈕。使用被動描述的文案會迫使用戶做更多的工作。通過按鈕文案來確認(rèn)接下來要做的動作，會減少出錯的機會，并減少用戶的工作量。

在下面的示例中可以看到（受 UX Movement 的啟發(fā) ）。當(dāng)對話框文本沒加載出來，只有按鈕可見時，按鈕的文案是用戶唯一可用的信息。動作動詞可以幫助他們采取行動，但使用“是”或“否”文案的按鈕就不能達(dá)到這個目的。所以很顯然帶有動作動詞的按鈕 任務(wù)效率更高，可以防止用戶出錯。

賦予動作動詞的按鈕的任務(wù)效率更高，可以防止用戶出錯

2. 使用任務(wù)導(dǎo)向的文本

2.Use task-specific language

按鈕應(yīng)與動作操作匹配。按鈕應(yīng)該始終清楚地描述用戶單擊按鈕時將會執(zhí)行什么操作。如果用戶對點擊按鈕后發(fā)生的事情感到不確定或驚訝，那么微文案就可能存在著問題。

“提交”一詞就是一個很好的例子，它可以用于大多數(shù)按鈕。正如 UX Movement 的 Anthony 所建議的：“如果文案不是針對任務(wù)場景來描述的，當(dāng)用戶看到它時，就不知道會發(fā)生什么?！?/strong>因此，用戶會對他們的行為會產(chǎn)生什么結(jié)果產(chǎn)生困惑。避免這種情況的一種方法是使用 描述用戶任務(wù)結(jié)果的微文案。

這可以通過 使用針對任務(wù)場景描述的文案 而不是通用的文案來實現(xiàn)。這讓用戶認(rèn)知更清晰，并為他們的行動提供了確定性。請記住，用戶通常會掃視頁面以獲取相關(guān)信息。為了改進用戶體驗，微文案應(yīng)該準(zhǔn)確地描述用戶在任務(wù)中所做的事情。例如，如果用戶正在刪除照片，則“刪除”的按鈕會告訴用戶單擊動作按鈕將會刪除照片，這對于他們的任務(wù)來說是明確而具體的（見下例）。

使用針對任務(wù)場景的語言可以使文案更清晰（右側(cè)示例）

3.一致性

3.Consistency

為按鈕編寫文案時，保持一致性很重要。研究表明，一致性可以幫助用戶準(zhǔn)確地建立產(chǎn)品工作方式的心理模型，從而最終獲得更好的用戶體驗。設(shè)計微文案的一些具體準(zhǔn)則可以幫助我們達(dá)到這一目的。例如，你可以：

1.規(guī)范字?jǐn)?shù)：不同組件平均應(yīng)該有多少個詞？每個按鈕一個、兩個或多個單詞。

2.選擇大小寫：例如整個產(chǎn)品始終使用大寫字母，你也可以在句子大小寫、標(biāo)題大小寫、大寫或小寫之間進行選擇（稍后將詳細(xì)介紹…）

3.文案結(jié)構(gòu)：你需要確定文案的結(jié)構(gòu)。它們是否僅包括一個動詞或是動詞與名詞的組合（例如“動詞”+“名詞” 或 “動詞” 或 “動詞” +a+ “名詞” ）？

4.對特定含義的用詞表達(dá)一致：詞語選擇上的細(xì)微差異可能會對用戶體驗產(chǎn)生影響。例如，正如 Tobias van Schneider 所報告的，“請求定價”和“獲取報價”描述了相同的動作，但在不同的產(chǎn)品中卻產(chǎn)生了不同的結(jié)果。

4.提高透明度

4.Use microcopy for transparency

有時，數(shù)字產(chǎn)品可能會出于 安全和隱私原因（例如，要求用戶提供敏感信息）而引起用戶擔(dān)心。在這些情況下，微文案可以幫助我們減輕用戶潛在的憂慮，并與他們建立信任關(guān)系。

例如，如果人們在進行交易時感到不安全或可疑，他們可能最終無法完成交易行為。

Bhatt 提供了一些示例場景：

要求用戶提供過多的個人信息

有關(guān)產(chǎn)品保修/維修/更換的內(nèi)容未進行詳細(xì)說明

為免費試用訂閱的詢問信用卡詳細(xì)信息

有效的微文案可以告知用戶詢問信息的原因以及如何使用這些信息?——?C.巴特。

下面有一個很好的例子；Airbnb 通過點擊 “預(yù)定” 按鈕，通知用戶他們在這一步 “不會被收費”。

來自 Airbnb 網(wǎng)站的截圖

5.避免使用行業(yè)術(shù)語

5.Avoid Jargon

有效的微文案應(yīng)該是對話式的。不應(yīng)使用行業(yè)術(shù)語和底層的技術(shù)內(nèi)容（如錯誤代碼）。用戶應(yīng)該感覺的是他們在和另一個人說話，而不是一臺機器。羅伯茨建議，“微文案應(yīng)該使用簡單的語言，由最少的詞組成”。這意味著除非特殊情況，否則我們應(yīng)該避免使用行業(yè)術(shù)語。這其實是一件比較難實現(xiàn)的事情，因為我們對我們所設(shè)計的產(chǎn)品以及我們每天遇到的行業(yè)術(shù)語非常熟悉。解決這個問題的一種方法是與用戶一起測試微文案?—看一下?他們懂我們使用的語言嗎？

下面展示了一個示例。與“啟用”這個詞相比，用戶可能更熟悉“打開”這個詞。

避免使用專業(yè)術(shù)語

6.注意字母大寫形式

6.Pay attention to capitalization

根據(jù) Vaishnav Shravan 的說法，“大寫是 UX 寫作中提高文本元素理解和一致性的工具，需要給予應(yīng)有的重視”。最流行的大寫形式有：句子大寫（僅句子的第一個字母和專有名詞大寫）、標(biāo)題大寫（除冠詞、連詞和標(biāo)題外的每個單詞的第一個字母大寫）和 每個字母大寫。

選用哪種大寫風(fēng)格取決于你的產(chǎn)品。一般來說，如果文本是面向國際的內(nèi)容，請使用句子的大寫，因為這樣更利于國際化（除非產(chǎn)品面向美國受眾）。標(biāo)題大寫可用于標(biāo)題/副標(biāo)題/文案文本（<4 個單詞）。在大多數(shù)情況下（雙關(guān)語），為了保持一致性，最好在產(chǎn)品中統(tǒng)一選擇一種格式。

大寫的兩個例子：左側(cè)為標(biāo)題示例，右側(cè)為句子示例

7.深度了解用戶

7.Know your user

好的微文案應(yīng)該在用戶使用你的產(chǎn)品時提供信息和幫助。為了實現(xiàn)這一目標(biāo)，了解用戶是誰并了解他們的需求是很重要的，所以通過用戶測試來確定微文案是否有效是必要的。用戶訪談可以幫助我們更好地了解用戶，A/B 測試可以用來確定微文案的哪些變化對用戶體驗的影響最大。

原文：https://uxpsychology.substack.com/p/how-to-optimize-button-microcopy

作者：Maria Panagiotidi

譯者：彭祎婕

審核：吳鵬飛、李澤慧、張聿彤

編輯：李莉好

本文翻譯已獲得作者的正式授權(quán)（授權(quán)截圖如下）

往期精選文章：

添加小助手微信，備注「社群」，即可加入讀者群。

優(yōu)化按鈕微文案的7條建議

本文共 3571 字，預(yù)計閱讀 9 分鐘
TCC 情報局的第 145 篇干貨分享
2022 年的第 43 篇

Characteristics of effective microcopy

1. 使用動作動詞

1.Use action verbs

2. 使用任務(wù)導(dǎo)向的文本

2.Use task-specific language

3.一致性

3.Consistency

4.提高透明度

4.Use microcopy for transparency

5.避免使用行業(yè)術(shù)語

5.Avoid Jargon

6.注意字母大寫形式

6.Pay attention to capitalization

7.深度了解用戶

7.Know your user

十個技巧幫助你設(shè)計一款在線學(xué)習(xí) APP

這些 色彩心理學(xué)知識教你如何傳遞信息

案例研究｜康奈爾大學(xué)副業(yè)社區(qū)網(wǎng)站設(shè)計

網(wǎng)頁設(shè)計師能從日式美學(xué)中學(xué)到什么？

案例研究｜一款為你帶來難忘體驗的美食 APP

如何制作打動面試官的作品集，這里有一份完整的指導(dǎo)手冊

如何做好用戶體驗項目？從一個好計劃開始

如何建立設(shè)計系統(tǒng)

如何把握不同層級用戶的需求：回歸本質(zhì)，打磨信息架構(gòu)

TCC 視野｜2021 年用戶體驗設(shè)計趨勢分析

優(yōu)化按鈕微文案的7條建議

本文共 3571 字，預(yù)計閱讀 9 分鐘TCC 情報局的 第 145 篇 干貨分享2022 年的 第 43 篇

Characteristics of effective microcopy

1. 使用動作動詞

1.Use action verbs

2. 使用任務(wù)導(dǎo)向的文本

2.Use task-specific language

3.一致性

3.Consistency

4.提高透明度

4.Use microcopy for transparency

5.避免使用行業(yè)術(shù)語

5.Avoid Jargon

6.注意字母大寫形式

6.Pay attention to capitalization

7.深度了解用戶

7.Know your user

本文共 3571 字，預(yù)計閱讀 9 分鐘
TCC 情報局的第 145 篇干貨分享
2022 年的第 43 篇