電商網(wǎng)站導(dǎo)航設(shè)計(jì)

2022-05-28    分類: 網(wǎng)站導(dǎo)航

創(chuàng)新互聯(lián):隨著互聯(lián)網(wǎng)的發(fā)展,通過(guò)電子商務(wù)貿(mào)易越來(lái)越頻繁,現(xiàn)在用戶可以訪問(wèn)的電商網(wǎng)站太多太多,因此,一個(gè)好的導(dǎo)航設(shè)計(jì)可以提高用戶對(duì)網(wǎng)站的重視,實(shí)現(xiàn)電子商務(wù)網(wǎng)站提高運(yùn)作效率的現(xiàn)實(shí)意義。此外,電子商務(wù)網(wǎng)站的導(dǎo)航設(shè)計(jì)一定要基于用戶經(jīng)驗(yàn)者優(yōu)先的原則,以及所有來(lái)自網(wǎng)站的信息反映在特定的導(dǎo)航欄,反饋用戶的重要信息。電商網(wǎng)站建設(shè)的重要性且唯一性,現(xiàn)在越來(lái)越多的受到廣大用戶的重視

1、符合網(wǎng)站內(nèi)容結(jié)構(gòu)

電子商務(wù)網(wǎng)站設(shè)計(jì)的導(dǎo)航,應(yīng)該對(duì)整個(gè)網(wǎng)站的內(nèi)容有一個(gè)全面的了解,并分類內(nèi)容。這里涉及到一個(gè)問(wèn)題是,沒(méi)有必要把所有的內(nèi)容都在導(dǎo)航內(nèi)一一的展現(xiàn)出來(lái)。電子商務(wù)網(wǎng)站一般有兩個(gè)導(dǎo)航,分別是網(wǎng)站總導(dǎo)航和側(cè)邊導(dǎo)航。一般來(lái)說(shuō),總導(dǎo)航將大致的介紹商品,而將更詳細(xì)的分類導(dǎo)航是在側(cè)邊欄。總導(dǎo)航的內(nèi)容太多會(huì)影響視野,看多了會(huì)覺(jué)得乏力。下圖中,當(dāng)當(dāng)網(wǎng)的總導(dǎo)航分類比較復(fù)雜。

另一方面,顯示網(wǎng)站中的導(dǎo)航和內(nèi)容是密切相關(guān)的,這也反映了導(dǎo)航與內(nèi)容的是否匹配。這就說(shuō)到了導(dǎo)航或?qū)Ш脚缘膹V告,如當(dāng)當(dāng)網(wǎng)所示情況,導(dǎo)航旁的一些廣告可以理解,周圍旁適當(dāng)?shù)氖褂貌粌H不會(huì)影響用戶的心情,相反會(huì)增加用戶的滿意度,但重要的是要注意應(yīng)避免與網(wǎng)站內(nèi)容無(wú)關(guān)的東西,一些內(nèi)容廣告的成分太明顯,太多無(wú)關(guān)的內(nèi)容在購(gòu)物時(shí)一定會(huì)讓用戶感到不安。

2、結(jié)合網(wǎng)站業(yè)務(wù)目標(biāo)

首頁(yè)的導(dǎo)航設(shè)計(jì)是電商網(wǎng)站的一個(gè)縮影,由導(dǎo)航可以了解網(wǎng)站銷售什么商品。因此,導(dǎo)航是會(huì)隨著網(wǎng)站經(jīng)營(yíng)產(chǎn)品的不同或者更換而變化,讓導(dǎo)航始終與網(wǎng)站熱賣的產(chǎn)品及網(wǎng)站的內(nèi)容相符合。電子商務(wù)網(wǎng)站在營(yíng)銷的過(guò)程中,許多問(wèn)題將逐漸浮出水面,所以網(wǎng)站設(shè)計(jì)時(shí)不時(shí)的裝修是一個(gè)不可避免的過(guò)程,但在修訂之前,應(yīng)該首先欄目所有問(wèn)題,然后考慮這些變化是否真能解決這個(gè)問(wèn)題。

