這10個(gè)小技巧，幫你創(chuàng)造出可用性良好的微文案。enjoy~

微文案可能是設(shè)計(jì)當(dāng)中最不起眼的文本元素，但是它們對(duì)于用戶(hù)對(duì)于產(chǎn)品而言都有著巨大的影響。微文案作為 UI界面中最為普遍的文本，它們構(gòu)成了設(shè)計(jì)當(dāng)中的說(shuō)明、導(dǎo)航和引導(dǎo)的基本功能，作為交互和 UI元素的標(biāo)簽，提示，傳遞信息，召喚行為，是不可或缺的基礎(chǔ)設(shè)施。

作為標(biāo)簽而存在的微文案標(biāo)識(shí)了每一個(gè) UI元素的功能和指向，借助它用戶(hù)才能在 UI界面中游刃有余地進(jìn)出，這也是為什么它是不可替代的。

盡管如此，微文案在設(shè)計(jì)的時(shí)候還是經(jīng)常被忽視。大量的「點(diǎn)擊這里」這個(gè)粗陋的微文案無(wú)處不在，這使得網(wǎng)站和 APP 在體驗(yàn)上顯得不夠優(yōu)雅細(xì)致。優(yōu)秀的微文案設(shè)計(jì)能夠提升用戶(hù)的留存率和轉(zhuǎn)化率，這是每個(gè)網(wǎng)站站長(zhǎng)都期望能做到的事情。那么，怎么才能提升微文案的質(zhì)量呢？今天的文章我們將會(huì)為你分享10個(gè)技巧。

1. 展示，而非說(shuō)教

優(yōu)秀的導(dǎo)航微文案可以清晰的告知用戶(hù)去往何處，能夠輔助解釋網(wǎng)站的功能，能夠提供搜索，能夠優(yōu)化提示。

微文案是用來(lái)幫助用戶(hù)而不是讓用戶(hù)思考的，這也是為什么「點(diǎn)擊這里」成為了最為流行的微文案之一。

當(dāng)然，你并不一定非得使用「點(diǎn)擊這里」這種爛大街的表述方式。你可以使用點(diǎn)擊之后的效果或者指向的頁(yè)面、功能直接作為微文案來(lái)進(jìn)行表述，最常見(jiàn)的表述方式包括了解更多信息、點(diǎn)擊閱讀、立即購(gòu)買(mǎi)、獲取信息、下載、提交內(nèi)容等等。

這樣的表述方式更加清楚，用戶(hù)也可以一目了然，明白點(diǎn)擊之后會(huì)發(fā)生什么。

至于其他微文案，也盡量斟酌它們的表述方式，怎么才能更加有利于用戶(hù)。注意上面的 Atom 這個(gè)頁(yè)面是如何設(shè)計(jì)下載按鈕的，微文案和色彩的搭配，視覺(jué)效果非常突出，是一個(gè)非常優(yōu)秀的 CTA按鈕。

2. 保持簡(jiǎn)潔

微文案之所以帶有「微」字是因?yàn)樗ǔＪ褂米顬楹?jiǎn)明的詞匯來(lái)進(jìn)行呈現(xiàn)的。在表述清楚的前提下，它應(yīng)該是最為簡(jiǎn)短的詞匯，它的指引性是極強(qiáng)的。對(duì)于絕大多數(shù)的用戶(hù)交互而言，長(zhǎng)時(shí)間的解釋是沒(méi)有必要的，太多的解釋反而會(huì)適得其反。讓微文案保持簡(jiǎn)潔明了吧。

3. 重要的微文案應(yīng)該始終可見(jiàn)

最重要的信息就不要使用工具提示來(lái)呈現(xiàn)了。

微文案通常可以分為兩種，一種微文案作為元素或者說(shuō)明是始終可見(jiàn)的，另外一種則是在需要的時(shí)候才顯示。后者常常以工具提示的方式出現(xiàn)，或者在光標(biāo)懸停的時(shí)候才顯示。這樣的設(shè)計(jì)能夠提高文案的可用性。

但是請(qǐng)注意，并非所有的微文案都應(yīng)該在懸停的時(shí)候才顯示，任何重要的微文案都應(yīng)該保持始終可見(jiàn)的，比如包含在表單中的信息，或者按鈕中的標(biāo)簽。

用工具提示的方式展示的文案，通常都是作為附加信息而出現(xiàn)的，比如向用戶(hù)解釋會(huì)發(fā)生什么之類(lèi)的。

4. 和網(wǎng)站風(fēng)格匹配

雖然微文案的文本內(nèi)容非常簡(jiǎn)單，但是它同樣可以和網(wǎng)站的整體風(fēng)格和調(diào)性進(jìn)行匹配。只需要進(jìn)行恰當(dāng)?shù)恼遄?，你就能夠控制好這個(gè)微妙的度。

