當(dāng)我們走進一個公園,看到一張導(dǎo)航圖。
如何看懂這張導(dǎo)航圖呢?有三點。第一點,找到自己的位置;第二點,找到曾經(jīng)走過的位置;第三點,找到自己要去的位置。這就是面包屑設(shè)計的初衷。什么是網(wǎng)站面包屑設(shè)計?
為什么要叫面包屑設(shè)計呢?這源于一個西方童話故事,故事中兩個孩子用面包屑組成一條回家的路。在數(shù)字世界中,面包屑為您的站點用戶提供了追溯到原始著陸點的功能。因此,在門外漢看來,“面包屑”是輔助導(dǎo)航,幫助您的用戶通過您的網(wǎng)站/應(yīng)用程序。
對于一些企業(yè)網(wǎng)站來說,其實并不需要面包屑設(shè)計,訪客能夠一眼即知,自己處于網(wǎng)站的何種位置。但是對于大型網(wǎng)站而言,如購物網(wǎng)站、門戶網(wǎng)站,訪客需要知道自己處于網(wǎng)站的哪個位置,這就需要面包屑設(shè)計。
面包屑設(shè)計的目的
面包屑是一個有效的視覺輔助,因為它表明了用戶的位置在網(wǎng)站的層次結(jié)構(gòu)。因此,這使得用戶很容易理解他們所在的位置以及他們可以導(dǎo)航的其他位置。
除了用戶的觀點,面包屑也非常有用的
搜索引擎優(yōu)化,因為它很容易導(dǎo)航通過你的網(wǎng)站,你的彈跳率大幅下降。
此外,您還希望最小化用戶的操作數(shù)量,并為他們提供無縫體驗。一項研究顯示,使用面包屑導(dǎo)航的用戶完成網(wǎng)站任務(wù)的速度要比不使用面包屑導(dǎo)航的用戶快得多。面包屑設(shè)計三要素
在我們深入研究面包屑的設(shè)計方面之前,面包屑設(shè)計一般包括如下三個要素。
1.路徑:
顧名思義,基于路徑的面包屑顯示用戶到達當(dāng)前頁面的路徑。這種類型的面包屑提供了類似于前進和后退按鈕的功能,因此它是最少使用的。
2.地點:
基于位置的面包屑指示當(dāng)前頁面在網(wǎng)站層次結(jié)構(gòu)中的位置。
3.屬性:
基于屬性的面包屑根據(jù)網(wǎng)站的屬性或類別來指導(dǎo)用戶。這種類型的面包屑更常用于電子商務(wù)網(wǎng)站。面包屑設(shè)計原則
不是主導(dǎo)航。 面包屑不是主要的導(dǎo)航;它是一個次要的功能,只是為了支持用戶的導(dǎo)航。你的主頁不需要面包屑。
不要突出設(shè)計。 因此,它們不應(yīng)該被設(shè)計成一種吸引任何注意力的方式。簡單來說,它們不應(yīng)該是你設(shè)計的中心。過于引人注目的設(shè)計可能會分散訪問者對主要導(dǎo)航的注意力。
風(fēng)格與頁面匹配。元素的樣式和大小調(diào)整應(yīng)該使其與頁面的其余部分完全結(jié)合在一起。它應(yīng)該是你的用戶在訪問你的網(wǎng)站時注意到的第一件事。不要讓你的設(shè)計太突兀,也不要設(shè)計得讓人很難找到。
位置很關(guān)鍵。你的主導(dǎo)航應(yīng)該在頁面的頂部,因為面包屑是次要導(dǎo)航,它應(yīng)該在你的主導(dǎo)航之下,但在頁面內(nèi)容之上。
相似性。 因為在你的網(wǎng)站的每個頁面上都有面包屑,所以要確保它們以相同的方式放置,并占據(jù)相似的空間。
使用通用符號。一般的面包屑都是使用大于號,不要使用怪異或者不常見的符號。
標(biāo)題名稱:大型網(wǎng)站面包屑設(shè)計101
網(wǎng)頁路徑:http://m.newbst.com/news36/237936.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)站維護、App設(shè)計、搜索引擎優(yōu)化、動態(tài)網(wǎng)站
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)