資訊專欄INFORMATION COLUMN
摘要：在各個著陸頁上，你可以放上重點作品有說服力的銷售文案服務(wù)特點列表客戶推薦信以及清晰的行為召喚按鈕。除了放在著陸頁的正文位置，筆者建議還可以在標(biāo)題導(dǎo)航欄再放一個。
【編者按】本文作者為 Wes McDowell，主要介紹通過四個步驟實現(xiàn)層級清晰的導(dǎo)航欄，進(jìn)而提高網(wǎng)站的轉(zhuǎn)化率。文章系國內(nèi) ITOM 管理平臺 OneAPM 編譯呈現(xiàn)。
精心規(guī)劃的導(dǎo)航策略可以成就一個網(wǎng)站，反之，則可能毀了一個。規(guī)劃得好，網(wǎng)站訪客就會順著你安排的路徑走下去，要么購買你的商品、成為你的潛在客戶，要么填完網(wǎng)站咨詢表單。
規(guī)劃得不好，訪客們就會在網(wǎng)站上隨意游蕩。他們有可能達(dá)成你的目的，也可能不會。何必冒險呢？
出色的用戶體驗是不應(yīng)該如此隨意地對待客戶轉(zhuǎn)化問題的——我們應(yīng)當(dāng)手把手地指導(dǎo)用戶，給出能吸引他們注意的、明確的提示。這樣，他們才能找到自己想找的東西，同時你也能獲得自己想要的東西——客戶轉(zhuǎn)化。
在本文中，筆者將向你介紹一個簡單的、提升轉(zhuǎn)化率的策略，它適用于所有網(wǎng)站。
只要使用得當(dāng)，你交付的網(wǎng)站不僅美觀大方，還能幫客戶實現(xiàn)他們的商業(yè)目標(biāo)。
也就是說，你是他們的大英雄。
第一步：著陸頁策略我們知道對2016年的網(wǎng)絡(luò)營銷來說，每個網(wǎng)站都應(yīng)當(dāng)配有著陸頁，這是轉(zhuǎn)化策略的一部分。如果你打算重新設(shè)計你的網(wǎng)站，這一步并不要求你刪掉已有的頁面，而是增加一些內(nèi)容。
你需要建立一個信息齊全的頁面，這個頁面應(yīng)當(dāng)囊括了刺激轉(zhuǎn)化所需的所有內(nèi)容。著陸頁的數(shù)量不定，取決于具體的業(yè)務(wù)和目標(biāo)。為了簡便，我們用私人作品網(wǎng)站為例。
假設(shè)你提供網(wǎng)頁設(shè)計和商標(biāo)設(shè)計兩種服務(wù)，那么在你的作品網(wǎng)站上，除了簡單的作品集頁面，還應(yīng)當(dāng)建立兩個全新的著陸頁——每一個著陸頁對應(yīng)一種業(yè)務(wù)。在各個著陸頁上，你可以放上重點作品、有說服力的銷售文案、服務(wù)特點列表、客戶推薦信、以及清晰的行為召喚（CTA）按鈕。
著陸頁存在的原因是：客戶無需在不同頁面之間來回切換，而可以在一個頁面上看到所有信息。如此一來，你的銷售漏斗將更加成功，同時，因為省去了切換環(huán)節(jié)，客戶也不會再半途放棄。
第二步：重點放在可以“生利”的頁面除了著陸頁以外，是否還需要一些別的頁面來刺激轉(zhuǎn)化？例如一個專門放客戶推薦信的頁面？或者是其他服務(wù)項目的介紹？
如果你覺得需要的話，那么你有以下幾種選擇：
相關(guān)鏈接在著陸頁的正文中插入鏈接，可以有效地引導(dǎo)客戶走向預(yù)設(shè)的方向。假設(shè)你的著陸頁上有一些案例分析，那么可以在案例的下方加入相關(guān)鏈接，引導(dǎo)客戶前往查看更多案例。
精簡的標(biāo)題導(dǎo)航欄另一個方案是，做一個精簡的標(biāo)題導(dǎo)航欄，指向兩三個最常用的頁面。還是以作品網(wǎng)站為例，你可以把那兩個著陸頁都放到標(biāo)題導(dǎo)航欄里，這樣訪客就可以在不同服務(wù)之間來回切換。
理想狀態(tài)下，標(biāo)題欄應(yīng)當(dāng)是“靜止的”，即使用戶滾動頁面，標(biāo)題欄仍會保持原位。
第三步：弱化其它內(nèi)容你聽說過“選擇疲勞”嗎？它的意思是，當(dāng)人們面臨太多選擇時，往往更不可能采取任何行動。有個著名的果醬試驗闡釋了這一概念。
研究人員在一家食品店的小貨架上放了五種果醬。路過的人們會停下來看一眼，其中大部分人會購買一種果醬。之后，研究人員不斷增加果醬的品種，直至三十種之多。人們還是會停下看看，折服于如此之多的選擇，然后就走開了。
我們不想這種情況出現(xiàn)在網(wǎng)站上。如果導(dǎo)航欄有太多的選擇，訪客們就沒有一條清晰的路徑，于是干脆離開。我們可以這樣解決這個問題：
所有其它頁面的鏈接都不應(yīng)出現(xiàn)在主要選項中。 我們可以把它們放在次級導(dǎo)航中。
你可以隨意處理次級導(dǎo)航。既可以把它們放在不那么重要的位置，（例如頁腳上方，）或者把它們放在一個會自動隱藏的側(cè)邊欄菜單中，訪客可以點擊菜單按鈕來訪問。
是的，我知道這個問題是用戶體驗專家們爭論的焦點。有很多人非常討厭隱藏式導(dǎo)航，認(rèn)為它為用戶的使用創(chuàng)造了一個障礙。但是請記住：你的著陸頁以及主要的導(dǎo)航項，應(yīng)當(dāng)足以刺激轉(zhuǎn)化了。次級頁面只是為那些想要尋找它們的訪客而準(zhǔn)備的。
消除了那些不重要的選項，（或者至少弱化了它們），訪客們將會擁有一條更為清晰的路徑。從任何角度來說，這都是不錯的用戶體驗。
第四步：設(shè)置你的CTA（行為召喚）按鈕清晰、明確的CTA代表著網(wǎng)站的所有目的。
還是以作品網(wǎng)站為例，假設(shè)你的最終目標(biāo)是讓潛在客戶填寫一份表格，定下一個咨詢時間。一旦想清楚了這一點，你一定會想把這個鏈接放在最顯眼的地方。
除了放在著陸頁的正文位置，筆者建議還可以在標(biāo)題導(dǎo)航欄再放一個。
但是，為了使它有別于其他導(dǎo)航選項，你可以把它做成一個按鈕。這樣更具視覺沖擊。如果它的顏色是亮麗的流行色系，那突出效果將更佳。
整體效果一旦完成了上述步驟，你就完成了層次清晰的導(dǎo)航設(shè)計，你的導(dǎo)航就會變得非常有層級：
最重要的：CTA按鈕
第二重要的：主導(dǎo)航欄選項
不太重要的：隱藏的或弱化的次級導(dǎo)航選項
一旦建立了這樣的層級關(guān)系，由于突出了CTA，并且輔以其他的主要導(dǎo)航選項，網(wǎng)站的轉(zhuǎn)化率將會全面提升。
其他的那些對于轉(zhuǎn)化幫助不大的元素都可以隱藏起來，以免訪客分心。
總結(jié)作為一名網(wǎng)頁設(shè)計師，我們的首要任務(wù)就是幫助客戶最大化他們的營銷工具——網(wǎng)站——可能帶來的優(yōu)勢。當(dāng)我們的網(wǎng)站擁有一條明晰的路徑，直通更高的轉(zhuǎn)化率，就能夠促成客戶的成功。這種附加價值往往會讓我們從其他設(shè)計師中脫穎而出，進(jìn)而找到更優(yōu)質(zhì)、愿意投入更多經(jīng)費的客戶。
網(wǎng)站的美觀固然重要，但畢竟，能帶來更高的轉(zhuǎn)化率，才是決勝的大必殺。
本文轉(zhuǎn)自 OneAPM 官方博客
原文地址 https://www.sitepoint.com/how-to-boost-conversions-with-prioritized-navigation/
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/8973.html
摘要：一個完成入門篇二搭建主框架通過第一課的學(xué)習(xí)，你已經(jīng)掌握了如何通過調(diào)試器來跟上的設(shè)計器聯(lián)調(diào)來實時查看設(shè)計效果調(diào)試代碼了，接下來通過一系列的開發(fā)教學(xué)你將很快上手學(xué)習(xí)到如何開發(fā)一個真正的。 一個App完成入門篇（二）-搭建主框架 通過第一課的學(xué)習(xí)，你已經(jīng)掌握了如何通過debug調(diào)試器來跟PC上的設(shè)計器聯(lián)調(diào)來實時查看UI設(shè)計效果、調(diào)試代碼了，接下來通過一系列的demo開發(fā)教學(xué)你將很快上手學(xué)習(xí)到...
摘要：一個完成入門篇二搭建主框架通過第一課的學(xué)習(xí)，你已經(jīng)掌握了如何通過調(diào)試器來跟上的設(shè)計器聯(lián)調(diào)來實時查看設(shè)計效果調(diào)試代碼了，接下來通過一系列的開發(fā)教學(xué)你將很快上手學(xué)習(xí)到如何開發(fā)一個真正的。 一個App完成入門篇（二）-搭建主框架 通過第一課的學(xué)習(xí)，你已經(jīng)掌握了如何通過debug調(diào)試器來跟PC上的設(shè)計器聯(lián)調(diào)來實時查看UI設(shè)計效果、調(diào)試代碼了，接下來通過一系列的demo開發(fā)教學(xué)你將很快上手學(xué)習(xí)到...
摘要：一個完成入門篇二搭建主框架通過第一課的學(xué)習(xí)，你已經(jīng)掌握了如何通過調(diào)試器來跟上的設(shè)計器聯(lián)調(diào)來實時查看設(shè)計效果調(diào)試代碼了，接下來通過一系列的開發(fā)教學(xué)你將很快上手學(xué)習(xí)到如何開發(fā)一個真正的。 一個App完成入門篇（二）-搭建主框架 通過第一課的學(xué)習(xí)，你已經(jīng)掌握了如何通過debug調(diào)試器來跟PC上的設(shè)計器聯(lián)調(diào)來實時查看UI設(shè)計效果、調(diào)試代碼了，接下來通過一系列的demo開發(fā)教學(xué)你將很快上手學(xué)習(xí)到...
閱讀 1882·2021-09-24 09:48
閱讀 3228·2021-08-26 14:14
閱讀 1684·2021-08-20 09:36
閱讀 1471·2019-08-30 15:55
閱讀 3633·2019-08-26 17:15
閱讀 1431·2019-08-26 12:09
閱讀 610·2019-08-26 11:59
閱讀 3329·2019-08-26 11:57
