網站設計:面包屑設計

      作者:
      分類: 觀點/經驗
      2010-01-26
      4324
      What? 什么是面包屑

        面包屑是作為輔助和補充的導航方式(secondary navigation scheme),它能讓用戶知道在網站或應用中所處的位置并能方便地回到原先的地點。 最常見的面包屑的樣式是:橫向的文字鏈接,由大于號“>”分開,這個符號也暗示了它們的層級關系。

      【 面包屑的分類】

        1.基于用戶所在的層級位置。(Location-based)

        基于位置的面包屑用于告知用戶在當前網站中所在的結構層級。用在具有多級導航(通常具有2級以上導航)的網站中。

      2.基于產品的屬性。(Attribute-based)

        這種類型的面包屑常出現在具有大量類別產品和服務的網站中,如電子商務網站,網上教學服務等。

      3.基于用戶的足跡。(Path-based)

        顯示用戶瀏覽的軌跡,面包屑之間沒有明顯的層級關系。

       

      Why? 為什么使用面包屑(面包屑的好處)

        1.面包屑作為用戶尋找路徑的一種輔助手段,能方便他們定位和導航。

        2.面包屑可以減少的用戶返回上一級頁面的所需的操作次數。

        3.臨時性,動態性,占用屏幕空間小,干擾性小。

        4.降低網站訪問者的總體跳出率。(當用戶從別處鏈接到網頁,或者從搜索引擎查找到網頁,則面包屑的存在能幫助用戶快速了解當前的層級位置,并引導用戶查看網站的其余部分。減少了看完直接跳走的用戶數量。)

       

      When? 何時使用面包屑

        1. 存在大量的分級內容的網站中。

        大型的電子商務網站是典型的例子,里面有大量的產品分別歸屬于不同的大類別及細分類別。

      2. 在一些引導性的網絡應用或者軟件安裝進程中,面包屑也常被用來指示當前以及剩余的操作步驟。類似于進程條的變種。

        3. 層次簡單的頁面中一般不使用面包屑,但是當面包屑能顯著幫助到瀏覽并提高他們定位能力時,也建議采用面包屑。

        相冊瀏覽就是一個典型的例子,結構層次并不復雜,但用戶在特定幾個頁面之間跳轉的頻率會比較高(如相冊首頁,相片縮略圖頁,相片瀏覽頁等),所以面包屑的存在對提高此處的瀏覽效率是很有幫助的。

      注意點:面包屑不能替代有效的主導航,它是一個輔助功能;一個允許用戶定位他們在哪里的輔助導航方案。

       

      How? 如何設計面包屑

      【面包屑連接符的主要樣式】

      0
      4
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 韩国福利一区二区三区高清视频| 日韩精品一区二区三区在线观看 | 韩国福利一区二区美女视频| 亚洲日韩中文字幕无码一区| 国产一区二区电影| 熟妇人妻系列av无码一区二区 | 一区二区三区美女视频| 国产大秀视频在线一区二区| 国产AV午夜精品一区二区三区| 国产精品高清一区二区三区| 国产精品制服丝袜一区| 日韩人妻无码一区二区三区综合部| 国产在线观看一区二区三区精品| 国产亚洲一区二区三区在线观看| 消息称老熟妇乱视频一区二区| 中文字幕一区二区精品区| 亚洲毛片不卡av在线播放一区| 久久久久人妻精品一区蜜桃| 国产一区二区三区韩国女主播| 日本一区二区三区不卡视频中文字幕 | 日本一区频道在线视频| 中文字幕精品亚洲无线码一区| 无码人妻久久久一区二区三区 | 在线播放偷拍一区精品| 一区二区三区日韩| 国产一区二区三区露脸| 精品国产一区二区三区无码| 立川理惠在线播放一区 | 日韩国产免费一区二区三区| 亚洲色大成网站www永久一区| 鲁丝丝国产一区二区| 无码人妻一区二区三区免费n鬼沢| 国产一区二区三区免费在线观看| 久久精品午夜一区二区福利| 亚洲AV无码一区二区二三区软件| 日韩人妻无码一区二区三区久久 | 国产aⅴ一区二区| 国产精品成人一区二区三区| 国产在线视频一区二区三区98| 精品在线一区二区| 国产一区二区三区在线视頻|