掌上指路標 —– APP架構(gòu)與導航設(shè)計(3)

沿用這種思路，在App的設(shè)計中，應用的第一個頁面將扁平化的信息層級展現(xiàn)出來提供給用戶進行選擇，可以讓用戶迅速定位到自己關(guān)注的功能點上。這種導航設(shè)計的優(yōu)點在于App的功能結(jié)構(gòu)較為扁平，用戶能迅速了解全局架構(gòu)，而同時又因為功能選擇過多集中在首頁上，那么單個功能的層級不宜過于復雜，并且需要提供快速返回首頁的設(shè)置，讓用戶能再次做出選擇。

列表設(shè)計適用于內(nèi)容瀏覽類應用的扁平信息層級設(shè)計，將相同層級的類別信息聚合地放在一個縱向列表中。 操作系統(tǒng)中，使用到這種導航設(shè)計的主要有通訊錄，歌曲列表，商店應用等以項目名字進行排布的扁平化區(qū)域。

同理，在App的設(shè)計中，類別信息較多的電商類應用，由單條目名稱聚合的應用，信息訂閱型的新聞類應用的導航模式，都屬于典型的扁平化信息層級，因此列表導航的設(shè)計也非常適用。并且根據(jù)自身的特性，均有一些細微的差異。 如淘寶的類別目錄導航，類別在設(shè)計中根據(jù)用戶使用的熱度進行了自上而下的排版； 而Eataly菜譜導航，則因為名稱聚合較多，在右側(cè)提供了便捷選擇的字母索引；BBC的新聞導航則類似于類別信息與條目信息的綜合導航，因此列表導航在設(shè)計時，除了按照用戶關(guān)注熱度自上而下進行排列，類別欄目還能方便地收起展開或者在瀏覽的過程懸停在頁面頂端。

（圖片來源： http://www.androidpatterns.com/  ）

樹狀層級結(jié)構(gòu)的設(shè)計在移動設(shè)備的設(shè)計中應用極其廣泛。和傳統(tǒng)PC時代大量使用的“面包屑”網(wǎng)狀設(shè)計不同，樹狀層級結(jié)構(gòu)只允許用戶從唯一的入口進入，并且從唯一的出口返回原處。這種設(shè)計模式非常適用于功能層級或者信息架構(gòu)縱向非常復雜的應用，用戶能夠清晰地某個分枝上前進后退，而不用擔心在App 迷失了當前所在位置。

樹狀層級導航在App的設(shè)計上有兩種表現(xiàn)形式。 一種是如iOS中的導航欄設(shè)計。用戶從列表導航中選擇某項進入下一層級，通過導航欄左上位置的“返回”