如果有一個網頁設計師經常問自己的問題,那就是:我怎樣才能改善用戶體驗?在設計中,用戶體驗始終是最重要的——至少應該是最重要的;如果沒有用戶閱讀或查看這些內容,沒有用戶點擊這些行動號召,沒有用戶注冊這些表單,那么任何網站都沒有意義。
設計師們有很多不同的技巧來讓用戶體驗變得更好,其中之一就是使用方向線索。這些方向線索并不微妙;他們的工作是確保每個用戶都不會錯過頁面上某個地方的“行動召喚”按鈕。換句話說,方向提示就像頁面上的巨大廣告牌,為用戶指出一個非常明確的方向。
他們的戰略是增加所有重要的轉換。作為設計師,為了增加轉化率,你應該做任何事情。方向線索有助于有效地做到這一點,以下是如何做到的:
,
什么是方向線索?
方向線索有各種各樣的形狀和大小,你甚至可能會驚訝地發現什么可以作為方向線索。此外,還有顯式(非常明顯)和隱式(比較低調)的方向提示。
可以認為是明確方向線索的頁面元素包括:
- 箭頭
- 手指指向
- 眼睛的方向(當人們的臉看著一個行動的呼吁)
- 行
- 曲線
Kin HR的網站以模特們的目光為背景,將人們的注意力集中在她們對前景的行動呼吁上。(這種效果在平板電腦的視窗上尤為明顯。)
這是一個來自Salesforce登錄頁面的明確方向提示的理想示例。請注意,這里使用了一個明顯的箭頭,將用戶的視線引向簡短的web表單。
隱含的方向線索更容易被忽略,那些構成隱含的方向線索的元素是有爭議的,但它們可以包括:
- 顏色
- 大小、顏色和形狀的重復
- 層次結構
要獲得一個隱含的方向提示的例子,請查看Daily Egg的about us頁面。電子郵件時事通訊注冊表單的背景是綠色的,但是字段是白色的。這種明顯的對比吸引了眼球,從而提供了一種暗示來填充它。
,
如何闡明頁面目標?
每個頁面都有一個目的,通常是為了讓訪問者購買、注冊或訂閱某些東西。當用戶不理解頁面的目的時——比如導航實現得很差或者頁面太混亂時——用戶體驗會急劇下降。
這就是水晶般清晰的方向提示可以拯救頁面的地方。畢竟,當用戶收到關于他們應該在頁面上做什么的提示時,他們的體驗就會大大提高。他們的困惑和沮喪被偉大的組織、設計和規劃帶來的信心和效率所取代。
一個關于方向線索的極好的例子出現在我們討論方向線索定義的頁面上。在Unbounce的定義頁面上,注意指向右邊的大箭頭,從而促使訪問者實際閱讀方向提示的定義!由于這個簡單的頁面元素,用戶可以清楚地理解頁面的目標是閱讀和理解這個定義。
,
為用戶提供方向提示
Visual Website Optimizer查看了一個顯示Sunsilk洗發水廣告的頁面。結果是驚人的:當廣告中的女人的眼睛看著她在那瓶洗發水,而不是進入領域- – – – -最后看了看瓶子的用戶數量飆升到84%,從微薄的6%原廣告的女人一直往前看。
Eazers.com是一個德國的優惠券網站,有效地使用了相同的技術;模特的凝視將你的眼睛直接吸引到行動的中心號召上。
毫無疑問,方向線索在頁面上非常有用,這并不奇怪,方向線索提供的改進的用戶體驗也自然地提高了網站上的轉化率,因為這兩者是相互聯系的。當你的網站的用戶體驗增加時,人們會以更高的速度轉換,因為他們知道他們應該做什么。
當用戶訪問你的網站時,他們有時確切地知道他們在尋找什么。這些很可能是回頭客,他們想要使用他們上次在你的網站上使用過的東西。對于這些類型的用戶,最重要的是您的用戶體驗是一流的,因為您最不想做的事情就是排斥保險-下注轉換!對于想要再次使用相同功能的回頭客來說,確保獲得良好用戶體驗的最簡單方法之一是提供易于發現、解釋并單擊的方向提示。
,
不要想當然地認為方向提示是理所當然的
下次當你在設計并考慮將方向線索僅僅看作是一堆不必要的箭頭、線條或曲線時,請三思!研究表明,它們與用戶體驗以及頁面的轉化率息息相關。為了幫助你的網站訪問者體驗更好的用戶體驗——以及你的客戶獲得更好的轉化率——你必須將這些方向線索整合到你的設計中。
除了發出指令外,方向提示還可以很好地提示用戶應該做什么。有些用戶不會,有些用戶會,但重要的是他們清楚地了解頁面的“正?!笔褂檬鞘裁?。方向提示是設計師用來增強用戶體驗、幫助用戶提高客戶端轉化率的最佳工具之一。