每個(gè)網(wǎng)站基本都會(huì)有面包屑導(dǎo)航的設(shè)計(jì),面包屑導(dǎo)航不僅可以告訴用戶當(dāng)前所處的網(wǎng)站位置,還方便用戶回到所需的上級(jí)頁(yè)面或者首頁(yè)。所以,面包屑導(dǎo)航是提升用戶體驗(yàn)很重要的一個(gè)設(shè)計(jì)。關(guān)于面包屑導(dǎo)航詳細(xì)的作用我們文匯軟件官網(wǎng)上有專(zhuān)門(mén)的文章介紹(什么是面包屑導(dǎo)航?有什么作用?)。今天,文匯小編給大家分享一下,設(shè)計(jì)面包屑導(dǎo)航,有哪些設(shè)計(jì)技巧和注意事項(xiàng)。
1、設(shè)計(jì)簡(jiǎn)單明了
在設(shè)計(jì)面包屑導(dǎo)航時(shí),只需簡(jiǎn)單的設(shè)計(jì)展示出來(lái)就好了,不需要很花里胡哨的設(shè)計(jì),它對(duì)于網(wǎng)站來(lái)講是一個(gè)輔助的作用,并不能替代主導(dǎo)航的作用。所以,只要能清楚的告訴用戶當(dāng)前所處的欄目位置就可以了。
2、一定要有點(diǎn)擊返回首頁(yè)的設(shè)計(jì)
在設(shè)計(jì)面包屑導(dǎo)航時(shí),一定要加入返回首頁(yè)的設(shè)計(jì),而且最好把首頁(yè)放在面包屑導(dǎo)航的首項(xiàng)。用戶在瀏覽網(wǎng)站時(shí),點(diǎn)擊進(jìn)入內(nèi)頁(yè),這個(gè)頁(yè)面不一定是用戶感興趣的內(nèi)容,這種情況下可以給用戶一個(gè)選擇,就是返回首頁(yè),繼續(xù)讓用戶瀏覽其他感興趣的內(nèi)容。下圖是我們文匯軟件在做融世華這個(gè)項(xiàng)目時(shí),設(shè)計(jì)的面包屑導(dǎo)航,把首頁(yè)放在的首項(xiàng),由于展示的文字挺多的,如果首頁(yè)再用文字的形式去展示,就會(huì)想的太滿,也無(wú)法突出首頁(yè)。所以我們就用圖標(biāo)的形式去展示,這樣既美觀簡(jiǎn)潔,又清楚像用戶表達(dá)重點(diǎn)。
3、尺寸等設(shè)計(jì)合理
就像我們上方所講的一樣,面包屑導(dǎo)航只起到輔助作用,所以間距和占用頁(yè)面的空間不需要太大,如果占用空間太大,就有些喧賓奪主的感覺(jué)。在面包屑導(dǎo)航設(shè)計(jì)方面我們文匯的設(shè)計(jì)師最常用到的是以下幾種設(shè)計(jì),跟大家分享一下。