設(shè)計(jì)師設(shè)計(jì)不同的項(xiàng)目,設(shè)計(jì)的過(guò)程基本上是相同的,但至關(guān)重要的是,每個(gè)網(wǎng)頁(yè)設(shè)計(jì)可以根據(jù)不同客戶的業(yè)務(wù)需求來(lái)設(shè)計(jì)目標(biāo),一旦你有這個(gè)目的,你應(yīng)該經(jīng)常提醒自己,你的設(shè)計(jì),無(wú)論多么花哨或簡(jiǎn)單,這個(gè)目的,必須考慮在一起。唯品會(huì)反映的其目標(biāo)是顯而易見(jiàn)的,其主要商品項(xiàng)類型,包括最近的活動(dòng)用最明顯的方式表達(dá)出來(lái),有效降低用戶思考時(shí)間,讓用戶在最短的時(shí)間內(nèi)給你點(diǎn)擊做出決定。

3、遵從用戶使用習(xí)慣

根據(jù)用戶的使用體驗(yàn),經(jīng)驗(yàn)設(shè)計(jì)網(wǎng)站是不可避免的,但經(jīng)常有很多設(shè)計(jì)師將忽略一部分用戶的體驗(yàn)感受而采取周圍的同事建議,這是非常不可取的。做導(dǎo)航設(shè)計(jì)時(shí),設(shè)計(jì)師應(yīng)該考慮那些新用戶及瀏覽網(wǎng)站時(shí)沒(méi)有耐心的客戶,在電商網(wǎng)站上特別的適合,這樣才能滿足用戶的需求,比如鼠標(biāo)懸停的分類方法可以很較大范圍的減少用戶學(xué)習(xí)成本。


用戶在頁(yè)面的時(shí)間計(jì)算可以按秒來(lái)算,所以導(dǎo)航必須一清二楚,讓用戶對(duì)網(wǎng)站產(chǎn)生依賴感。這里也說(shuō)一點(diǎn),當(dāng)網(wǎng)站決定重新設(shè)計(jì)導(dǎo)航盡量不做很多改變,因?yàn)閷?dǎo)航是整個(gè)網(wǎng)站傳達(dá)信息最快捷的地方,所以它很重要,也是一個(gè)模塊,用戶相對(duì)依賴一旦導(dǎo)航已經(jīng)改變了很多,幾乎會(huì)讓用戶產(chǎn)生一種不熟悉感和距離感,新的改變或技術(shù)的更新就用在無(wú)關(guān)緊要的地方吧。

當(dāng)用戶不經(jīng)意間使用鼠標(biāo)在一級(jí)分類向二級(jí)分類轉(zhuǎn)變的時(shí)候,正式因?yàn)橐苿?dòng)角度和時(shí)間上的偏差,不小心鼠標(biāo)就會(huì)停在一級(jí)分類上,雖然只是沒(méi)有在意的小細(xì)節(jié),但是它會(huì)讓你很不耐煩。

另外,亞馬遜網(wǎng)站似乎太過(guò)于簡(jiǎn)單,導(dǎo)航的字體與分類的字體的顏色及大小都過(guò)于相似,用戶在查找商品時(shí),容易產(chǎn)生錯(cuò)亂

4、避免重復(fù)的分類

本文提到的,首先,在設(shè)計(jì)的過(guò)程中對(duì)于導(dǎo)航網(wǎng)站的運(yùn)營(yíng)有一個(gè)全面了解,主頁(yè)導(dǎo)航的作用是將這些板塊的詳細(xì)分類,清晰導(dǎo)航是為誰(shuí)服務(wù)他是否重要,類似的板塊湊在一起形成一個(gè)整體,這也是主導(dǎo)航。在左下角或右下方的主要導(dǎo)航將有一個(gè)更全面的分類導(dǎo)航,我們稱之為局部導(dǎo)航。在一些比較知名的電子商務(wù)網(wǎng)站,利用局部導(dǎo)航可能更高于主導(dǎo)航,它們之間有著奇特的關(guān)系

文本和圖像,重復(fù)的內(nèi)容會(huì)產(chǎn)生視覺(jué)疲乏的感覺(jué)。如淘寶優(yōu)化天貓案例所示,“,“醫(yī)藥保健”和“醫(yī)藥館”字面上的意思是非常的相近的,實(shí)際上也是進(jìn)入的是同一頁(yè)面,這樣重復(fù)的內(nèi)容顯著降低目標(biāo)需要用戶的購(gòu)物體驗(yàn)。

5、使用合適的文案

