掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)(3)

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

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

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

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

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

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