用戶其實(shí)有他們的期望，我知道這很令人驚訝。一個(gè)按鈕在用戶看來(lái)就代表著執(zhí)行一項(xiàng)操作：提交一份表單、打開(kāi)新頁(yè)面或是編輯內(nèi)容。顯而易見(jiàn)，這都是些非?；A(chǔ)的用戶期望，而且不僅限于數(shù)碼世界。作為一名設(shè)計(jì)師，設(shè)定這種用戶期望輕而易舉。想要用戶執(zhí)行某項(xiàng)操作？加個(gè)按鈕就行。幾乎每個(gè)用戶界面（UI）元素都自帶了某種用戶期望，多數(shù)時(shí)候我們都能很好地運(yùn)用整體UI元素，并與用戶目標(biāo)期望相結(jié)合。

盡管如此，按鈕本身并非創(chuàng)造或破壞用戶期望的唯一事物。文案標(biāo)注不當(dāng)?shù)陌粹o不僅會(huì)產(chǎn)生它是做什么的疑問(wèn)（用戶可能根本不會(huì)去用它），也會(huì)改變用戶按下按鈕時(shí)的期望。

標(biāo)注文案關(guān)系重大

標(biāo)注文案在所有用戶體驗(yàn)設(shè)計(jì)中都至關(guān)重要。文案恰當(dāng)?shù)腢I元素，讓用戶更容易理解和預(yù)測(cè)某處設(shè)計(jì)和交互的作用。糟糕的標(biāo)注文案不只是妨礙用戶理解和瀏覽內(nèi)容，也會(huì)破壞用戶對(duì)你設(shè)計(jì)的信任，用戶的信任可是很難挽回的。按鈕上的文字不僅是一帶而過(guò)的東西，它是整個(gè)用戶體驗(yàn)中決定性的部分。我們往往在為按鈕的整體設(shè)計(jì)操心：

• 它看上去足夠像按鈕嗎？
• 用戶知道它是個(gè)按鈕嗎？
• 用戶知道它有鏈接嗎？
• 應(yīng)該用扁平配色還是漸變？
• 要把這個(gè)按鈕擺在哪里？

然后，我們就會(huì)忘記按鈕上的文字，還有它如何正確設(shè)定用戶的期望。并且，一個(gè)糟糕的按鈕文案會(huì)毀了你的設(shè)計(jì)。

設(shè)定用戶期望

標(biāo)注文案也能創(chuàng)造或破壞至關(guān)重要的第一印象。當(dāng)用戶首次看到你的設(shè)計(jì)，他們會(huì)迅速掃視和打量?jī)?nèi)容，并建立他們自己的預(yù)期。用個(gè)不太雅觀的比喻，想想廁所的門。用戶第一次遇到廁所門的時(shí)候，門本身（類似于按鈕）就設(shè)定了一個(gè)期望，用戶可以穿過(guò)它到達(dá)另一個(gè)房間。標(biāo)簽描述了門后的房間，它設(shè)定了用戶期望在其中看到什么、做什么。如果一幢建筑的女廁所上標(biāo)著“男士”，當(dāng)一個(gè)男士走進(jìn)去時(shí)，用戶的期望和信任將會(huì)被打破。

這類錯(cuò)誤造成的代價(jià)巨大。不僅僅破壞了信任，也陷入了令用戶覺(jué)得愚蠢的尷尬境地。設(shè)定用戶期望、建立用戶信任、不讓用戶覺(jué)得愚蠢，這些都可以通過(guò)恰當(dāng)?shù)臉?biāo)注文案來(lái)達(dá)成，但是文案中究竟應(yīng)該寫些什么？它應(yīng)該這么寫：

• 表述某個(gè)操作的反應(yīng)
• 提供將要展示的內(nèi)容的預(yù)覽
• 簡(jiǎn)單、清晰、直接
• 建立信任，不要打破信任

描述某個(gè)操作的反應(yīng)