5. 規(guī)避專(zhuān)業(yè)術(shù)語(yǔ)

雖然要在風(fēng)格上進(jìn)行匹配，但是也需要盡量避免使用行話(huà)和術(shù)語(yǔ)。

行話(huà)和術(shù)語(yǔ)對(duì)于絕大多數(shù)的用戶(hù)并不友好，對(duì)于搜索引擎而言也不夠友好，應(yīng)該盡量規(guī)避這一點(diǎn)。

6. 對(duì)圖片添加表述性文本（Alt info）

嚴(yán)格意義上來(lái)說(shuō)，這并非是微文案，但是它同樣很重要。為圖片的 Alt 屬性當(dāng)中添加描述性文本，能夠幫助許多用戶(hù)更好了解圖片的相關(guān)信息，也便于搜索引擎抓取相關(guān)的信息，對(duì)于網(wǎng)站而言是非常有利的。在設(shè)計(jì)的時(shí)候，這個(gè)工作量并不算大，但是對(duì)于用戶(hù)和網(wǎng)站而言，幫助并不小。

7. 提供適當(dāng)?shù)倪x項(xiàng)

微文案不僅僅是為明面上顯示的內(nèi)容提供足夠清晰的引導(dǎo)，而且最好提供更多的選項(xiàng)，讓用戶(hù)擁有選擇的權(quán)利，這也是提升產(chǎn)品轉(zhuǎn)化率的有效做法。

最常見(jiàn)的狀況就是電商網(wǎng)站和平臺(tái)，由于涉及到支付和相關(guān)的購(gòu)買(mǎi)協(xié)議，用戶(hù)是可以通過(guò)更多的選項(xiàng)查看購(gòu)買(mǎi)內(nèi)容，反復(fù)斟酌的。這種額外的選項(xiàng)通常需要合適的微文案搭配，讓用戶(hù)可以更加清晰地了解整個(gè)購(gòu)買(mǎi)過(guò)程，作出合理的選擇。

無(wú)論是做電子郵件營(yíng)銷(xiāo)還是其他，在「立即發(fā)送」或者「隨后再安排」這樣的交互之后，最好提供用來(lái)確認(rèn)的選項(xiàng)，搭配相應(yīng)的文案，確保操作是穩(wěn)妥的、確定的。

8. 將文本置于正確的位置

微文案應(yīng)當(dāng)被安置在正確的位置，確保用戶(hù)在閱讀和瀏覽的時(shí)候不會(huì)錯(cuò)過(guò)，不會(huì)覺(jué)得奇怪。絕大多數(shù)的用戶(hù)都是遵循從左到右，從上到下的閱讀模式，嘗試在設(shè)計(jì)微文案的時(shí)候和這種用戶(hù)的閱讀模式結(jié)合起來(lái)。

以電子郵件的注冊(cè)表單為例，通常用戶(hù)需要輸入電子郵件的地址之后，再提交，所以，通常提交按鈕應(yīng)該置于輸入框的右側(cè)或者底部，因?yàn)樗鼈兇嬖谇昂箜樞蚝瓦壿嬯P(guān)系。

作為占位符的文本內(nèi)容應(yīng)該對(duì)比足夠明顯，確?？勺x性。如果它是可有可無(wú)的，就盡量刪除。

9. 使用真實(shí)的文本

在很多設(shè)計(jì)當(dāng)中，看起來(lái)是文字的微文案并不一定真的使用文本的形式，而常常是以圖片的格式而存在的。

搜索引擎和屏幕閱讀器在這種情況下是無(wú)法讀取和分辨這些文本。所有的微文案應(yīng)該盡量使用文本，確保每個(gè)元素都是可讀，可用，可被識(shí)別的。

另外一方面，在視覺(jué)上，文本應(yīng)該和背景的元素保持足夠的對(duì)比度，以便用戶(hù)能夠看清楚。

10. 包含成功或者錯(cuò)誤相關(guān)的信息

許多 UI 流程當(dāng)中，用戶(hù)的交互是否被執(zhí)行了，是否出錯(cuò)了，是否成功了，這些信息對(duì)于用戶(hù)而言是非常重要的，在設(shè)計(jì)的時(shí)候，應(yīng)當(dāng)借助相應(yīng)的微文案告知用戶(hù)這些操作是否成功了，這是最有價(jià)值的反饋之一。它們關(guān)系著用戶(hù)體驗(yàn)以及后續(xù)將要如何操作。

結(jié)語(yǔ)

當(dāng)你開(kāi)始仔細(xì)琢磨用戶(hù)將會(huì)怎樣使用你的產(chǎn)品的時(shí)候，總能夠設(shè)計(jì)出足夠優(yōu)秀的微文案。重要的是梳理清楚思路，采用通俗易懂的文案，確?？勺x性和易讀性。