南京小姐qq电话|2011年哈尔滨站街女信息

滁州高端響應式網站設計

響應式網頁設計、開放源代碼、永久使用、不限域名、不限使用次數

建站案例

網站面包屑是什么?

什么是面包屑?

面包屑是一個網站或者app中為用戶指引其所處位置的第二導航系統,俗稱:“面包屑導航”。和童話故事里的一樣,瀏覽者能夠了解這個網站的層級結構,并且便于瀏覽高層級的內容。

面包屑也被當作一種有效的視覺救援,指引用戶在網站層級中所處的位置。以上這些特性使得用戶通過面包屑導航獲取到一大部分承上啟下的信息資源,并且幫助用戶找到以下問題的答案:

我在哪兒?面包屑導航提醒瀏覽者他當前處于整個網站層級中具體位置。

我能去到哪里?面包屑導航能夠提高用戶對網站的章節和頁面的搜尋能力,比起只是放置一個菜單,放置一排面包屑導航更容易讓人理解網站的結構。

我將去哪里?面包屑導航能將內容進行關聯,并且促進瀏覽(比如電商網站的用戶可能進到一個商品詳情頁之后,發現這個商品并不是自己想要的,這個時候用戶可能有意愿瀏覽同類的商品),同時,又反過來降低了整個網站的跳出率

面包屑的故事:

面包屑導航(BreadcrumbNavigation)這個概念來自《格林童話》中的一則寓言故事,當漢賽爾和格萊特穿過森林時,不小心迷路了,但是他們發現在沿途走過的地方都撒下了面包屑,讓這些面包屑來幫助他們找到回家的路。

添加面包屑的好處:

1、減少操作次數

就可用性而言,面包屑可以減少用戶為達到一個更高的層級頁面所必經的操作步驟。用戶可用面包屑替代使用瀏覽器的“返回”按鈕或網站的初始化導航。

2、占用最少空間

這是一種不需要占用多大空間的緊湊機制,因為它只是一些帶水平下劃線的文本鏈接。其好處是不會造成負面的頁面過載。

3、沒有用戶受面包屑的困擾

人們會忽視這個小設計元素,但他們從來沒有覺得面包屑難以理解或難以操作。

什么樣的系統適合適用面包屑?

面包屑的應用很廣泛,移動app、信息網頁、后臺系統等,當我們停留在系統中迷茫,找不到方向的時候,內心一定希望有一個面包屑告訴我們:“你在這里” 。這個聲音很重要!

很多網站的用戶使用體驗調查報告都得出一個相同的結論:超過3次點擊還沒有找到需要的信息,訪客就此離開網站的可能性非常大。而面包屑可以為訪客做一個優秀的導游,避免用戶流失。

哪些系統不需要面包屑?

系統的設計足夠扁平化,通過其他方式完全能表達用戶的位置,系統層級關系簡單的時候是沒有必要使用面包屑的。

添加面包屑導航的注意事項:

1、不要把面包屑用來替代網站的原始導航

面包屑導航應當被當作一種附加功能,而不應該用來替代有效的主導航菜單。記住它只是一個方便的功能;一種次級導航策略;一種可供選擇的網站導航方式;

2、別在面包屑導航的當前頁面加鏈接

面包屑導航的最后一項(當前用戶位置)是可顯示也可不顯示的,但是需要確定的是它不可點擊。因為當用戶已經處于這個頁面時,就沒有理由給面包屑導航中的當前頁面加上跳轉鏈接。  

3、使用分隔符

大多數面包屑導航都是用大于號“>”來作為鏈接與鏈接之間的分隔符。尤其是當“>”符號被用作表示層級分隔時,它表示 父級類別>子級類別。另外還有一些符號也可以表征排序從左至右,比如(→)、(?)、(/)。可以根據網站的視覺風格和面包屑道行的類型來進行選擇;

4、選擇合適的尺寸和邊距

在設計時認真思考一下目標尺寸和邊距。在不同面包屑之間應當留有足夠的間隙,否則用戶體驗會很不好,覺得不好用,并且你并不希望你的面包屑在頁面中占主導地位,因為它將會相對減弱你主導航菜單。  

5、別讓它稱為設計的焦點

你不應該使用花哨的字體或明亮的顏色,因為這些會破壞你使用面包屑導航的初衷。在設計面包屑導航大小尺寸和風格時應當遵循的一個原則是:它不應當成為頁面上用戶一眼就關注到的東西。面包屑導航不能太奪人眼球了,可能分散用戶在主內容和主導航上的注意力。



相關文章

南京小姐qq电话 江苏快3技巧稳赚方法 福彩3D万能六码组六 重庆时时彩龙虎合规律 pk10技巧稳赚五码 体彩 不倒翁对冲的投注法 北京福彩赛车开奖时间 龙虎和规律 pk10走势图视频教学 广东11选五计划软件下载 广东时时出奖信息 网上棋牌赌博送10元 北京pk赛车开记录 注册免费送体验金网站 北京pk赛车官网计划 能提现的棋牌 双色球最近500期走势图