移動應用導航設計總結

導航對一個產品的重要性不言而喻,那麼,到底什麼樣的導航才適合咱們的產品呢?ios

首先,用戶在使用應用時,須要隨時清楚瞭解下一步應當前往哪一頁面以及如何前往該頁面。若是用戶沒法輕鬆在應用中進行導航,則將很快對你的應用失去興趣。所以,可否爲移動應用設計出有效的導航功能相當重要。架構

一:宮格導航結構

宮格導航的特徵是,一登錄界面後的菜單選項就是進入各個應用的起點。這種框架的優勢在於功能模塊化,一目瞭然,對操做上並無特殊要求,而且有必定的擴展性與自定義特性,可是若是不一樣的功能之間關係緊密,就免不了要進行功能間的反覆跳轉,這就是這種交互方式的劣勢。所以宮格導航結構更適合各功能相對獨立的產品。app

美圖秀秀採用是2*3的宮格導航模式,經過上下、分頁來突出優先級框架

 

下圖採用的是不規則的宮格導航,突出了內容的優先級。模塊化

 

 

 

在宮格導航和其餘導航搭配使用中,通常會被用做次級導航,常見搭配模式:選項卡導航+宮格導航操作系統

 

二 :抽屜式導航

這種框架的優勢是擴展性強,且主要功能突出。但其餘功能相對太隱藏,不容易被發現,」看不到的不記掛「,既然用戶第一眼看不到這些入口,那麼也許用戶也就不會知道它們在哪兒。設計

印象筆記的Android版就是採用了側抽屜的導航模式。3d

 

淘寶二手中使用的次級導航是抽屜式導航,在抽屜式導航中又採起了跳板式導航2*3的設計。blog

三:選項卡式導航

幾乎大部分的app都採用的是這種導航模式做爲主導航。根據操做系統不一樣,選項卡位置和設計也不相同。ios的選項卡是在底部 ,Android的則是在頂部。產品

這種導航優勢是架構清晰,功能之間跳轉方便,缺點是佔用空間,使整個頁面看起來功能衆多。

 

 

 

總結:

之後可能會淡化各個平臺的差別,經過一套設計就能鏈接各個應用在不一樣設備上的體驗。如今兩個系統的設計差別在日漸融合縮小,因此在選擇導航時不該該只侷限在」標準設計」中,而是應該以」內容」爲先。

相關文章
相關標籤/搜索