這10個小技巧,幫你創造出可用性良好的微文案

微文案可能是設計當中最不起眼的文本元素,但是它們對於用戶對於產品而言都有著巨大的影響。微文案作為UI界面中最為普遍的文本,它們構成了設計當中的說明、導航和引導的基本功能,作為交互和UI元素的標籤,提示,傳遞信息,召喚行為,是不可或缺的基礎設施。

作為標籤而存在的微文案標識了每一個UI元素的功能和指向,藉助它用戶才能在UI界面中游刃有餘地進出,這也是為什麼它是不可替代的。

儘管如此,微文案在設計的時候還是經常被忽視。大量的“點擊這裡”這也粗陋的微文案無處不在,這使得網站和APP 在體驗上顯得不夠優雅細緻。優秀的微文案設計能夠提升用戶的留存率和轉化率,這是每個網站站長都期望能做到的事情。那麼,怎麼才能提升微文案的質量呢?今天的文章我們將會為你分享10個技巧。

1、展示,而非說教

這10個小技巧,幫你創造出可用性良好的微文案

優秀的導航微文案可以清晰的告知用戶去往何處,能夠輔助解釋網站的功能,能夠提供搜索,能夠優化提示。

微文案是用來幫助用戶而不是讓用戶思考的,這也是為什麼“點擊這裡”成為了最為流行的微文案之一。

當然,你並不一定非得使用“點擊這裡”這種爛大街的表述方式。你可以使用點擊之後的效果或者指向的頁面、功能來直接作為微文案來進行表述,最常見的表述方式包括瞭解更多信息、點擊閱讀、立即購買、獲取信息、下載、提交內容,等等。

這樣的表述方式更加清楚,用戶也可以一目瞭然,明白點擊之後會發生什麼。

至於其他微文案,也儘量斟酌它們的表述方式,怎麼才能更加有利於用戶。注意上面的 Atom 這個頁面是如何設計下載按鈕的,微文案和色彩的搭配,視覺效果非常突出,是一個非常優秀的CTA按鈕。

2、保持簡潔

微文案之所以帶有“微”字是因為它通常使用最為簡明的詞彙來進行呈現的。在表述清楚的前提下,它應該是最為簡短的詞彙,它的指引性是極強的。對於絕大多數的用戶交互而言,長時間的解釋是沒有必要的,太多的解釋反而會適得其反。讓微文案保持簡潔明瞭吧。

3、重要的微文案應該始終可見

這10個小技巧,幫你創造出可用性良好的微文案

最重要的信息就不要使用工具提示來呈現了。

微文案通常可以分為兩種,一種微文案作為元素或者說明是始終可見的,另外一種則是在需要的時候才顯示。後者常常以工具提示的方式出現,或者在光標懸停的時候才顯示。這樣的設計能夠提高文案的可用性。

但是請注意,並非所有的微文案都應該在懸停的時候才顯示,任何重要的微文案都應該保持始終可見的,比如包含在表單中的信息,或者按鈕中的標籤。

用工具提示的方式展示的文案,通常都是作為附加信息而出現的,比如向用戶解釋會發生什麼之類的。

4、和網站風格匹配

雖然微文案的文本內容非常簡單,但是它同樣可以和網站的整體風格和調性進行匹配。只需要進行恰當的斟酌,你就能夠控制好這個微妙的度。

5、規避專業術語

這10個小技巧,幫你創造出可用性良好的微文案

雖然要在風格上進行匹配,但是也需要儘量避免使用行話和術語。

行話和術語對於絕大多數的用戶並不友好,對於搜索引擎而言也不夠友好,應該儘量規避這一點。

6、對圖片添加表述性文本(Alt info)

嚴格意義上來說,這並非是微文案,但是它同樣很重要。為圖片的Alt 屬性當中添加描述性文本,能夠幫助許多用戶更好了解圖片的相關信息,也便於搜索引擎抓取相關的信息,對於網站而言是非常有利的。在設計的時候,這個工作量並不算大,但是對於用戶和網站而言,幫助並不小。

7、提供適當的選項

這10個小技巧,幫你創造出可用性良好的微文案

微文案不僅僅是為明面上顯示的內容提供足夠清晰的引導,而且最好提供更多的選項,讓用戶擁有選擇的權利,這也是提升產品轉化率的有效做法。

最常見的狀況就是電商網站和平臺,由於涉及到支付和相關的購買協議,用戶是可以通過更多的選項查看購買內容,反覆斟酌的。這種額外的選項通常需要合適的微文案搭配,讓用戶可以更加清晰地瞭解整個購買過程,作出合理的選擇。

無論是做電子郵件營銷還是其他,在“立即發送”或者“隨後再安排”這樣的交互之後,最好提供用來確認的選項,搭配相應的文案,確保操作是穩妥的、確定的。

8、將文本置於正確的位置

微文案應當被安置在正確的位置,確保用戶在閱讀和瀏覽的時候不會錯過,不會覺得奇怪。絕大多數的用戶都是遵循從左到右,從上到下的閱讀模式,嘗試在設計微文案的時候和這種用戶的閱讀模式結合起來。

以電子郵件的註冊表單為例,通常用戶需要輸入電子郵件的地址之後,再提交,所以,通常提交按鈕應該置於輸入框的右側或者底部,因為它們存在前後順序和邏輯關係。

作為佔位符的文本內容應該對比足夠明顯,確保可讀。如果它是可有可無的,就儘量刪除。

9、使用真實的文本

這10個小技巧,幫你創造出可用性良好的微文案

在很多設計當中,看起來是文字的微文案並不一定真的使用文本的形式,而常常是以圖片的格式而存在的。

搜索引擎和屏幕閱讀器在這種情況下是無法讀取和分辨這些文本。所有的微文案應該儘量使用文本,確保每個元素都是可讀,可用,可被識別的。

另外一方面,在視覺上,文本應該和背景的元素保持足夠的對比度,以便用戶能夠看清楚。

10、包含成功或者錯誤相關的信息

許多UI流程當中,用戶的交互是否被執行了,是否出錯了,是否成功了,這些信息對於用戶而言是非常重要的,在設計的時候,應當藉助相應的微文案告知用戶這些操作是否成功了,這是最有價值的反饋之一。它們關係著用戶體驗以及後續將要如何操作。

結語

當你開始仔細琢磨用戶將會怎樣使用你的產品的時候,總能夠設計出足夠優秀的微文案。重要的是梳理清楚思路,採用通俗易懂的文案,確保可讀性和易讀性。


分享到:


相關文章: