四個步驟實現層級清晰的導航欄

【編者按】本文做者爲 Wes McDowell，主要介紹經過四個步驟實現層級清晰的導航欄，進而提升網站的轉化率。文章系國內 ITOM 管理平臺 OneAPM 編譯呈現。

精心規劃的導航策略能夠成就一個網站，反之，則可能毀了一個。規劃得好，網站訪客就會順着你安排的路徑走下去，要麼購買你的商品、成爲你的潛在客戶，要麼填完網站諮詢表單。

規劃得很差，訪客們就會在網站上隨意遊蕩。他們有可能達成你的目的，也可能不會。何須冒險呢？

出色的用戶體驗是不該該如此隨意地對待客戶轉化問題的——咱們應當手把手地指導用戶，給出能吸引他們注意的、明確的提示。這樣，他們才能找到本身想找的東西，同時你也能得到本身想要的東西——客戶轉化。

在本文中，筆者將向你介紹一個簡單的、提高轉化率的策略，它適用於全部網站。

只要使用得當，你交付的網站不只美觀大方，還能幫客戶實現他們的商業目標。

也就是說，你是他們的大英雄。

第一步：着陸頁策略

咱們知道對2016年的網絡營銷來講，每一個網站都應當配有着陸頁，這是轉化策略的一部分。若是你打算從新設計你的網站，這一步並不要求你刪掉已有的頁面，而是增長一些內容。

你須要創建一個信息齊全的頁面，這個頁面應當囊括了刺激轉化所需的全部內容。着陸頁的數量不定，取決於具體的業務和目標。爲了簡便，咱們用私人做品網站爲例。

假設你提供網頁設計和商標設計兩種服務，那麼在你的做品網站上，除了簡單的做品集頁面，還應當創建兩個全新的着陸頁——每個着陸頁對應一種業務。在各個着陸頁上，你能夠放上重點做品、有說服力的銷售文案、服務特色列表、客戶推薦信、以及清晰的行爲召喚（CTA）按鈕。

着陸頁存在的緣由是：客戶無需在不一樣頁面之間來回切換，而能夠在一個頁面上看到全部信息。如此一來，你的銷售漏斗將更加成功，同時，由於省去了切換環節，客戶也不會再半途放棄。

第二步：重點放在能夠「生利」的頁面

除了着陸頁之外，是否還須要一些別的頁面來刺激轉化？例如一個專門放客戶推薦信的頁面？或者是其餘服務項目的介紹？

若是你以爲須要的話，那麼你有如下幾種選擇：

相關連接

在着陸頁的正文中插入連接，能夠有效地引導客戶走向預設的方向。假設你的着陸頁上有一些案例分析，那麼能夠在案例的下方加入相關連接，引導客戶前往查看更多案例。

精簡的標題導航欄

另外一個方案是，作一個精簡的標題導航欄，指向兩三個最經常使用的頁面。仍是以做品網站爲例，你能夠把那兩個着陸頁都放到標題導航欄裏，這樣訪客就能夠在不一樣服務之間來回切換。

理想狀態下，標題欄應當是「靜止的」，即便用戶滾動頁面，標題欄仍會保持原位。

第三步：弱化其它內容

你據說過「選擇疲勞」嗎？它的意思是，當人們面臨太多選擇時，每每更不可能採起任何行動。有個著名的果醬試驗闡釋了這一律念。

研究人員在一家食品店的小貨架上放了五種果醬。路過的人們會停下來看一眼，其中大部分人會購買一種果醬。以後，研究人員不斷增長果醬的品種，直至三十種之多。人們仍是會停下看看，折服於如此之多的選擇，而後就走開了。

咱們不想這種狀況出如今網站上。若是導航欄有太多的選擇，訪客們就沒有一條清晰的路徑，因而乾脆離開。咱們能夠這樣解決這個問題：

全部其它頁面的連接都不該出如今主要選項中。 咱們能夠把它們放在次級導航中。

你能夠隨意處理次級導航。既能夠把它們放在不那麼重要的位置，（例如頁腳上方，）或者把它們放在一個會自動隱藏的側邊欄菜單中，訪客能夠點擊菜單按鈕來訪問。

是的，我知道這個問題是用戶體驗專家們爭論的焦點。有不少人很是討厭隱藏式導航，認爲它爲用戶的使用創造了一個障礙。可是請記住：你的着陸頁以及主要的導航項，應當足以刺激轉化了。次級頁面只是爲那些想要尋找它們的訪客而準備的。

消除了那些不重要的選項，（或者至少弱化了它們），訪客們將會擁有一條更爲清晰的路徑。從任何角度來講，這都是不錯的用戶體驗。

第四步：設置你的CTA（行爲召喚）按鈕

清晰、明確的CTA表明着網站的全部目的。

仍是以做品網站爲例，假設你的最終目標是讓潛在客戶填寫一份表格，定下一個諮詢時間。一旦想清楚了這一點，你必定會想把這個連接放在最顯眼的地方。

除了放在着陸頁的正文位置，筆者建議還能夠在標題導航欄再放一個。

可是，爲了使它有別於其餘導航選項，你能夠把它作成一個按鈕。這樣更具視覺衝擊。若是它的顏色是亮麗的流行色系，那突出效果將更佳。

總體效果

一旦完成了上述步驟，你就完成了層次清晰的導航設計，你的導航就會變得很是有層級：

1. 最重要的：CTA按鈕

2. 第二重要的：主導航欄選項

3. 不過重要的：隱藏的或弱化的次級導航選項

一旦創建了這樣的層級關係，因爲突出了CTA，而且輔以其餘的主要導航選項，網站的轉化率將會全面提高。

其餘的那些對於轉化幫助不大的元素均可以隱藏起來，以避免訪客分心。

總結

做爲一名網頁設計師，咱們的首要任務就是幫助客戶最大化他們的營銷工具——網站——可能帶來的優點。當咱們的網站擁有一條明晰的路徑，直通更高的轉化率，就可以促成客戶的成功。這種附加價值每每會讓咱們從其餘設計師中脫穎而出，進而找到更優質、願意投入更多經費的客戶。

網站的美觀當然重要，但畢竟，能帶來更高的轉化率，纔是決勝的大必殺。

本文系 OneAPM 工程師編譯整理。OneAPM Browser Insight 是一個基於真實用戶的 Web 前端性能監控平臺，能幫助你們定位網站性能瓶頸，實現網站加速效果可視化；支持瀏覽器、微信、App 瀏覽 HTML 和 HTML5 頁面。想閱讀更多技術文章，請訪問 OneAPM 官方技術博客。

本文轉自 OneAPM 官方博客

原文地址：https://www.sitepoint.com/how-to-boost-conversions-with-prioritized-navigation/