1.5 導(dǎo)航（Navigation）

1.5 導(dǎo)航（Navigation）

除非導(dǎo)航設(shè)計(jì)不合理，不然用戶(hù)應(yīng)該明顯察覺(jué)不到應(yīng)用中的導(dǎo)航體驗(yàn)。導(dǎo)航設(shè)計(jì)應(yīng)該能夠支撐你應(yīng)用結(jié)構(gòu)和目的卻又不分散用戶(hù)注意力。
廣義來(lái)說(shuō)，導(dǎo)航主要有以下幾種類(lèi)型，每個(gè)導(dǎo)航都有其適應(yīng)的應(yīng)用結(jié)構(gòu)：

• 分層
• 扁平
• 內(nèi)容或體驗(yàn)驅(qū)動(dòng)

在有層級(jí)結(jié)構(gòu)的應(yīng)用中，用戶(hù)在每個(gè)層級(jí)中都要選擇一項(xiàng)，直到到達(dá)目的層級(jí)。如果要切換到另一個(gè)目的層級(jí)，用戶(hù)必須回退一些層級(jí)，或者直接回到初始層級(jí)再次選擇。系統(tǒng)設(shè)置和郵箱應(yīng)用在這方面是很好示范，可以參考他們。

譯者注：以上為視頻截圖，完整視頻可點(diǎn)擊觀看。

在扁平信息架構(gòu)的應(yīng)用中，用戶(hù)可以從首頁(yè)目錄直接切換到另一個(gè)，因?yàn)樗械姆诸?lèi)都可以從主屏直接訪問(wèn)。音樂(lè)和App Store是兩個(gè)使用扁平結(jié)構(gòu)的好例子。

譯者注：以上為視頻截圖，完整視頻可點(diǎn)擊觀看。

在內(nèi)容或體驗(yàn)驅(qū)動(dòng)的信息架構(gòu)應(yīng)用中，導(dǎo)航也會(huì)根據(jù)內(nèi)容或體驗(yàn)來(lái)設(shè)計(jì)。例如，在閱讀一本電子書(shū)時(shí)，用戶(hù)會(huì)一頁(yè)接一頁(yè)的進(jìn)行閱讀，或者直接從目錄中選中某一個(gè)指定的頁(yè)碼；同樣，在游戲中導(dǎo)航也是體驗(yàn)的重要組成部分。

譯者注：以上為視頻截圖，完整視頻可點(diǎn)擊觀看。

在某些情況下，在一個(gè)應(yīng)用中結(jié)合多種導(dǎo)航類(lèi)型會(huì)有很好的效果。例如，對(duì)于扁平信息結(jié)構(gòu)中某一分類(lèi)下的內(nèi)容，用分層導(dǎo)航的方式來(lái)顯示可能會(huì)更好。

應(yīng)該讓用戶(hù)時(shí)刻清楚自己當(dāng)前在應(yīng)用中所處的位置，及如何前往目的頁(yè)面。無(wú)論使用哪種適合你的應(yīng)用結(jié)構(gòu)的導(dǎo)航，最重要的是用戶(hù)訪問(wèn)內(nèi)容的路徑要有邏輯、可預(yù)期和易于追溯。

UIKit定義了一些標(biāo)準(zhǔn)的UI元素，以方便地構(gòu)建分層或扁平導(dǎo)航，還有一些元素可以構(gòu)建以?xún)?nèi)容為中心的導(dǎo)航，例如電子書(shū)或者媒體觀看類(lèi)應(yīng)用。游戲或者其他體驗(yàn)驅(qū)動(dòng)的應(yīng)用通常需要一些自定義的元素和行為。

使用導(dǎo)航欄（Navigation Bar）幫助用戶(hù)輕松訪問(wèn)分層內(nèi)容。導(dǎo)航欄的標(biāo)題可以顯示用戶(hù)當(dāng)前所處的層級(jí)，而后退按鈕可以回到上一層級(jí)。想要了解更多內(nèi)容，請(qǐng)查看Navigation Bar.

使用標(biāo)簽欄（Tab Bar）顯示同類(lèi)型的內(nèi)容或功能。標(biāo)簽欄很適合于扁平信息結(jié)構(gòu)，可以讓用戶(hù)在分類(lèi)之間隨意切換，而不用在意當(dāng)前所處的位置。想要了解更多內(nèi)容，請(qǐng)查看Tab Bar.

在應(yīng)用中，如果每屏顯示的都是同類(lèi)項(xiàng)或同類(lèi)頁(yè)，可以使用頁(yè)面控件（Page Control）。頁(yè)面控件的優(yōu)點(diǎn)是可以直觀地告訴用戶(hù)有多少個(gè)項(xiàng)目或頁(yè)面，以及當(dāng)前所處位置。想要了解更多內(nèi)容，請(qǐng)查看Page Control。

一般來(lái)說(shuō)，最好能給用戶(hù)提供到達(dá)每一屏的唯一路徑。如果某屏內(nèi)容用戶(hù)需要在不同場(chǎng)景下查看，可以考慮使用臨時(shí)視圖，例如模態(tài)視圖、動(dòng)作菜單或警告框。想要了解更多，請(qǐng)查看Modal View、Action Sheet和Alert。

UIKit同時(shí)還提供了以下相關(guān)控件：

• 分段控件（Segmented Control）。分段控件讓用戶(hù)在一屏內(nèi)就可以查到不同分類(lèi)的內(nèi)容，而不需要切換到其他屏幕。
• 工具欄（Toolbar）。盡管工具欄和導(dǎo)航欄或標(biāo)簽欄相似，但是工具欄不具導(dǎo)航作用。相反，工具欄為用戶(hù)提供了可以控制當(dāng)前屏幕內(nèi)容的控件。

（譯者注：上文提到的Navigation Bar, Tab Bar, Page Control, Modal View, Action Sheet, Alert, Segmented Control和Toolbar均處在iOS Human Interface Guidelines的第4章 UI Elements部分，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。若有需要，亦可先參考先前已翻譯的iOS7 UI Elements章節(jié)：上，下。）