電子商務網站設計分析系列之一：首頁導航

伴跟著互聯網的成長，通過電子商務網站實現商品交易越來越頻繁，而訪客在面臨越來越龐大的信息量時會感到迷茫，因此，優秀的導航設計能夠進步網站的易用性，對實現電子商務網站的高效運作具有實際意義。另外，電子商務網站的首頁導航設計必需本著用戶體驗為佳的原則，既要將網站中的所有信息都在有限的導航欄中體現，又要為用戶反饋出重要的匡助信息。網站因其獨特的重要性和不可替換性，在電子商務網站設計中日漸凸顯出舉足輕重的地位。

1、符合網站內容結構

在設計電商網站的導航之前，事先應該對網站整體的內容有一個全面的了解，并且將網站內容進行歸類。這里涉及到的一個題目就是，無需把所有的板塊都在導航上一五一十的展現出來。電商網站普遍有兩個導航，分別是網站頭部的總導航和側邊的分類導航。一般來說，總導航會比較籠統的展示網站商品，而分類導航則會比較具體?？倢Ш降膬热葸^多不管在體驗仍是視覺上，都會有拖泥帶水的感覺。

另一方面，導航中顯示的內容應該與網站內容是緊密相關的，這也體現了導航與內容的匹配度。
 

2、結合網站業務目標

首頁中的導航就是網站當下情況的一個縮影，用戶通過導航就能大概的了解到網站銷售哪些商品。因此，導航很有必要跟著網站主營商品的變更，或是根據商品銷量而變化，讓呈現在用戶眼前的導航始終與網站本身內容以及時下熱點很貼合。在電商網站的運營過程中，很多題目會逐漸的浮現出來，所以網站改版也是無法避免的過程之一，但在改版之前，應該先列出所有的題目，再思索這些改動能否真正解決題目。

設計師在不同項目的設計過程中，單從過程來說基本上大同小異，但至關重要的是，每一次網站設計會根據客戶不同的業務需求而產生不同的設計目標，當你心中一旦有了這個目標，就應該時刻提醒自己，你的設計不管多么花哨或是簡樸，都必需把這一目標完完整整的體現出來。

3、遵從用戶使用習慣

根據用戶的使用體驗和感慨感染來設計網站是必定的，但往往有良多設計師會用附近同事的意見代替大部門用戶的意見，這一點長短常不可取的。在做導航設計的時候，設計師應該把使用對象都看成是新用戶或是沒有耐心的用戶，尤其是電商網站，在第一時間就要知足用戶的需求，盡量削弱導航的學習性，好比鼠標懸停的分類打開方式就可以很大程度上的降低用戶的學習本錢。

用戶在頁面停留的時間都是按秒來計算的，因此，導航必需一目了然，讓用戶產生依靠感。這里還要說一點，當網站決定改版的時候，導航盡量不要做很大的改變，由于導航是整個網站中比較重要的組成部門，也是用戶相對比較依靠的一個模塊，一旦導航有了很大的變化，會讓用戶在無形中產生一種目生感和間隔感，新的技術只用在無關痛癢的地方。

關于用戶體驗，這里還有小細節可以和大家分享。當用戶的鼠標從一級導航移動到二級導航的瞬間，有時會由于移動角度和時間上的偏差，無意懸停到下面的一級分類中。固然只是一個不經意的小細節，但這會讓一些不耐心的用戶非常惱火。目前市道市情上比較主流的電商網站在這一點上都做得比較合格。

4、避免重復的分類

在導航的設計過程中首先要對網站的整體運營內容有一個全面的了解，了解之后才能擬定出詳細的板塊，而首頁導航的作用就是將這些板塊做出具體的分類，在清晰導航的目的和重要性之后，把類似的板塊拼湊在一起，形成一個整體，這也就是主導航了。在主導航的左下或右下方會有一個比較全面完整的分類導航，我們稱之為局部導航。在一些較為著名的電商網站中，局部導航的使用率可能更高于主導航，這兩者之間實在有一種微妙的遞進關系，要盡量避免內容重復。

不管是文字仍是圖片，重復性的內容會很輕易讓用戶產生疲倦感。

5、使用合適的案牘

