<sub id="jr4sa"></sub>

    <form id="jr4sa"></form>

  1. <big id="jr4sa"></big>
      <wbr id="jr4sa"><pre id="jr4sa"><video id="jr4sa"></video></pre></wbr>

      <wbr id="jr4sa"><sup id="jr4sa"></sup></wbr>
      <em id="jr4sa"><source id="jr4sa"><dl id="jr4sa"></dl></source></em><wbr id="jr4sa"><pre id="jr4sa"><dl id="jr4sa"></dl></pre></wbr><em id="jr4sa"><source id="jr4sa"><dl id="jr4sa"></dl></source></em>
    1. 東莞信達網站優化技術有限公司-電話:400-807-6757首頁 | 聯系方式 | 加入收藏 | 設為首頁
      東莞信達網站優化技術有限公司

      業務范圍

      聯系方式

      聯系人:劉小姐
      電話:400-807-6757
      手機:18042313315
      郵箱:service@localhost.com

      當前位置:首頁 >> 新聞中心 >> 正文

      解析網頁導航設計原理

      編輯:東莞信達網站優化技術有限公司   時間:2013/03/28   字號:
      摘要:解析網頁導航設計原理
      在互聯網信息爆炸的今天,互聯網的設計師們在網頁上設計出各種各樣的導航也是為了不讓用戶迷失在信息的大海中,給予用戶的一個導航的方式。Apple是大家公認的用戶體驗最好的設計公司,上海網絡公司淺談用什么方式完美地完成用戶導航需求的。
      頁面導航原則指導設計:我們用導航原則來檢驗nestle.com的導航設計,這個頁面通過頁面標題“baby foods”告訴我們當前位置,通過網站logo,二級導航欄中選中的“Brands”,左側三級導航欄選中的“Baby foods”,告訴我們這個頁面的固定路徑是從home,選擇brands分類,再選擇Babyfoods。且導航欄的每一個分類都可以被點擊,可以讓用戶返回到上一級。這個頁面完成了導航所需要的所有信息傳達元素。我們也可以明顯地找到頁面中的:→→的頁面路徑。根據它的面包屑的節點標簽元素,將頁面中的相同元素找出來,這些元素都已比較明顯的樣式表示選中,與相同信息不同狀態的內容區分開來,導航布局從上而下形成了包含與被包含的關系,是將這些選中的元素用箭頭連接起來,這樣就找到了頁面中的的頁面路徑。
      面包屑這種方式完成導航需求的方式為:
      、通過最后一個節點標簽告知用戶當前位置、面包屑整體從左到右告訴用戶來到當前位置的固定路徑、除了當前頁面的節點標簽,其它節點標簽均可點擊,可以讓用戶回到上一級頁面(可以回到最初起點的作用)。通過這三點任何用戶都不會在網站中迷失方向。
      網站itunes新功能介紹的頁面然后我們再對照這個面包屑所在的頁面從上往下的各種導航方式的元素進行分析,看頁面除面包屑之外是如何自我完成導航需求的:
      、首先導航菜單欄上的logo告訴用戶在apple的網站上,導航上的菜單分類告訴用戶這個網站一共有多少個維度,菜單上被選中的Itunes,告訴用戶當前處于itunes的菜單維度下。
      、接著是itunes的頁面導航欄,大大的標題itunes告訴用戶下面的內容都是講itunes,右邊的itunes的頁面菜單導航告訴用戶itunes頁面的內容分類,其中不一樣狀態的what’s new告訴用戶目前選中的是這個類容,下文內容是在這個分類下的。
      上一條:企業如何構建網絡運營平臺 下一條:穩定的網站流量可增強用戶的黏性
      久久精品国产99国产精品亚洲,久久精品国产精品亚洲艾草网,久久精品视频国产 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>