海淘科技:隨著互聯(lián)網(wǎng)的發(fā)展,通過電子商務貿(mào)易越來越頻繁,現(xiàn)在用戶可以訪問的電商網(wǎng)站太多太多,因此,一個好的導航設(shè)計可以提高用戶對網(wǎng)站的重視,實現(xiàn)電子商務網(wǎng)站提高運作效率的現(xiàn)實意義。此外,電子商務網(wǎng)站的導航設(shè)計一定要基于用戶經(jīng)驗者優(yōu)先的原則,以及所有來自網(wǎng)站的信息反映在特定的導航欄,反饋用戶的重要信息。電商網(wǎng)站建設(shè)的重要性且唯一性,現(xiàn)在越來越多的受到廣大用戶的重視
電子商務網(wǎng)站設(shè)計的導航,應該對整個網(wǎng)站的內(nèi)容有一個全面的了解,并分類內(nèi)容。這里涉及到一個問題是,沒有必要把所有的內(nèi)容都在導航內(nèi)一一的展現(xiàn)出來。電子商務網(wǎng)站一般有兩個導航,分別是網(wǎng)站總導航和側(cè)邊導航。一般來說,總導航將大致的介紹商品,而將更詳細的分類導航是在側(cè)邊欄。總導航的內(nèi)容太多會影響視野,看多了會覺得乏力。下圖中,當當網(wǎng)的總導航分類比較復雜。
另一方面,顯示網(wǎng)站中的導航和內(nèi)容是密切相關(guān)的,這也反映了導航與內(nèi)容的是否匹配。這就說到了導航或?qū)Ш脚缘膹V告,如當當網(wǎng)所示情況,導航旁的一些廣告可以理解,周圍旁適當?shù)氖褂貌粌H不會影響用戶的心情,相反會增加用戶的滿意度,但重要的是要注意應避免與網(wǎng)站內(nèi)容無關(guān)的東西,一些內(nèi)容廣告的成分太明顯,太多無關(guān)的內(nèi)容在購物時一定會讓用戶感到不安。
首頁的導航設(shè)計是電商網(wǎng)站的一個縮影,由導航可以了解網(wǎng)站銷售什么商品。因此,導航是會隨著網(wǎng)站經(jīng)營產(chǎn)品的不同或者更換而變化,讓導航始終與網(wǎng)站熱賣的產(chǎn)品及網(wǎng)站的內(nèi)容相符合。電子商務網(wǎng)站在營銷的過程中,許多問題將逐漸浮出水面,所以網(wǎng)站設(shè)計時不時的裝修是一個不可避免的過程,但在修訂之前,應該首先欄目所有問題,然后考慮這些變化是否真能解決這個問題。
改版前:
改版后:
設(shè)計師設(shè)計不同的項目,設(shè)計的過程基本上是相同的,但至關(guān)重要的是,每個網(wǎng)頁設(shè)計可以根據(jù)不同客戶的業(yè)務需求來設(shè)計目標,一旦你有這個目的,你應該經(jīng)常提醒自己,你的設(shè)計,無論多么花哨或簡單,這個目的,必須考慮在一起。唯品會反映的其目標是顯而易見的,其主要商品項類型,包括最近的活動用最明顯的方式表達出來,有效降低用戶思考時間,讓用戶在最短的時間內(nèi)給你點擊做出決定。
根據(jù)用戶的使用體驗,經(jīng)驗設(shè)計網(wǎng)站是不可避免的,但經(jīng)常有很多設(shè)計師將忽略一部分用戶的體驗感受而采取周圍的同事建議,這是非常不可取的。做導航設(shè)計時,設(shè)計師應該考慮那些新用戶及瀏覽網(wǎng)站時沒有耐心的客戶,在電商網(wǎng)站上特別的適合,這樣才能滿足用戶的需求,比如鼠標懸停的分類方法可以很較大范圍的減少用戶學習成本。
用戶在頁面的時間計算可以按秒來算,所以導航必須一清二楚,讓用戶對網(wǎng)站產(chǎn)生依賴感。這里也說一點,當網(wǎng)站決定重新設(shè)計導航盡量不做很多改變,因為導航是整個網(wǎng)站傳達信息最快捷的地方,所以它很重要,也是一個模塊,用戶相對依賴一旦導航已經(jīng)改變了很多,幾乎會讓用戶產(chǎn)生一種不熟悉感和距離感,新的改變或技術(shù)的更新就用在無關(guān)緊要的地方吧。
當用戶不經(jīng)意間使用鼠標在一級分類向二級分類轉(zhuǎn)變的時候,正式因為移動角度和時間上的偏差,不小心鼠標就會停在一級分類上,雖然只是沒有在意的小細節(jié),但是它會讓你很不耐煩。
另外,亞馬遜網(wǎng)站似乎太過于簡單,導航的字體與分類的字體的顏色及大小都過于相似,用戶在查找商品時,容易產(chǎn)生錯亂
本文提到的,首先,在設(shè)計的過程中對于導航網(wǎng)站的運營有一個全面了解,主頁導航的作用是將這些板塊的詳細分類,清晰導航是為誰服務他是否重要,類似的板塊湊在一起形成一個整體,這也是主導航。在左下角或右下方的主要導航將有一個更全面的分類導航,我們稱之為局部導航。在一些比較知名的電子商務網(wǎng)站,利用局部導航可能更高于主導航,它們之間有著奇特的關(guān)系
文本和圖像,重復的內(nèi)容會產(chǎn)生視覺疲乏的感覺。如淘寶優(yōu)化天貓案例所示,“,“醫(yī)藥保健”和“醫(yī)藥館”字面上的意思是非常的相近的,實際上也是進入的是同一頁面,這樣重復的內(nèi)容顯著降低目標需要用戶的購物體驗。
為了能夠讓用戶在導航上多停留一秒鐘,導航的文本內(nèi)容也是非常重要的。文本標簽是最有力的傳遞信息的方式,因此,在導航的文案應該防止使用用戶不理解的字詞句,如專業(yè)術(shù)語、縮寫和個性化的語言等等。最常見的是縮寫,很多電子商務網(wǎng)站會因為布局是美麗的,并使用縮寫就是因為文本長度限制,犧牲用戶體驗,增加用戶導航的理解的困難。
從視覺角度上來看,用戶在短短幾秒時間內(nèi)掃描整個網(wǎng)站,所以導航的視覺設(shè)計在邏輯的規(guī)定上要相一致,為用戶提供指導,成為用戶點擊的一個指南。點擊的內(nèi)容盡可能的醒目一些,減少用戶的不理解。顏色的使用應避免大而明亮的顏色,這將間接減少導航文字識別,同時,電子商務網(wǎng)站是面向所有消費者,因此,在色彩搭配上導航和導航的文本內(nèi)容也要考慮一些色弱或色盲者。
我們來看看,京東再此點上網(wǎng)頁的分類中就比較好,每一個層級的顏色都是不一樣的,且隨著層級的遞減或遞增顏色的深淺也是遞進的。當然色彩的搭配也是很合適的。
當用戶在某個導航上停留時,導航這一項應當做出相應的回饋,比如說字體改變,顏色或者其他類似的變化,達到的效果是極好的。這一點上,國內(nèi)很多的電商網(wǎng)站都做的比較好
一號店的二級導航所設(shè)置的這一點就比較符合以上所陳述的,點擊選中某個二級模塊,整個類目都被帶有色彩的框線限定在某個特定的范圍,但是三級導航中選中后的顏色與熱門商品的字體顏色相一致,這一點容易產(chǎn)生錯亂感
搜索引擎的優(yōu)化是所有電商網(wǎng)站都要做的,導航的設(shè)置及三大標簽的書寫方式直接影響著搜索引擎的友好度。在內(nèi)容上,要將主要的目錄在導航上展現(xiàn)出來,這樣不僅可以方便用戶的查看,而且也可以讓搜索引擎順著層級慢慢的爬,以至于可以獲取網(wǎng)站的整體內(nèi)容。網(wǎng)站導航內(nèi)部盡量使用文本,減少圖片的使用或者按鈕,這樣會阻礙搜索引擎的抓取。
拍拍的導航設(shè)置的就比較簡潔,主導航上的幾個模塊,讓用戶一清二楚的就能了解網(wǎng)站的信息,而且也有利于seo搜索引擎推廣
最好,海淘科技的小編認為,電子商務網(wǎng)站的導航設(shè)計不能千遍一律,電商主營的產(chǎn)品的不同,那么在設(shè)置的時候側(cè)重點就不一樣,所以要結(jié)合網(wǎng)站的類型來設(shè)定合適的導航。