本文來自:億恩網(wǎng)原創(chuàng)
作者:three
引言 用戶其實有他們的期望,我知道這很令人驚訝。一個按鈕在用戶看來就代表著執(zhí)行一項操作:提交一份表單、打開新頁面或是編輯內(nèi)容。顯而易見,這都是些非常基礎(chǔ)的用戶期望,而且不僅限于數(shù)碼世界。作為一名設(shè)計師,設(shè)定 ...
用戶其實有他們的期望,我知道這很令人驚訝。一個按鈕在用戶看來就代表著執(zhí)行一項操作:提交一份表單、打開新頁面或是編輯內(nèi)容。顯而易見,這都是些非常基礎(chǔ)的用戶期望,而且不僅限于數(shù)碼世界。作為一名設(shè)計師,設(shè)定這種用戶期望輕而易舉。想要用戶執(zhí)行某項操作?加個按鈕就行。幾乎每個用戶界面(UI)元素都自帶了某種用戶期望,多數(shù)時候我們都能很好地運用整體UI元素,并與用戶目標(biāo)期望相結(jié)合。
盡管如此,按鈕本身并非創(chuàng)造或破壞用戶期望的唯一事物。文案標(biāo)注不當(dāng)?shù)陌粹o不僅會產(chǎn)生它是做什么的疑問(用戶可能根本不會去用它),也會改變用戶按下按鈕時的期望。
標(biāo)注文案關(guān)系重大
標(biāo)注文案在所有用戶體驗設(shè)計中都至關(guān)重要。文案恰當(dāng)?shù)腢I元素,讓用戶更容易理解和預(yù)測某處設(shè)計和交互的作用。糟糕的標(biāo)注文案不只是妨礙用戶理解和瀏覽內(nèi)容,也會破壞用戶對你設(shè)計的信任,用戶的信任可是很難挽回的。按鈕上的文字不僅是一帶而過的東西,它是整個用戶體驗中決定性的部分。我們往往在為按鈕的整體設(shè)計操心:
1.它看上去足夠像按鈕嗎?
2.用戶知道它是個按鈕嗎?
3.用戶知道它有鏈接嗎?
4.應(yīng)該用扁平配色還是漸變?
5.要把這個按鈕擺在哪里?
然后,我們就會忘記按鈕上的文字,還有它如何正確設(shè)定用戶的期望。并且,一個糟糕的按鈕文案會毀了你的設(shè)計。
設(shè)定用戶期望
標(biāo)注文案也能創(chuàng)造或破壞至關(guān)重要的第一印象。當(dāng)用戶首次看到你的設(shè)計,他們會迅速掃視和打量內(nèi)容,并建立他們自己的預(yù)期。用個不太雅觀的比喻,想想廁所的門。用戶第一次遇到廁所門的時候,門本身(類似于按鈕)就設(shè)定了一個期望,用戶可以穿過它到達(dá)另一個房間。標(biāo)簽描述了門后的房間,它設(shè)定了用戶期望在其中看到什么、做什么。如果一幢建筑的女廁所上標(biāo)著“男士”,當(dāng)一個男士走進(jìn)去時,用戶的期望和信任將會被打破。
這類錯誤造成的代價巨大。不僅僅破壞了信任,也陷入了令用戶覺得愚蠢的尷尬境地。設(shè)定用戶期望、建立用戶信任、不讓用戶覺得愚蠢,這些都可以通過恰當(dāng)?shù)臉?biāo)注文案來達(dá)成,但是文案中究竟應(yīng)該寫些什么?它應(yīng)該這么寫:
1.表述某個操作的反應(yīng)
2.提供將要展示的內(nèi)容的預(yù)覽
3.簡單、清晰、直接
4.建立信任,不要打破信任
描述某個操作的反應(yīng)
恰當(dāng)?shù)臉?biāo)注文案的屬性之一,就是確保精確地描述用戶即將經(jīng)歷的操作和反應(yīng)——比如按鈕就是點擊。表單中“保存”和“提交”的區(qū)別,就是一個簡單又經(jīng)典的案例。例如在表單中,“提交”意味著用戶錄入的數(shù)據(jù)會被提交到某處。用戶會希望按下提交按鈕時會被帶到別處,或許是一個展示他們提交內(nèi)容的視圖,或者是類似完成頁面的東西。然而“保存”的意思是,這些信息會被儲存下來,視圖不會改變,它只是更新了。
讓用戶知道他們點下去會發(fā)生什么,從來都不是壞事。富有描述性不代表展示過多細(xì)節(jié)。無需展示出下一個視圖或交互是什么。就像下拉菜單項或選擇組件。下拉菜單只有一個“選擇”字樣,設(shè)定了此處需要用戶操作的期望,但它也同時描述了交互效果——用戶將從一個列表中選擇某項——而沒有描述得太具體。在這個例子中,沒必要說“從一列選項中選擇”或“選擇選項”。
NYGenome.org 整站的操作與反應(yīng)都描述得非常棒。
提供將要展示的內(nèi)容的預(yù)覽
回到廁所的例子,當(dāng)一個人穿過那扇門(上面寫著“洗手間”),他通常會看到一些讓他意識到自己身處廁所的事物,水槽、烘手機(jī)、馬桶等等。這就確認(rèn)了門上標(biāo)簽給用戶設(shè)定的期望,現(xiàn)在這個人會很自信他來對了地方。就像是標(biāo)簽“洗手間”,提供了用戶進(jìn)入后所見到事物的預(yù)覽,你的標(biāo)注文案應(yīng)當(dāng)提供一些信息,表達(dá)出用戶點擊按鈕或開始某操作時,將會看到什么。
例如,網(wǎng)站上的一個用戶想要聯(lián)絡(luò)你提建議。他們會期望網(wǎng)站某處能找到電話號碼、email地址或類似于表單的東西來向你發(fā)送訊息。你的菜單中有一項寫著“聯(lián)系”,用戶期望就變成下個視圖中應(yīng)該包含電話號碼、email地址或某些表單,用來聯(lián)系網(wǎng)站主或企業(yè)。如果不寫“聯(lián)系”,而是寫類似于“預(yù)約”的文案,用戶就會期望看到一個專為預(yù)約而設(shè)計的表單,不只是一張聯(lián)系單或是產(chǎn)品常見問題的反饋郵箱。
PureFixCycles.com 是個絕佳案例,為內(nèi)容提供了清晰的刺激引導(dǎo)。
簡單直接
像聯(lián)系的例子那樣,保持標(biāo)注文案的簡單清晰。讓用戶困惑、孤立并感覺愚蠢的一個好辦法,就是使用俚語術(shù)語、涉及文化差異的表述,或是一些嘩眾取寵的花哨詞句。假如你在設(shè)計一個模型火車的電子商務(wù)網(wǎng)站,你可能會覺得把聯(lián)系頁面叫做“連接樞紐”很好玩,但它得應(yīng)用到整個網(wǎng)站的體驗中,它很可能讓人很難找迅速找到聯(lián)系頁面,因為除非用戶點擊了,否則根本不知道這是什么意思。如果你覺得“聯(lián)系”太無趣,寧可就用這個文案來提升用戶體驗,換以其他的設(shè)計手段來增加網(wǎng)站的生機(jī)。
保持簡潔同時也意味著避免使用過長的文案。盡管“與我取得聯(lián)系”、“這間是男廁所”、“你確定要這么做嗎?”清晰設(shè)定了用戶的期望,它們寫在按鈕或小小門牌上卻不是那么美觀。長文案不僅難看,如果它們太長,就會令人困惑,而且大多數(shù)人不會完整讀完。不去閱讀和理解文案是危險的。如果用戶不讀文案,他們可能意外刪除東西,或無意識地向某人發(fā)送信息。要避免造成糟糕或意外后果的長文案。
YogurtLabs.com 做得很好,簡化了標(biāo)注文案,也保持著創(chuàng)造力。
建立信任,不要破壞信任
恰當(dāng)?shù)臉?biāo)注文案會建立信任。用我們之前廁所的例子,如果用戶因為標(biāo)注文案不清晰而“走”錯了門,他們就不太愿意再去探索你應(yīng)用中的其他地方了。你總不希望用戶覺得自己在不太理解的東西面前被耍了或是上當(dāng)了。用戶能舒服地探索這個應(yīng)用時,信任就會培養(yǎng)起來,所以精確的文案描述是建立信任的制勝法寶。
你的應(yīng)用應(yīng)該表里如一言行一致。錯誤的表述不只令人困惑,也會給你的應(yīng)用造成負(fù)面的感知。盡管你的應(yīng)用可能非常棒,被設(shè)計成能夠達(dá)到所有用戶的目標(biāo),但如果標(biāo)注文案設(shè)定了錯誤的期望,用戶就會認(rèn)為你的應(yīng)用無法幫助他們達(dá)成目標(biāo)。標(biāo)注文案設(shè)定了用戶期望和心里模型,不要產(chǎn)生錯誤的期望,那只會讓用戶失望。
MostlySerious.io 是一個建立和保持信任與舒適體驗的好例子。
不易挽回
使用正確的標(biāo)注文案來描述特點、交互與內(nèi)容并不難——嗯,至少剛開時是這樣。不出問題比解決問題更容易。既然花時間設(shè)計了一個很好的工具來達(dá)成用戶目標(biāo),別著急,確保按鈕文案、鏈接、和其他標(biāo)簽設(shè)定了正確的期望,別讓錯誤文案這樣的小“失誤”破壞用戶對你的信任,并損害了苦心經(jīng)營的用戶體驗。
下面還有些例子,它們都通過正確、清晰、簡單的標(biāo)注文案,創(chuàng)造了獨特的體驗:
(編輯:億恩 王鐵鋒)
更多精彩內(nèi)容,請關(guān)注億恩微信:(enecnews) 每天為您推送最新、最熱干貨!
掃碼關(guān)注二維碼
2025-01-22 17:38
2025-01-23 13:37
2025-01-24 11:50
2025-01-24 13:43
2025-01-23 11:21
2025-01-23 11:39
掃碼加入社群
掃一掃
關(guān)注億恩公眾號