淺析不同導航的區分
編輯導語:產品的導航設計目的是突出產品的核心功能,扁平化用戶的任務路徑,讓用戶能順利地在產品中暢行。而不同的導航設計有不同的效果,本文作者總結了九種導航類型,一起來看一下吧。
產品的導航設計目的是為了突出產品的核心功能,扁平化用戶的任務路徑。讓用戶能夠順利地在產品中暢行,讓用戶知道自己在產品中所在的位置,和怎么前往目的頁面或功能。那我們來了解一下不同導航的區分。
一、底部標簽(Tab)導航
當產品的體驗流是以幾個功能模塊貫穿,用戶在使用時需要在幾個標簽入口之間來回切換時,這就是底部標簽導航。底部標簽導航里面的標簽一般是不會超過五個,因為超過五個標簽之后,就沒有核心功能的體現。
將貫穿產品整個體驗流的模塊平鋪在Tab Bar位置,在保證了切換效率的同時也保證了用戶在使用過程時的任務路徑扁平化。
二、頂部標簽(Tab)導航
頂部Tab最早是谷歌提出來并使用的,主要是為了區分與iOS的一種導航模式。與底部標簽導航不同,由于在頂部,手指一般很難觸及,所以頂部標簽導航功能展現更細化,標簽也就更多,通常是通過左右滑動來切換標簽。
在實際項目中,頂部與底部基本都是配合使用。
三、舵式導航
舵式導航是將多個核心功能匯聚在一個標簽內,方便用戶點擊呼出使用。所以舵式導航一般會搭載其他導航樣式出現(如標簽式導航)。
與標簽導航類似的是,它們都是點聚式導航與標簽導航的結合體。簡單來說就是一個導航標簽里面包含很多個操作選項,也可以說是導航標簽里面包含很多個二級導航標簽。
四、宮格式導航
宮格式導航是最被廣泛用于各平臺系統的中心頁面,一般用在二級頁作為內容列表,以圖形化形式呈現在頁面上,又或者是作為一系列的工具入口聚合。也被稱為跳板式、圖標卡片式、磁貼式。
五、陳列館式導航
陳列館式導航是屬于宮格導航的一種表式,用來呈現實時內容,像新聞、圖片、商品信息等。還可以采用網格式布局(直播或者是ins類型)、輪盤布局(格瓦拉電影類型)或者是幻燈片模式展示。最適合呈現的是如經常更新、需要直觀的視覺效果、彼此獨立的內容。
六、抽屜式導航
抽屜式導航又被稱為:擴展菜單、側邊導航、漢堡導航;是用來放置一些對用戶來說不會經常用到或者是產品不核心的功能,例如設置、關于、個人信息這類不需要頻繁切換內容的功能。
一般是應用在信息流的產品設計里面,用戶的任務路徑比較單一,頁面基本只用于產品的核心內容展示。其他不怎么使用或是不核心的功能就會隱藏于界面的后方,這樣避免頁面產生臃腫感,用戶也不會過多的功能模塊的呈現搶奪眼球。
七、下拉導航/菜單導航
與抽屜式導航的概念相同,都是為了突出頁面的核心內容或功能。與抽屜導航不同的是,下拉導航一般位于產品的頂部,通過點擊功能標簽呼出導航菜單。
下拉啟動導航通常用來篩選不同類別的信息,或者是點擊后快速啟動某個常用的功能模塊,這樣也避免了頻繁的頁面跳轉。
下拉導航還有一種變式,就是下拉的菜單中展示兩級或者是多級,這一種是在電商產品中非常多見的,因為品類和篩選條件很多。
八、列表導航
列表導航是作為信息組織的框架,也是產品在設計中必不可少的一個信息承載模式。
比較適合用來顯示較長或者是擁有次級文字內容的標題,每一行都可以融入非常多的信息。
它與宮格導航一樣,經常用在二級頁面,不會默認展示任何實質性的內容,所以一般在首頁不會使用它。
九、輪播(旋轉木馬)導航
當產品的應用信息不多且足夠扁平的時候,就可以使用輪播導航。常見于頁面結構簡單的APP中。
本文由 @陳立奇 原創發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自Unsplash,基于 CC0 協議。
總結得好棒啊
謝謝總結