<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    什么時候使用面包屑?

    • 時間:2016-08-23 17:29
    • 發布:昆明UI培訓
    • 來源:優設網

    面包屑是我們熟知的一種導航工具,它們往往出現在頁面內容的上方,告知你所處的位置。它小巧,方便,常見,且簡單。可是即便是這樣的UI控件,在設計上同樣是有講究的,來跟著達內昆明UI培訓一起學習吧。

    作為一種輔助導航系統,面包屑能夠幫助用戶清晰的定位到自己所在網站的位置。這個詞源自于童話中跟著面包屑回到自己家的孩子,而網頁中的面包屑也是幫助用戶找到自己位置的UI控件。

    面包屑通過路徑展示告知用戶他們所處的位置,而今天的這篇文章將會探討一個可用的網頁面包屑應當如何設計,通過最佳實踐展示面包屑的正確用法。

    作為一種視覺指引,面包屑為用戶揭示出網頁的層次結構,也正是因此,面包屑成為了用戶了解網站背景信息的重要途徑,幫助用戶了解下列問題的答案:

    1、我在哪里?根據整個網站的層次,面包屑能讓用戶知道他們所處的位置。

    2、我還能去哪里?面包屑提升了整個網站的可查找性,面包屑的存在揭示了整個網站的結構,用戶也隨之明白網站還有哪些其他的部分。

    3、是否應當瀏覽更多?面包屑揭示出網站有更多值得探索的內容,鼓勵用戶瀏覽更多。反過來,面包屑的出現降低了網站的跳出率。

    減少操作次數

    從可用性的角度上來看,面包屑減少了用戶跳轉到高層級頁面的操作數,這樣避免了用戶使用瀏覽器的返回按鈕和翻找導航尋找上級頁面的復雜交互。

    占用空間小

    面包屑這種設計元素在頁面上占用的空間相當小,它基本都是以帶鏈接的文本的形式存在的,并且通常只有一行。

    面包屑不會給用戶帶來困擾

    這個小小的設計元素占據的空間不大,但是給用戶帶來的便捷遠遠大于可能帶來的問題和困擾。

    什么時候使用面包屑?

    是否要在網站中使用面包屑,主要取決于網站的結構。看看你的網站地圖或者整體的結構圖,分析使用面包屑能否提高用戶在網站內部不同類別、目錄下導航是否方便:

    ·當你的網站內擁有分類明晰、組織明確的多層次線性結構的時候,你應當使用面包屑。比如一個擁有種類繁多產品的電子商務網站,面包屑就相當有用。

    ·當網站不具備邏輯清晰的層次結構的時候,就不要使用面包屑。

    上一篇:討論:如何驗證假設
    下一篇:面包屑應該要這么用

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>