導航是互聯(lián)網產品中應用最廣泛的基礎元素之一，引導用戶了解到網站的內容結構進而找到所求。作為基礎控件，導航看起來簡單，但卻是產品設計中最復雜繁瑣的一部分。因為我們想要讓網站結構更清晰、想要向用戶傳達所有的信息，所以就賦予了導航越來越多的內容，使他們龐大異常，十分糾結。簡化了，用戶無法了解到頁面結構以及自己的處境，產生困惑；復雜了，導航臃腫不堪，層巒疊嶂，既不美觀也不好用。

那么，在清晰的信息架構下能不能讓導航盡可能的更輕便、更靈動，是筆者本文想要探討的話題。筆者看來，為導航塑身可以從以下幾個角度來進行：1.簡化結構；2.優(yōu)化形式；3.打磨UI。

網站作為信息的集合體，要囊括海量的資源，從首頁到二級頁再到專題頁進而底層頁等等等等，信息的層級多且繁雜，所以就容易形成tab套tab再套tab的局面。那么作為導航塑身的第一步，我們要做的就是把這負責的結構盡量簡化，讓導航變得輕盈起來，或者至少看起來不那么臃腫。

A． 通過面包屑來簡化導航結構

面包屑通常水平地出現(xiàn)在頁面頂部，一般會位于標題或頁頭的下方。它們提供給用戶返回之前任何一個頁面的鏈接（這些鏈接也是能到達當前頁面的路徑），在層級架構中通常是這個頁面的父級頁面。面包屑提供給用戶回溯到網站首頁或入口頁面的一條快速路徑。

一個門戶網站常見的結構是首頁-頻道頁-專題頁-子專題-底層頁。如果我們想在門戶網站看NBA的視頻直播，那么我們來看下他的導航：

如果把信息層級全部展現(xiàn)在用戶面前，就會形成上面的這種tab套tab的形式，使得導航臃腫不堪，占據(jù)頁面很大的空間�？墒侨绻�我們把用戶關心的導航內容提取出來，就會得到下面的結構：

再扁平化一下：

這就是清晰的面包屑導航。綜上，面包屑導航能夠讓復雜的層級結構扁平化，使得導航更加輕盈。

面包屑導航還有一些變體，是基于用戶線性操作邏輯衍生出來的。在無線端產品中應用更為廣泛，因為移動設備的顯示區(qū)域有限，無力支撐龐大的導航結構。在用戶點擊當前導航內容后，當前導航消失進去下一級導航，并提供返回按鈕。

當然，使用面包屑來簡化導航結構也是有條件的，不是所有的導航層級都可以用這種方法來簡化。面包屑導航更符合用戶線性思維導向下的操作邏輯，例如，用戶想要看NBA直播，那么他一定不關心娛樂圈發(fā)生了哪些八卦，也不care足球或者網球有什么新聞，CBA，CUBA他可能也不十分在意，那么面包屑的線性導航就可以滿足用戶的需求。或者是由于空間或者設備原因，我們無法提供更為詳細的導航，而采用線性簡化導航的處理方法。

標簽： 導航設計 交互設計 用戶體驗 

版權申明：本站文章部分自網絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。