文/@Sincerelyw

創(chuàng)新互聯(lián)長期為1000多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為三沙企業(yè)提供專業(yè)的網(wǎng)站設(shè)計、成都做網(wǎng)站，三沙網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

讀了這篇文章，我希望能幫助你明白：

導(dǎo)航欄的一些設(shè)計方面的和很多心理學(xué)方面的“小心思”。購物網(wǎng)站的“病”和用戶的“痛”。導(dǎo)航的設(shè)計與作用。設(shè)計購物網(wǎng)站應(yīng)該主要什么。如何測試或評價一個網(wǎng)站導(dǎo)航的好壞?我本人對購物網(wǎng)站的感觸。

“雙十一“、“雙十二”、“女王節(jié)”……一個個購物網(wǎng)站的促銷活動一夜之間變成了全民狂歡，“節(jié)日氣氛”異常濃烈，和傳統(tǒng)節(jié)日唯一的區(qū)別似乎就是放假了。“剁手”一族也在慢慢壯大，上到精英階層，下到普通民眾，“這幾天你剁手了么?”成了很多人在購物街前后的口頭的調(diào)侃。

購物網(wǎng)站像一個巨大的“黑洞”，你看不清、看不明，但它就是在無時無刻地吸引著你，將你拉入其中。

“剁手”時的購物體驗酣暢淋漓，“剁手”后的懊悔心情也是五味雜陳。“為什么我買了一堆我不用的東西?”、“我明明不想買這件衣服的……”。身為“剁手一族”的我，同時更是走在產(chǎn)品路上的童鞋，我在想，為什么淘寶、天貓、京東能讓我心甘情愿(或者說是莫名其妙)的把錢花出去的呢?我認(rèn)真想了想，體會出了一絲味道，我從購物網(wǎng)站都有的“導(dǎo)航”設(shè)計來說一說吧。

以下內(nèi)容是我把自己的使用感受以及原來讀的一些書中的知識聯(lián)系起來所談的觀點和心得，供產(chǎn)品的童鞋互相交流咯!

購物網(wǎng)站的“病”：

我在這些地方“剁過手”— 淘寶，天貓，京東，當(dāng)當(dāng)，YOHO!“鮮血淋漓”的剁手使用讓我發(fā)現(xiàn)了很多購物網(wǎng)站的“病”：

首先，網(wǎng)站內(nèi)容繁多。(真的太大了!)其次，網(wǎng)站沒有方向感。(真的太大了!)最后，用戶找不到自己的“當(dāng)前位置”。(真的太大了!)

重要的事情說三遍，網(wǎng)站數(shù)據(jù)太大了。

那么，網(wǎng)站有這些天生的“疾病”，網(wǎng)站管理者作為“網(wǎng)站醫(yī)生”是如何“開藥方”的呢?

首先，鏈接點擊會變色。這是針對網(wǎng)站內(nèi)容繁多龐雜，鏈接眾多的“病”的第一劑藥。簡單的設(shè)計帶給我們的是一種已經(jīng)訪問了多少內(nèi)容的直觀感覺。其次，給用戶一個“GPS”。網(wǎng)站沒有物理上的方向，只有扁平和層級，缺乏方向感，那就給用戶一個GPS么，每個網(wǎng)站頭部最明顯的就是這個“GPS”— 標(biāo)簽，標(biāo)簽讓我能去自己想去的地方(雖然不是準(zhǔn)確無誤精確到每一個物品)。最后，建立“路標(biāo)”。在購物網(wǎng)站這個巨大的“繁華城市”中，道路錯綜復(fù)雜，路標(biāo)和指示牌作用不言而喻。那么，網(wǎng)站的路標(biāo)長什么樣子呢?它叫做“面包屑導(dǎo)航”(面包屑導(dǎo)航(BreadcrumbNavigation)這個概念來自童話故事”漢賽爾和格萊特”，當(dāng)漢賽爾和格萊特穿過森林時，不小心迷路了，但是他們發(fā)現(xiàn)在沿途走過的地方都撒下了面包屑，讓這些面包屑來幫助他們找到回家的路。)

