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

3 評(píng)論 3866 瀏覽 30 收藏 13 分鐘

編輯導(dǎo)語(yǔ):我們經(jīng)常可以在產(chǎn)品的日常使用過(guò)程中看到一些相對(duì)簡(jiǎn)短的文案,這類(lèi)文案一定程度上可以引導(dǎo)用戶進(jìn)入下一步行動(dòng)。但微文案若想成功起效,關(guān)鍵還是要簡(jiǎn)潔明了、并易于理解,這樣產(chǎn)品才可以提升用戶的體驗(yàn)感。本文作者就對(duì)微文案優(yōu)化提出了幾點(diǎn)建議,一起來(lái)看。

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

  1. 激勵(lì)用戶做出行動(dòng);
  2. 引導(dǎo)用戶;
  3. 為用戶提供行為反饋。

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

為了設(shè)計(jì)有效的微文案,我們需要思考用戶處理信息和閱讀文本的方式。多項(xiàng)來(lái)自尼爾森諾曼集團(tuán)的研究的研究表示:

眼動(dòng)研究表明對(duì)于文化程度較高的用戶來(lái)說(shuō),掃視文本是一種極為常見(jiàn)的行為。

用戶在頁(yè)面上平均只會(huì)閱讀大約 20% 的文本。

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

引入:什么是好的微文案?Characteristics of effective microcopy

巴特說(shuō):“好的微文案具有以下特點(diǎn):

  • 清晰、簡(jiǎn)潔、易于理解;
  • 它能呈現(xiàn)出品牌聲音和品牌基調(diào);
  • 它在視覺(jué)上是合適的,感覺(jué)上像是設(shè)計(jì)的一部分”。

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

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

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

一、使用動(dòng)作動(dòng)詞?Use actionverbs

應(yīng)該要使用動(dòng)作動(dòng)詞,而不是泛指詞。應(yīng)避免使用“是”或“否”,因?yàn)樗鼈兛赡軙?huì)產(chǎn)生歧義并讓用戶混淆。

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

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

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

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

二、使用任務(wù)導(dǎo)向的文本?Use task-specific language

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

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

這可以通過(guò)使用針對(duì)任務(wù)場(chǎng)景描述的文案 而不是通用的文案來(lái)實(shí)現(xiàn)。這讓用戶認(rèn)知更清晰,并為他們的行動(dòng)提供了確定性。

請(qǐng)記住,用戶通常會(huì)掃視頁(yè)面以獲取相關(guān)信息。為了改進(jìn)用戶體驗(yàn),微文案應(yīng)該準(zhǔn)確地描述用戶在任務(wù)中所做的事情。例如,如果用戶正在刪除照片,則“刪除”的按鈕會(huì)告訴用戶單擊動(dòng)作按鈕將會(huì)刪除照片,這對(duì)于他們的任務(wù)來(lái)說(shuō)是明確而具體的(見(jiàn)下例)。

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

使用針對(duì)任務(wù)場(chǎng)景的語(yǔ)言可以使文案更清晰(右側(cè)示例)

三、一致性?Consistency

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

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

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

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

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

四、提高透明度?Use microcopy for transparency

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

例如,如果人們?cè)谶M(jìn)行交易時(shí)感到不安全或可疑,他們可能最終無(wú)法完成交易行為。

Bhatt 提供了一些示例場(chǎng)景:

  • 要求用戶提供過(guò)多的個(gè)人信息;
  • 有關(guān)產(chǎn)品保修/維修/更換的內(nèi)容未進(jìn)行詳細(xì)說(shuō)明;
  • 為免費(fèi)試用訂閱的詢(xún)問(wèn)信用卡詳細(xì)信息。

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

下面有一個(gè)很好的例子;Airbnb 通過(guò)點(diǎn)擊 “預(yù)定” 按鈕,通知用戶他們?cè)谶@一步 “不會(huì)被收費(fèi)”。

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

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

五、避免使用行業(yè)術(shù)語(yǔ)?Avoid Jargon

有效的微文案應(yīng)該是對(duì)話式的。

不應(yīng)使用行業(yè)術(shù)語(yǔ)和底層的技術(shù)內(nèi)容( 如錯(cuò)誤代碼 )。用戶應(yīng)該感覺(jué)的是他們?cè)诤土硪粋€(gè)人說(shuō)話,而不是一臺(tái)機(jī)器。羅伯茨建議,“微文案應(yīng)該使用簡(jiǎn)單的語(yǔ)言,由最少的詞組成”。這意味著除非特殊情況,否則我們應(yīng)該避免使用行業(yè)術(shù)語(yǔ)。

這其實(shí)是一件比較難實(shí)現(xiàn)的事情,因?yàn)槲覀儗?duì)我們所設(shè)計(jì)的產(chǎn)品以及我們每天遇到的行業(yè)術(shù)語(yǔ)非常熟悉。解決這個(gè)問(wèn)題的一種方法是與用戶一起測(cè)試微文案?—看一下?他們懂我們使用的語(yǔ)言嗎?

下面展示了一個(gè)示例。與“啟用”這個(gè)詞相比,用戶可能更熟悉“打開(kāi)”這個(gè)詞。

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

避免使用專(zhuān)業(yè)術(shù)語(yǔ)

六、注意字母大寫(xiě)形式?Pay attention to capitalization

根據(jù) Vaishnav Shravan 的說(shuō)法,“大寫(xiě)是 UX 寫(xiě)作中提高文本元素理解和一致性的工具,需要給予應(yīng)有的重視”

最流行的大寫(xiě)形式有:句子大寫(xiě)( 僅句子的第一個(gè)字母和專(zhuān)有名詞大寫(xiě) )、標(biāo)題大寫(xiě)( 除冠詞、連詞和標(biāo)題外的每個(gè)單詞的第一個(gè)字母大寫(xiě) )和每個(gè)字母大寫(xiě)。

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

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

大寫(xiě)的兩個(gè)例子:左側(cè)為標(biāo)題示例,右側(cè)為句子示例

七、深度了解用戶?Know youruser

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

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

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

 

原文作者:Maria Panagiotidi

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

譯者:彭祎婕;編輯:李莉好;微信公眾號(hào):TCC翻譯情報(bào)局(ID:TCC-design);連接知識(shí),了解全球精選設(shè)計(jì)干貨

本文由@TCC翻譯情報(bào)局 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 這種按鈕微文案設(shè)計(jì)得好確實(shí)能夠緩解人們的情緒,有時(shí)候彈出來(lái)一些按鈕就會(huì)害怕是不是有什么錯(cuò)誤

    來(lái)自山東 回復(fù)
  2. 原來(lái)按鈕上微文案也會(huì)有這么多方面的考量,無(wú)論如何用戶體驗(yàn)都是關(guān)鍵。

    來(lái)自上海 回復(fù)
  3. 最流行的大寫(xiě)形式有:句子大寫(xiě)( 僅句子的第一個(gè)字母和專(zhuān)有名詞大寫(xiě) )、標(biāo)題大寫(xiě)( 除冠詞、連詞和標(biāo)題外的每個(gè)單詞的第一個(gè)字母大寫(xiě) )和每個(gè)字母大寫(xiě)。謝謝作者大大,學(xué)到啦

    來(lái)自吉林 回復(fù)