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è)計有效的微文案,我們需要思考用戶處理信息和閱讀文本的方式。多項來自尼爾森諾曼集團(tuán)的研究的研究表示:
眼動研究表明對于文化程度較高的用戶來說,掃視文本是一種極為常見的行為。用戶在頁面上平均只會閱讀大約 20% 的文本。
通過結(jié)合簡潔、易掃和客觀的微文案,可以顯著提高可用性(124%~159%),從而提升用戶的使用的流暢性和滿意度。
什么是好的微文案?
巴特說:“好的微文案具有以下特點:a)清晰、簡潔、易于理解;b)它能呈現(xiàn)出品牌聲音和品牌基調(diào);c)它在視覺上是合適的,感覺上像是設(shè)計的一部分”
好的微文案可以解決用戶的需求、回答用戶的問題或建立同理心(取決于所討論的產(chǎn)品),并在用戶心中建立信任。它能激勵用戶采取行動(例如,注冊帳戶、完成預(yù)訂)。最后,好的微文案可以預(yù)測并解決用戶問題(例如,防止錯誤)。
有研究發(fā)現(xiàn),微文案“減輕了用戶擔(dān)心的情緒,提供了有用的報錯信息和明確的語言表達(dá),并有助于為用戶提供操作提示”。
下面列出了一些有助于優(yōu)化按鈕微文案的建議:
應(yīng)該要使用動作動詞,而不是泛指詞。應(yīng)避免使用“是”或“否”,因為它們可能會產(chǎn)生歧義并讓用戶混淆。
在交互設(shè)計中,用戶先閱讀對話框的內(nèi)容然后才進(jìn)行操作。如前所述,研究表明大多數(shù)用戶通過掃視頁面的方式來獲取相關(guān)信息,而不是去仔細(xì)閱讀所有信息。這意味著,如果他們跳過或誤讀了對話框,他們最終會按錯按鈕。使用被動描述的文案會迫使用戶做更多的工作。通過按鈕文案來確認(rèn)接下來要做的動作,會減少出錯的機(jī)會,并減少用戶的工作量。
在下面的示例中可以看到( 受 UX Movement 的啟發(fā) )。當(dāng)對話框文本沒加載出來,只有按鈕可見時,按鈕的文案是用戶唯一可用的信息。動作動詞可以幫助他們采取行動,但使用“是”或“否”文案的按鈕就不能達(dá)到這個目的。所以很顯然帶有動作動詞的按鈕任務(wù)效率更高,可以防止用戶出錯。
賦予動作動詞的按鈕的任務(wù)效率更高,可以防止用戶出錯
按鈕應(yīng)與動作操作匹配。按鈕應(yīng)該始終清楚地描述用戶單擊按鈕時將會執(zhí)行什么操作。如果用戶對點擊按鈕后發(fā)生的事情感到不確定或驚訝,那么微文案就可能存在著問題。
“提交”一詞就是一個很好的例子,它可以用于大多數(shù)按鈕。正如 UX Movement 的 Anthony 所建議的:“如果文案不是針對任務(wù)場景來描述的,當(dāng)用戶看到它時,就不知道會發(fā)生什么。”因此,用戶會對他們的行為會產(chǎn)生什么結(jié)果而感到困惑。避免這種情況的一種方法是使用描述用戶任務(wù)結(jié)果的微文案。
這可以通過使用針對任務(wù)場景描述的文案而不是通用的文案來實現(xiàn)。這讓用戶認(rèn)知更清晰,并為他們的行動提供了確定性。請記住,用戶通常會掃視頁面以獲取相關(guān)信息。為了改進(jìn)用戶體驗,微文案應(yīng)該準(zhǔn)確地描述用戶在任務(wù)中所做的事情。例如,如果用戶正在刪除照片,則“刪除”的按鈕會告訴用戶單擊動作按鈕將會刪除照片,這對于他們的任務(wù)來說是明確而具體的(見下例)。
使用針對任務(wù)場景的語言可以使文案更清晰(右側(cè)示例)
為按鈕編寫文案時,保持一致性很重要。研究表明,一致性可以幫助用戶準(zhǔn)確地建立產(chǎn)品工作方式的心理模型,從而最終獲得更好的用戶體驗。設(shè)計微文案的一些具體準(zhǔn)則可以幫助我們達(dá)到這一目的。例如,你可以:
- 規(guī)范字?jǐn)?shù):不同組件平均應(yīng)該有多少個詞?每個按鈕一個、兩個或多個單詞。
- 選擇大小寫:例如整個產(chǎn)品始終使用大寫字母,你也可以在句子大小寫、標(biāo)題大小寫、大寫或小寫之間進(jìn)行選擇(稍后將詳細(xì)介紹…)
- 文案結(jié)構(gòu):你需要確定文案的結(jié)構(gòu)。它們是否僅包括一個動詞或是動詞與名詞的組合(例如“動詞”+“名詞” 或 “動詞” 或 “動詞” +a+ “名詞” )?
- 對特定含義的用詞表達(dá)一致:詞語選擇上的細(xì)微差異可能會對用戶體驗產(chǎn)生影響。例如,正如 Tobias van Schneider 所報告的,“請求定價”和“獲取報價”描述了相同的動作,但在不同的產(chǎn)品中卻產(chǎn)生了不同的結(jié)果。
有時,數(shù)字產(chǎn)品可能會出于安全和隱私原因( 例如,要求用戶提供敏感信息 )而引起用戶擔(dān)心。在這些情況下,微文案可以幫助我們減輕用戶潛在的憂慮,并與他們建立信任關(guān)系。
例如,如果人們在進(jìn)行交易時感到不安全或可疑,他們可能最終無法完成交易行為。
- Bhatt 提供了一些示例場景:
- 要求用戶提供過多的個人信息
- 有關(guān)產(chǎn)品保修/維修/更換的內(nèi)容未進(jìn)行詳細(xì)說明
- 為免費試用訂閱的用戶詢問信用卡詳細(xì)信息
有效的微文案可以告知用戶詢問信息的原因以及如何使用這些信息?——?C.巴特
下面有一個很好的例子;Airbnb 通過點擊 “預(yù)定” 按鈕,通知用戶他們在這一步 “不會被收費”。
來自 Airbnb 網(wǎng)站的截圖
有效的微文案應(yīng)該是對話式的。不應(yīng)使用行業(yè)術(shù)語和底層的技術(shù)內(nèi)容( 如錯誤代碼 )。用戶應(yīng)該感覺的是他們在和另一個人說話,而不是一臺機(jī)器。羅伯茨建議,“微文案應(yīng)該使用簡單的語言,由最少的詞組成”。這意味著除非特殊情況,否則我們應(yīng)該避免使用行業(yè)術(shù)語。這其實是一件比較難實現(xiàn)的事情,因為我們對我們所設(shè)計的產(chǎn)品以及我們每天遇到的行業(yè)術(shù)語非常熟悉。解決這個問題的一種方法是與用戶一起測試微文案,看一下?他們懂我們使用的語言嗎?
下面展示了一個示例。與“啟用”這個詞相比,用戶可能更熟悉“打開”這個詞。
避免使用專業(yè)術(shù)語
根據(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è)為句子示例
好的微文案應(yīng)該在用戶使用你的產(chǎn)品時提供信息和幫助。為了實現(xiàn)這一目標(biāo),了解用戶是誰并了解他們的需求是很重要的,所以通過用戶測試來確定微文案是否有效是必要的。用戶訪談可以幫助我們更好地了解用戶,A/B 測試可以用來確定微文案的哪些變化對用戶體驗的影響最大。
歡迎關(guān)注作者微信公眾號:「TCC翻譯情報局」
復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機(jī)派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 737 位幸運星
發(fā)表評論 為下方 1 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