網(wǎng)民還有一個很重要的“病”— 見困難就選擇退縮。 這也沒什么奇怪，人類從遠(yuǎn)古進(jìn)化到現(xiàn)在，可不是憑著蠻力，而是遇到困難懂得躲避的智慧。 可是這個網(wǎng)站設(shè)計者也帶來了問題，只要稍微在使用時遇到一點小困難、高門檻，用戶就選擇退縮，下意識放棄前進(jìn)，即使這個門檻不高，邁過之后會更好。

這種“退縮”表現(xiàn)在購物網(wǎng)站上，就是我們在購物或者尋找某個商品時，我們?yōu)g覽后再次來到時不知道上次的物品在哪兒，我就不想尋找了。 所以的給網(wǎng)站降低門檻，簡潔準(zhǔn)確的導(dǎo)航把這個門檻降低了一點，但還是不夠，用戶缺乏邁進(jìn)去的“勇氣”以及支撐勇氣的“熟悉”。這又得開一服藥，藥物是：

瀏覽歷史，購物車，歷史購買等界面。(網(wǎng)站說：我很熟悉你，你喜歡“XXX”，我能帶你找到上次自己走過的路)。

購物用戶的“痛”：

購物網(wǎng)站上的用戶(我親切的稱呼為 剁手黨)范圍很廣，群體很多，從事職業(yè)各不相同，但是我們剁手黨都有一些小特點：

用戶在網(wǎng)站，更多的記住了“頁面層級”，而不是物理上的“我在哪兒”(雖然我們想記住)。 那種具體物理世界中的真實地址帶來的“踏實感”消失了。取而代之的是網(wǎng)站的信息扁平化帶給我們的“不踏實”。購物網(wǎng)站里的用戶是身處“網(wǎng)絡(luò)版的寂靜嶺”，我知道這里有路，但不確定是不是安全，我迷路了。

那么，網(wǎng)站的“病”治好了，用戶的“痛”怎么撫平呢?畢竟一切以用戶需求為根本。

首先，網(wǎng)站的標(biāo)配 —“書簽”。“我要給這個地方做個記號”，“我要占領(lǐng)這塊地區(qū)”。書簽讓我感覺網(wǎng)站在我手中緊握。其次，瀏覽器的標(biāo)配 —“后退按鈕”。真實的人生多么希望有“后悔藥”，但是時間過去了就是過去了。但是虛擬網(wǎng)絡(luò)不是，“后退按鈕”就是后悔藥，我知道自己能回到“原來”，那是多么難得的一種“踏實” 。療傷的藥

說了網(wǎng)站的“病”和用戶的“痛”。開了治病和療傷的藥。

那么，回到我想說的—“導(dǎo)航”。“導(dǎo)航”(或者說是 “面包屑”)很重要。這其實給了用戶一種“得知自己位置”的感覺。 這就好比是一個身處叢林中的獵人手上的GPS，只不過你的用鼠標(biāo)點擊，而不是手指按。這是難得的，看似不起眼的改變帶來的是用戶的心理安全感的建立。

這就好比一個孤獨的旅行背包客，手拿GPS，腰上拴著一根“繩子”，我可能不熟悉剛進(jìn)入的購物網(wǎng)站這個“繁華都市”，但我知道自己的方向，我知道怎么走;我有繩子拴著我，我知道怎么回。 有出路和有退路的道路似乎不“刺激”，但卻是“最安全”的。

本文名稱：產(chǎn)品的病用戶的痛：談?wù)勝徫锞W(wǎng)站導(dǎo)航欄設(shè)計的“小心思”
網(wǎng)頁鏈接：http://weahome.cn/article/cjdcgd.html