為了迎適用戶在導航上只愿意停留短短的幾秒鐘，導航文字內容的可用性就變得至關重要。文字標簽是傳達信息最有力的途徑，因此，導航中泛起的案牘應該避免使用一些用戶很難理解的詞匯，好比專業術語、縮寫和個性化語言等。其中最常見的就是縮寫，良多電商網站會因為排版美觀，或是文字長度上的限制而選用縮寫，從而犧牲用戶體驗，增加了用戶對導航的理解難度。

在電商網站導航中，案牘的首要任務就是讓每個用戶都能正確快速的理解相關信息。而作為設計師，我們理所當然的花費很多時間一味的專注于視覺美學，這是幾乎所有設計師的通病，但這一通病在導航設計中卻成了致命傷。清楚明了的表達是美觀的條件，任何交互項目的最佳狀態就是實現透明化。

6、清楚的視覺體驗

從視覺角度上來說，用戶只用幾秒鐘的時間掃視網站，所以導航的視覺設計必需符合邏輯，用色彩給用戶提供一種指引，成為用戶點擊的向導?？牲c擊的部門盡可能的顯著一些，減少用戶對其的預測。在色彩的使用上應避免大片亮色，這會間接地降低導航文字的可識別度，與此同時，電商網站面向的是所有的消費者，因此，在導航與導航文字內容的色彩搭配上也要考慮到一些色彩障礙者。

7、為用戶提供反饋

當用戶對導航中的某一個元素有了動作之后，導航項都應該對此做出相應的回饋，好比當用戶在分類導航上懸?；蚴屈c擊某些文字內容后，文字應該做出一些改變，可以是字體的大小、顏色的變化，或是任何其他合適的效果。關于這一點，海內的大部門電商網站都做的比較到位。

8、導航符合網站整體風格

導航與網站整體風格的搭配要區分為視覺和內容兩個部門。在視覺上，大多數網站基本不會泛起大題目，由于所有的設計師都懂得導航基本上占據了整個頁面的主視覺這個道理，電商首頁中只有導航既需要迎合網站的整體又同時主導著網站風格。從內容上來說，導航的內容與網站的點擊量，甚至商品銷量都有著緊密親密的關系。一旦用戶無法通過導航找到自己想要的商品，就意味著商家丟失了一位客戶。而假如能在導航中推薦一些商品給用戶，也許能促進網站商品的銷售。

導航要符合網站整體的風格可以細節到每一個小細節，甚至于任何的線框字體。這樣做的目的主要是減少用戶的頁面跳躍感，盡量避免用戶由于頁面跳轉的原因而產生的思索和反應。同時，對網站的整體美觀程度也有一定的好處。

9、利于搜索引擎優化

搜索引擎的優化是幾乎所有初創電商都會選擇的推廣方式，而電商導航是電商網站最主要的進口，基于此，有良多欄目的導航并不利于搜索引擎的抓取。在內容的設置上，應該將主要內容一目了然的展現出來，這樣的設計不僅利于用戶查看，也讓搜索引擎蜘蛛能順著導航目錄層層深入。所以，在導航欄中盡量使用文本，減少用戶思索時間的同時利于搜索引擎的優化，按鈕和圖片會阻礙到搜索引擎的訪問和抓取。

10、趨于專業化的導航

貿易化和專業化對B2B電子商務網站尤為重要。時下有良多電商網站的導航看起來比較凌亂，在色調和布局上也過于幼稚，這樣的導航會讓用戶對整個網站的風格基調產生截然不同的看法。假如電商網站需要體現出嚴厲簡潔的特點，就應該盡量避免過多的運動效果。作為導航欄，比其他標題欄更高的高度，更大的加粗字體是個不錯的選擇，但一旦過度反而會看起來不夠精致。

總結：

筆者以為，電子商務網站的導航設計也不能一概而論，不同的網站類型有不同的設計側重點。

而垂直類電商的用戶對商品更有目標性，所以在導航的設計上往往需要按照自己的業務邏輯來進行科學分類索引。

還有一種類型就是由傳統企業轉型而來的電子商務，這類電商網站的營銷通常以單個品牌為主。因為分類和數目都很少，因此除了傳統的科學分類索引以外，首頁的單品推薦也對單個商品的營銷非常有效。

電子商務網站的導航設計仍是應該本著用戶體驗為佳的原則，既要將網站中的所有信息都在有限的導航欄中體現，又要為用戶反饋出重要的匡助信息。