網頁建設心得:把導航系統(tǒng)做薄

2024-04-25 20:18:06

字體：大中小

來源：轉載

供稿：網友

　　在網站建設過程中，所有框架層設計中，最核心的是導航設計。國外的網站從業(yè)者提出“80%的可用性是導航！”，因為良好的導航可以保證用戶找到任何信息。也就是說，提供到達的可能，遠比如何到達的可用重要。

　　我習慣把導航分為一維、二維、多維來簡單理解，一維對應線性結構，二維對應分層結構，多維對應無序結構。這么說可能比較抽象，其實都已經是耳熟能詳的應用，分別舉例闡述設計意圖：

　　最原始僅限于一二三級的，單對多樹狀應用就是“分層導航”，基本屬于必要元素。

　　跟蹤用戶行為，記錄的用戶在網站的活動足跡就是“線性導航”，俗稱面包屑。

　　管理系統(tǒng)的后臺，在首頁增加的類似跨分層結構的鏈接就是“無序導航”，俗稱快捷方式。

　　二維結構復雜到一定程度，必然造成導航縱深過度，用戶到達的難度增加。此時就需要考慮其他方案綜合實施，具體設計可以概括如下：

　　從無到有的堆積過程，把當前所有能夠調度的資源全部拿出來。

　　由多到少的序化過程，分解任務找出主次任務線索并重組。

　　回憶起flickr改版，前幾次重要的導航改動，都會更換版本代號，可見flickr把導航系統(tǒng)看的相當重要。同時，beta和gamma兩個版本的升級也對應了我的想法，參考頭部導航片段：

　　

　　beta的特點是想要什么就能看到什么，從alpha起就在不斷的加功能，雖然期間也在做任務分解的調整。但顯然，量太大怎么調整也會感覺復雜。gamma的特點是想要什么就有什么，只不過把要不要的權利還給了用戶。

　　如果從用戶體驗的角度來闡述，beta已經滿足了用戶的認知體驗，好玩夠用；gamma提升了用戶的操作體驗，耐玩易用。大家仔細對比，還能找到豆瓣改版與之相似的痕跡。

　　有了運營數據，問題很容易暴露。比如北京的交通，最理想的狀況是把北京市劃分成n個小區(qū)域，各區(qū)域之間使用地鐵/城鐵等高速交通工具，各區(qū)域之內則使用公交等低速交通工具，同時地鐵/城鐵和公交站上下一體化，如此可以盡量避免公交路線的大范圍交叉（扁平結構），主動預防而不是被動減壓。

上一篇：影響網站UV指數的幾種情況

下一篇：行業(yè)細分網站創(chuàng)業(yè)投資少、風險低、回報大