日誌

九個建議告訴您如何正確規劃和編輯微內容


網站上即便是最微小的文本內容也是會產生很大的影響。微內容包括網站上所有的指令、標籤、導航、工具提示、錯誤消息和切換語言等一系列可以幫助用戶了解網站功能的內容設計。


微內容在整個頁面流程上是可以幫助指引用戶,并且是用戶在單擊按鈕之前讀取的最終元素。


不過,在網站設計過程中,微內容常常會被忽略。通常按鈕的設計文本就僅僅就是很普通的“點擊這裡”。精心設計的微內容可以使您的網站呈現更好的效果,甚至可以幫助提供用戶的保留率和轉換率,這是每個網站擁有者都希望看到的。


那麼您應該怎麼做呢?接下來,一起來了解如何規劃和編輯微內容的九個指導建議:


1、展示但不告訴用戶應該做什麼


35-1.jpg


微內容實際上可以幫助用戶理解或直接操作某個步驟而不必花時間考慮它。這就是為什么“點擊這里”是一個很流行的詞。


用文字告訴用戶將要發生的事情,是一種最方便,也最直接的表達形式。可點擊元素常用的微縮短語包括學習更多、閱讀、購買、獲取信息、下載、提交等。每一個單詞都是清晰、有目的性的,用戶將很可能知道點擊后下一步將會發生什么。


至于其他位置的微內容,您需要考慮它的使用方法,需要有利于用戶的操作。例如導航,這一個地方的微內容可以幫助用戶在最開始就了解您的網站設計。好的導航詞可以告訴用戶去哪里,幫助解釋您的網站是什么,為SEO提供更好的資源。注意上面的Atom例子中,它是如何使用帶有“下載”的單詞和圖標的按鈕的。


2、保持內容簡短


微內容之所以得名,是因為這些單詞或短語通常是屏幕上簡短意概的。


把說明和縮寫保持在簡短的范圍內,但是實際表達切中要害。繁雜的解釋對于大多數用戶交互來說是不必要的,太多的解釋可能給您的整體設計帶來壓倒性感覺。如果有一種簡單而容易的方式來指示行動或使用,那么您就應該將他列為首選。


3、重要的文本應該總是顯而易見


35-2.jpg


不要使用工具提示來獲取重要信息。


有兩種類型的微內容——元素和指令,您總是能夠在網站設計中看到它們。后者通常以工具提示的形式出現,可以提高某些設計元素的可用性。但是請注意,并不是所有的信息都應該隱藏在這個懸停狀態中。任何重要的或需要用戶注意的微內容都應該對用戶可見,比如在表單中包含什么信息,或者單擊按鈕時會發生什么。


微內容的工具提示樣式也適合于其他信息的展示,例如解釋如果用戶需要幫助可以從哪里最直接快速的找到信息。信息旁設置指令圖標是一個信號,用戶可以找到更多的信息,如果需要的話。懸停在圖標上,然后出現微內容。這是一個適當的隱藏微內容的方式。


4、匹配網站的基調

盡管我們主張微內容的語言應該相當簡單,但是它需要(也應該)匹配完整的網頁設計的基調。


這是一個微妙的藝術,只有當用戶明白該怎么做時才有用。


5、避免行話


35-3.jpg


不要在微內容中使用專業術語,即便您是為了匹配相應的基調。


文本中的行話會讓人感到迷惑,同時也會給搜索引擎的的SEO優化帶來挑戰。所以,您需要避開它。


6、提供適當的選項


35-4.jpg


微內容應當使用可以擴展到元素列表中的任何元素。在適當的時候,確保為用戶增加選項以增加轉換的機會。


最常見的用途之一就是電子商務類型的站點。有一個表單以及一個按鈕,要求您輸入付款信息,右下角是一行說明文字,告知您可以再次查看購買。這是一個額外級別的微內容,給用戶一個選擇,并幫助他們更全面地理解過程。


如果您使用電子郵件類型的營銷軟件,同樣的選擇也是顯而易見的。大多數程序包括一個選項“現在發送”或“以后的日程安排”,當一個選項被選中時,用戶會得到他們做出的選擇的最終確認。


7、妥善處理微內容的形式


微內容的表現和編輯需要在是正常的,可閱讀的,大多數用戶從左到右和從上到下讀取內容,所以您的微內容也應該符合這種習慣。嘗試將這些模式與微內容相結合。


讓我們以電子郵件注冊表單為例——一個輸入電子郵件地址和提交按鈕這是最直接的表現形式,這些元素應該是最直接的展現在用戶的面前,或者直接兩個元素是貼近的上下關係,因為這是用戶接下來要看的地方。


使用具有高對比度的占位符文本,因此它們易于閱讀。如果文本微弱到難以閱讀,您就要好好像是是否真的需要它?


8、使用“動態文本”


35-5.jpg


實際上這跟圖像的文本在多個層次上是同一個問題。圖像實際上不能被搜索引擎或屏幕閱讀器讀取,并且根據圖像的縮放程度在某些響應環境中也無法讀取。


所以,所有的文本內容,包括微內容,都應該是動態文本,以便每個元素都是可讀的和可縮放的,以確保用戶能夠輕松地看到和理解它。


但我們解決“動態文本”這個問題的同時,確保所有的微內容都包含足夠的對比度,這樣就很容易看到。這是一個小細節,但是如果您注意的話,就會驚訝于有多少設計使用低對比度標簽導致整體的視覺體驗下降。


9、包括成功和錯誤信息


微內容通常不是一步一步的過程。它通常是一系列與一個用戶行為相關的消息。


取決于具體操作的內容是什么,您應該確認操作完成或在交互失敗時顯示錯誤消息的微內容。這為用戶提供有價值的反饋,幫助他們完成網站上的任務。




總結


當您想讓用戶通過您的網站了解什么或您想實現什么目的的時候,制作好的微內容其實并不難。將微內容視為一種超級精簡的指導手冊。記住使用簡短易懂的通用語言,提供清晰的說明,使每一件事都容易閱讀。做到這些,您就已經走上創造偉大的微內容的道路了。


----圖文來源於design shack


回最頂