為了能夠讓用戶在導(dǎo)航上多停留一秒鐘,導(dǎo)航的文本內(nèi)容也是非常重要的。文本標(biāo)簽是最有力的傳遞信息的方式,因此,在導(dǎo)航的文案應(yīng)該防止使用用戶不理解的字詞句,如專業(yè)術(shù)語(yǔ)、縮寫和個(gè)性化的語(yǔ)言等等。最常見(jiàn)的是縮寫,很多電子商務(wù)網(wǎng)站會(huì)因?yàn)椴季质敲利惖?并使用縮寫就是因?yàn)槲谋鹃L(zhǎng)度限制,犧牲用戶體驗(yàn),增加用戶導(dǎo)航的理解的困難。


6、清晰的視覺(jué)體驗(yàn)

從視覺(jué)角度上來(lái)看,用戶在短短幾秒時(shí)間內(nèi)掃描整個(gè)網(wǎng)站,所以導(dǎo)航的視覺(jué)設(shè)計(jì)在邏輯的規(guī)定上要相一致,為用戶提供指導(dǎo),成為用戶點(diǎn)擊的一個(gè)指南。點(diǎn)擊的內(nèi)容盡可能的醒目一些,減少用戶的不理解。顏色的使用應(yīng)避免大而明亮的顏色,這將間接減少導(dǎo)航文字識(shí)別,同時(shí),電子商務(wù)網(wǎng)站是面向所有消費(fèi)者,因此,在色彩搭配上導(dǎo)航和導(dǎo)航的文本內(nèi)容也要考慮一些色弱或色盲者。

我們來(lái)看看,京東再此點(diǎn)上網(wǎng)頁(yè)的分類中就比較好,每一個(gè)層級(jí)的顏色都是不一樣的,且隨著層級(jí)的遞減或遞增顏色的深淺也是遞進(jìn)的。當(dāng)然色彩的搭配也是很合適的。

7、為用戶提供反饋

當(dāng)用戶在某個(gè)導(dǎo)航上停留時(shí),導(dǎo)航這一項(xiàng)應(yīng)當(dāng)做出相應(yīng)的回饋,比如說(shuō)字體改變,顏色或者其他類似的變化,達(dá)到的效果是極好的。這一點(diǎn)上,國(guó)內(nèi)很多的電商網(wǎng)站都做的比較好

一號(hào)店的二級(jí)導(dǎo)航所設(shè)置的這一點(diǎn)就比較符合以上所陳述的,點(diǎn)擊選中某個(gè)二級(jí)模塊,整個(gè)類目都被帶有色彩的框線限定在某個(gè)特定的范圍,但是三級(jí)導(dǎo)航中選中后的顏色與熱門商品的字體顏色相一致,這一點(diǎn)容易產(chǎn)生錯(cuò)亂感

8、利于搜索引擎優(yōu)化

搜索引擎的優(yōu)化是所有電商網(wǎng)站都要做的,導(dǎo)航的設(shè)置及三大標(biāo)簽的書寫方式直接影響著搜索引擎的友好度。在內(nèi)容上,要將主要的目錄在導(dǎo)航上展現(xiàn)出來(lái),這樣不僅可以方便用戶的查看,而且也可以讓搜索引擎順著層級(jí)慢慢的爬,以至于可以獲取網(wǎng)站的整體內(nèi)容。網(wǎng)站導(dǎo)航內(nèi)部盡量使用文本,減少圖片的使用或者按鈕,這樣會(huì)阻礙搜索引擎的抓取。

拍拍的導(dǎo)航設(shè)置的就比較簡(jiǎn)潔,主導(dǎo)航上的幾個(gè)模塊,讓用戶一清二楚的就能了解網(wǎng)站的信息,而且也有利于seo搜索引擎推廣

最好,創(chuàng)新互聯(lián)的小編認(rèn)為,電子商務(wù)網(wǎng)站的導(dǎo)航設(shè)計(jì)不能千遍一律,電商主營(yíng)的產(chǎn)品的不同,那么在設(shè)置的時(shí)候側(cè)重點(diǎn)就不一樣,所以要結(jié)合網(wǎng)站的類型來(lái)設(shè)定合適的導(dǎo)航。

新聞名稱:電商網(wǎng)站導(dǎo)航設(shè)計(jì)
網(wǎng)站網(wǎng)址:http://www.bm7419.com/news38/160288.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作