恰當(dāng)?shù)臉?biāo)注文案的屬性之一，就是確保精確地描述用戶即將經(jīng)歷的操作和反應(yīng)——比如按鈕就是點(diǎn)擊。表單中“保存”和“提交”的區(qū)別，就是一個(gè)簡(jiǎn)單又經(jīng)典的案例。例如在表單中，“提交”意味著用戶錄入的數(shù)據(jù)會(huì)被提交到某處。用戶會(huì)希望按下提交按鈕時(shí)會(huì)被帶到別處，或許是一個(gè)展示他們提交內(nèi)容的視圖，或者是類似完成頁(yè)面的東西。然而“保存”的意思是，這些信息會(huì)被儲(chǔ)存下來(lái)，視圖不會(huì)改變，它只是更新了。

讓用戶知道他們點(diǎn)下去會(huì)發(fā)生什么，從來(lái)都不是壞事。富有描述性不代表展示過(guò)多細(xì)節(jié)。無(wú)需展示出下一個(gè)視圖或交互是什么。就像下拉菜單項(xiàng)或選擇組件。下拉菜單只有一個(gè)“選擇”字樣，設(shè)定了此處需要用戶操作的期望，但它也同時(shí)描述了交互效果——用戶將從一個(gè)列表中選擇某項(xiàng)——而沒(méi)有描述得太具體。在這個(gè)例子中，沒(méi)必要說(shuō)“從一列選項(xiàng)中選擇”或“選擇選項(xiàng)”。

NYGenome.org?整站的操作與反應(yīng)都描述得非常棒。

提供將要展示的內(nèi)容的預(yù)覽

回到廁所的例子，當(dāng)一個(gè)人穿過(guò)那扇門（上面寫著“洗手間”），他通常會(huì)看到一些讓他意識(shí)到自己身處廁所的事物，水槽、烘手機(jī)、馬桶等等。這就確認(rèn)了門上標(biāo)簽給用戶設(shè)定的期望，現(xiàn)在這個(gè)人會(huì)很自信他來(lái)對(duì)了地方。就像是標(biāo)簽“洗手間”，提供了用戶進(jìn)入后所見(jiàn)到事物的預(yù)覽，你的標(biāo)注文案應(yīng)當(dāng)提供一些信息，表達(dá)出用戶點(diǎn)擊按鈕或開(kāi)始某操作時(shí)，將會(huì)看到什么。

例如，網(wǎng)站上的一個(gè)用戶想要聯(lián)絡(luò)你提建議。他們會(huì)期望網(wǎng)站某處能找到電話號(hào)碼、email地址或類似于表單的東西來(lái)向你發(fā)送訊息。你的菜單中有一項(xiàng)寫著“聯(lián)系”，用戶期望就變成下個(gè)視圖中應(yīng)該包含電話號(hào)碼、email地址或某些表單，用來(lái)聯(lián)系網(wǎng)站主或企業(yè)。如果不寫“聯(lián)系”，而是寫類似于“預(yù)約”的文案，用戶就會(huì)期望看到一個(gè)專為預(yù)約而設(shè)計(jì)的表單，不只是一張聯(lián)系單或是產(chǎn)品常見(jiàn)問(wèn)題的反饋郵箱。

PureFixCycles.com?是個(gè)絕佳案例，為內(nèi)容提供了清晰的刺激引導(dǎo)。

簡(jiǎn)單直接

像聯(lián)系的例子那樣，保持標(biāo)注文案的簡(jiǎn)單清晰。讓用戶困惑、孤立并感覺(jué)愚蠢的一個(gè)好辦法，就是使用俚語(yǔ)術(shù)語(yǔ)、涉及文化差異的表述，或是一些嘩眾取寵的花哨詞句。假如你在設(shè)計(jì)一個(gè)模型火車的電子商務(wù)網(wǎng)站，你可能會(huì)覺(jué)得把聯(lián)系頁(yè)面叫做“連接樞紐”很好玩，但它得應(yīng)用到整個(gè)網(wǎng)站的體驗(yàn)中，它很可能讓人很難找迅速找到聯(lián)系頁(yè)面，因?yàn)槌怯脩酎c(diǎn)擊了，否則根本不知道這是什么意思。如果你覺(jué)得“聯(lián)系”太無(wú)趣，寧可就用這個(gè)文案來(lái)提升用戶體驗(yàn)，換以其他的設(shè)計(jì)手段來(lái)增加網(wǎng)站的生機(jī)。

