TCC 推薦:大家好,這里是 TCC 翻譯情報局,我是張聿彤。在設計按鈕時,你是否會糾結如何去設計按鈕的文案?這篇文章指出,設計好按鈕的微文案可以有效地激勵用戶采取行動、提供給用戶有用的幫助信息和行為反饋,文章中還提供了如何設計按鈕微文案的 7 條建議,我們一起來學習一下吧~
微文案指南
微文案(顧名思義)是那些可在網站、APP 和產品上看到的簡短文案。根據 Roberts(2017),它有 三個主要作用:
- 激勵用戶做出行動
- 引導用戶
- 為用戶提供行為反饋
微文案在表單、文本、標簽、彈出窗口和按鈕上都能看到。這是一個相對較新的術語和概念,由 Joshua Porter 于 2009 年在其博客文章“如何撰寫微文案”中提出。他提出在正確的時間、正確的地方添加一些文案內容,可以提升整個產品的用戶體驗。
為了設計有效的微文案,我們需要思考用戶處理信息和閱讀文本的方式。多項來自尼爾森諾曼集團的研究的研究表示:
眼動研究表明對于文化程度較高的用戶來說,掃視文本是一種極為常見的行為。用戶在頁面上平均只會閱讀大約 20% 的文本。
通過結合簡潔、易掃和客觀的微文案,可以顯著提高可用性(124%~159%),從而提升用戶的使用的流暢性和滿意度。
什么是好的微文案?
巴特說:“好的微文案具有以下特點:a)清晰、簡潔、易于理解;b)它能呈現出品牌聲音和品牌基調;c)它在視覺上是合適的,感覺上像是設計的一部分”
好的微文案可以解決用戶的需求、回答用戶的問題或建立同理心(取決于所討論的產品),并在用戶心中建立信任。它能激勵用戶采取行動(例如,注冊帳戶、完成預訂)。最后,好的微文案可以預測并解決用戶問題(例如,防止錯誤)。
有研究發(fā)現,微文案“減輕了用戶擔心的情緒,提供了有用的報錯信息和明確的語言表達,并有助于為用戶提供操作提示”。
下面列出了一些有助于優(yōu)化按鈕微文案的建議:
應該要使用動作動詞,而不是泛指詞。應避免使用“是”或“否”,因為它們可能會產生歧義并讓用戶混淆。
在交互設計中,用戶先閱讀對話框的內容然后才進行操作。如前所述,研究表明大多數用戶通過掃視頁面的方式來獲取相關信息,而不是去仔細閱讀所有信息。這意味著,如果他們跳過或誤讀了對話框,他們最終會按錯按鈕。使用被動描述的文案會迫使用戶做更多的工作。通過按鈕文案來確認接下來要做的動作,會減少出錯的機會,并減少用戶的工作量。
在下面的示例中可以看到( 受 UX Movement 的啟發(fā) )。當對話框文本沒加載出來,只有按鈕可見時,按鈕的文案是用戶唯一可用的信息。動作動詞可以幫助他們采取行動,但使用“是”或“否”文案的按鈕就不能達到這個目的。所以很顯然帶有動作動詞的按鈕任務效率更高,可以防止用戶出錯。

賦予動作動詞的按鈕的任務效率更高,可以防止用戶出錯
按鈕應與動作操作匹配。按鈕應該始終清楚地描述用戶單擊按鈕時將會執(zhí)行什么操作。如果用戶對點擊按鈕后發(fā)生的事情感到不確定或驚訝,那么微文案就可能存在著問題。
“提交”一詞就是一個很好的例子,它可以用于大多數按鈕。正如 UX Movement 的 Anthony 所建議的:“如果文案不是針對任務場景來描述的,當用戶看到它時,就不知道會發(fā)生什么。”因此,用戶會對他們的行為會產生什么結果而感到困惑。避免這種情況的一種方法是使用描述用戶任務結果的微文案。
這可以通過使用針對任務場景描述的文案而不是通用的文案來實現。這讓用戶認知更清晰,并為他們的行動提供了確定性。請記住,用戶通常會掃視頁面以獲取相關信息。為了改進用戶體驗,微文案應該準確地描述用戶在任務中所做的事情。例如,如果用戶正在刪除照片,則“刪除”的按鈕會告訴用戶單擊動作按鈕將會刪除照片,這對于他們的任務來說是明確而具體的(見下例)。

