版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
1、電子商務(wù)網(wǎng)站設(shè)計分析—面包屑導(dǎo)航網(wǎng)站中的面包屑導(dǎo)航(BreadcrumbNavigation)導(dǎo)航是一種作為輔助和補充的導(dǎo)航方式,它能幫助用戶明確當下所在的網(wǎng)站內(nèi)位置,并快捷返回之前的路徑。面包屑的由來出自一個童話,兩個孩子為了不在森林里迷路,于是沿途灑下了面包屑作為標記,幫助自己能夠原路返回。通過這個故事我們可以看出,之所以被稱為面包屑導(dǎo)航,正是因為它在網(wǎng)站中也起了相同的作用,讓用戶既能看清自己在網(wǎng)站中所處的位置,也能快速的找到其他同
2、類型產(chǎn)品。一個小小的面包屑是最能體現(xiàn)網(wǎng)站用戶體驗的部分之一。電商網(wǎng)站的子頁面數(shù)不勝數(shù),而面包屑是指引用戶的一盞明燈,由此可見面包屑導(dǎo)航對于用戶瀏覽的重要性。1.關(guān)鍵詞統(tǒng)一,避免用詞重復(fù)面包屑導(dǎo)航的存在就是為了讓用戶能最直觀的了解自己所處的位置,因此,用詞精簡直接并且唯一,是面包屑必須遵守的原則。也就是說,每一個產(chǎn)品頁面都有屬于它的唯一導(dǎo)航,這樣能減少用戶在購物時產(chǎn)生的疑問。在用詞方面也要盡量避免有歧義的用詞,京東的面包屑導(dǎo)航在這方面做的
3、就不夠好(如下圖)。一級分類和二級分類分別為“家用電器”和“生活電器”,這兩個含義相近的詞匯增加了用戶的思考時間。因此,近義詞和平級詞匯應(yīng)該在面包屑中盡量避免。淘寶網(wǎng)中的面包屑就相對直觀。從“所有分類”到“女裝”再到“羽絨服”,每一個大分類都沒有重復(fù)性,讓用戶能在第一時間做出反應(yīng)。2.顯示層級頁面的產(chǎn)品數(shù)量用戶使用面包屑的目的主要有兩種,一種是想要返回上級,第二種就是查看頁面中展示產(chǎn)品的類型。在用戶的實際操作中,這兩種需求的重要程度不分
4、上下,但是大多數(shù)電商網(wǎng)站都忽略了后者。亞馬遜網(wǎng)站的面包屑在符號上用戶體驗很不令人滿意,“:”既不能明確的顯示出字詞之間的概括性,指示性也遠不如箭頭那么直接。而魅力惠的面包屑符號就滿足了所有的標準,符號顏色和字詞相同,大小也很適中,讓用戶在有需要的時候能馬上找到它,但又毫不耀眼。5.降低干擾面包屑導(dǎo)航的設(shè)計應(yīng)該始終遵循這樣一個經(jīng)驗法則:它不應(yīng)該抓住用戶的注意力。一個稱職的面包屑一定不能起到主宰頁面的作用,低調(diào)的扮演著協(xié)助主導(dǎo)航的角色,讓用
5、戶在購物時完全不受到它的干擾。銀泰的面包屑設(shè)計不像大多數(shù)網(wǎng)站選擇全透明背景,而是使用了與周圍背景色很相近的灰色。這種做法很容易讓面包屑就此融入全局中,不產(chǎn)生用戶使用時的任何困擾。6.避免重復(fù)主導(dǎo)航的形式現(xiàn)在的電商網(wǎng)站都很熱衷于在小細節(jié)上做文章,他們的出發(fā)點是希望在細節(jié)中體現(xiàn)出優(yōu)良的用戶體驗,就比如在原本簡單的面包屑中添加下拉菜單。網(wǎng)站方認為這樣做能讓用戶在更短的時間內(nèi)找到自己需要的商品,但其實意義并不大。以一號店為例,電子商務(wù)網(wǎng)站的主導(dǎo)
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 電子商務(wù)網(wǎng)站設(shè)計與分析
- 電子商務(wù)網(wǎng)站設(shè)計報告
- 電子商務(wù)網(wǎng)站建設(shè)
- 旅游電子商務(wù)網(wǎng)站的設(shè)計
- 電子商務(wù)網(wǎng)站設(shè)計與實現(xiàn)
- 企業(yè)電子商務(wù)網(wǎng)站設(shè)計.pdf
- 電子商務(wù)網(wǎng)站設(shè)計開題報告
- 電子商務(wù)網(wǎng)站設(shè)計-開題報告
- 電子商務(wù)網(wǎng)站畢業(yè)設(shè)計
- 攜程電子商務(wù)網(wǎng)站商務(wù)模式分析
- 電子商務(wù)網(wǎng)站可行性分析
- 移動電子商務(wù)網(wǎng)站構(gòu)建策略分析
- 農(nóng)業(yè)類-電子商務(wù)網(wǎng)站
- 電子商務(wù)網(wǎng)站論文.doc
- 電子商務(wù)網(wǎng)站建設(shè)試題
- 電子商務(wù)網(wǎng)站設(shè)計畢業(yè)論文
- 電子商務(wù)網(wǎng)站畢業(yè)設(shè)計論文
- 電子商務(wù)網(wǎng)站畢業(yè)設(shè)計 (2)
- 電子商務(wù)網(wǎng)站的開發(fā)與設(shè)計
- 電子商務(wù)網(wǎng)站-nba資訊網(wǎng)站的設(shè)計與分析
評論
0/150
提交評論