保持簡(jiǎn)潔同時(shí)也意味著避免使用過(guò)長(zhǎng)的文案。盡管“與我取得聯(lián)系”、“這間是男廁所”、“你確定要這么做嗎？”清晰設(shè)定了用戶的期望，它們寫在按鈕或小小門牌上卻不是那么美觀。長(zhǎng)文案不僅難看，如果它們太長(zhǎng)，就會(huì)令人困惑，而且大多數(shù)人不會(huì)完整讀完。不去閱讀和理解文案是危險(xiǎn)的。如果用戶不讀文案，他們可能意外刪除東西，或無(wú)意識(shí)地向某人發(fā)送信息。要避免造成糟糕或意外后果的長(zhǎng)文案。

YogurtLabs.com?做得很好，簡(jiǎn)化了標(biāo)注文案，也保持著創(chuàng)造力。

建立信任，不要破壞信任

恰當(dāng)?shù)臉?biāo)注文案會(huì)建立信任。用我們之前廁所的例子，如果用戶因?yàn)闃?biāo)注文案不清晰而“走”錯(cuò)了門，他們就不太愿意再去探索你應(yīng)用中的其他地方了。你總不希望用戶覺(jué)得自己在不太理解的東西面前被耍了或是上當(dāng)了。用戶能舒服地探索這個(gè)應(yīng)用時(shí)，信任就會(huì)培養(yǎng)起來(lái)，所以精確的文案描述是建立信任的制勝法寶。

你的應(yīng)用應(yīng)該表里如一言行一致。錯(cuò)誤的表述不只令人困惑，也會(huì)給你的應(yīng)用造成負(fù)面的感知。盡管你的應(yīng)用可能非常棒，被設(shè)計(jì)成能夠達(dá)到所有用戶的目標(biāo)，但如果標(biāo)注文案設(shè)定了錯(cuò)誤的期望，用戶就會(huì)認(rèn)為你的應(yīng)用無(wú)法幫助他們達(dá)成目標(biāo)。標(biāo)注文案設(shè)定了用戶期望和心里模型，不要產(chǎn)生錯(cuò)誤的期望，那只會(huì)讓用戶失望。

MostlySerious.io?是一個(gè)建立和保持信任與舒適體驗(yàn)的好例子。

不易挽回

使用正確的標(biāo)注文案來(lái)描述特點(diǎn)、交互與內(nèi)容并不難——嗯，至少剛開(kāi)時(shí)是這樣。不出問(wèn)題比解決問(wèn)題更容易。既然花時(shí)間設(shè)計(jì)了一個(gè)很好的工具來(lái)達(dá)成用戶目標(biāo)，別著急，確保按鈕文案、鏈接、和其他標(biāo)簽設(shè)定了正確的期望，別讓錯(cuò)誤文案這樣的小“失誤”破壞用戶對(duì)你的信任，并損害了苦心經(jīng)營(yíng)的用戶體驗(yàn)。

下面還有些例子，它們都通過(guò)正確、清晰、簡(jiǎn)單的標(biāo)注文案，創(chuàng)造了獨(dú)特的體驗(yàn)：

原文鏈接

#專欄作家#

可樂(lè)橙，微信公眾號(hào)：可樂(lè)橙（colachangreen）。人人都是產(chǎn)品經(jīng)理專欄作家，UI/UX設(shè)計(jì)師，關(guān)注互聯(lián)網(wǎng)，關(guān)注科技?，F(xiàn)居杭州，與小伙伴們正在創(chuàng)業(yè)途中?；蛟S不是一名優(yōu)秀的設(shè)計(jì)師，至少是個(gè)快樂(lè)的設(shè)計(jì)師。

轉(zhuǎn)載請(qǐng)保留上述作者信息并附帶本文鏈接