使用針對任務場景的語言可以使文案更清晰(右側示例)
為按鈕編寫文案時,保持一致性很重要。研究表明,一致性可以幫助用戶準確地建立產品工作方式的心理模型,從而最終獲得更好的用戶體驗。設計微文案的一些具體準則可以幫助我們達到這一目的。例如,你可以:
- 規(guī)范字數:不同組件平均應該有多少個詞?每個按鈕一個、兩個或多個單詞。
- 選擇大小寫:例如整個產品始終使用大寫字母,你也可以在句子大小寫、標題大小寫、大寫或小寫之間進行選擇(稍后將詳細介紹…)
- 文案結構:你需要確定文案的結構。它們是否僅包括一個動詞或是動詞與名詞的組合(例如“動詞”+“名詞” 或 “動詞” 或 “動詞” +a+ “名詞” )?
- 對特定含義的用詞表達一致:詞語選擇上的細微差異可能會對用戶體驗產生影響。例如,正如 Tobias van Schneider 所報告的,“請求定價”和“獲取報價”描述了相同的動作,但在不同的產品中卻產生了不同的結果。
有時,數字產品可能會出于安全和隱私原因( 例如,要求用戶提供敏感信息 )而引起用戶擔心。在這些情況下,微文案可以幫助我們減輕用戶潛在的憂慮,并與他們建立信任關系。
例如,如果人們在進行交易時感到不安全或可疑,他們可能最終無法完成交易行為。
- Bhatt 提供了一些示例場景:
- 要求用戶提供過多的個人信息
- 有關產品保修/維修/更換的內容未進行詳細說明
- 為免費試用訂閱的用戶詢問信用卡詳細信息
有效的微文案可以告知用戶詢問信息的原因以及如何使用這些信息?——?C.巴特
下面有一個很好的例子;Airbnb 通過點擊 “預定” 按鈕,通知用戶他們在這一步 “不會被收費”。

來自 Airbnb 網站的截圖
有效的微文案應該是對話式的。不應使用行業(yè)術語和底層的技術內容( 如錯誤代碼 )。用戶應該感覺的是他們在和另一個人說話,而不是一臺機器。羅伯茨建議,“微文案應該使用簡單的語言,由最少的詞組成”。這意味著除非特殊情況,否則我們應該避免使用行業(yè)術語。這其實是一件比較難實現的事情,因為我們對我們所設計的產品以及我們每天遇到的行業(yè)術語非常熟悉。解決這個問題的一種方法是與用戶一起測試微文案,看一下?他們懂我們使用的語言嗎?
下面展示了一個示例。與“啟用”這個詞相比,用戶可能更熟悉“打開”這個詞。

避免使用專業(yè)術語
根據 Vaishnav Shravan 的說法,“大寫是 UX 寫作中提高文本元素理解和一致性的工具,需要給予應有的重視”。最流行的大寫形式有:句子大寫( 僅句子的第一個字母和專有名詞大寫 )、標題大寫( 除冠詞、連詞和標題外的每個單詞的第一個字母大寫 )和每個字母大寫。
選用哪種大寫風格取決于你的產品。一般來說,如果文本是面向國際的內容,請使用句子的大寫,因為這樣更利于國際化( 除非產品面向美國受眾 )。標題大寫可用于標題/副標題/文案文本(<4 個單詞)。在大多數情況下( 雙關語 ),為了保持一致性,最好在產品中統一選擇一種格式。

大寫的兩個例子:左側為標題示例,右側為句子示例
好的微文案應該在用戶使用你的產品時提供信息和幫助。為了實現這一目標,了解用戶是誰并了解他們的需求是很重要的,所以通過用戶測試來確定微文案是否有效是必要的。用戶訪談可以幫助我們更好地了解用戶,A/B 測試可以用來確定微文案的哪些變化對用戶體驗的影響最大。
歡迎關注作者微信公眾號:「TCC翻譯情報局」

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網立場,未經允許不得轉載。




發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
MJ+SD智能設計
已累計誕生 772 位幸運星
發(fā)表評論 為下方 1 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