iOS 人機交互指南-UI設計基礎-導航
重要:這是針對于正在開發(fā)中的API或技術的預備文檔(預發(fā)布版本)。雖然該文檔在技術精確度上經過了嚴格的審核,但并非最終版本,僅供蘋果開發(fā)者計劃的注冊會員使用。蘋果提供這份機要文檔的目的,是幫助你按照文中描述的方式對技術的選擇及界面的設計開發(fā)進行規(guī)劃。這些信息有可能發(fā)生變化,屆時,你的設計開發(fā)方式需要基于最終版本的操作系統(tǒng)及文檔進行相應的調整和測試。該文檔或許會隨著API或相關技術在未來的發(fā)展而進行更新。
譯文最后更新時間:2013-06-22
人們在使用應用時,通常不會感知到導航的存在,除非導航帶來的體驗沒有達到他們的預期。而你的工作,就是以符合產品整體架構及目標的方式打造出不會被用戶察覺到的導航機制。
總體上講,導航可以分為三種類型,其中每一類都能很好的適用于一種特定類型的應用:
1.樹形信息結構的應用
2.扁平化信息結構的應用
3.由內容或體驗所驅動的應用
某些情況下,幾種不同風格的導航可以很好的整合在同一款應用當中。例如,扁平化信息結構的應用當中,某個分類里的信息也許可以很好的通過樹形結構來呈現(xiàn)出來。
無論采用哪種風格的導航,最重要的是,要確保用戶在內容當中的行進路徑符合邏輯、可以預知、容易跟隨。用戶應該始終能夠了解自己在應用當中所處的位置,以及怎樣行進到下一個目標位置。
通過UIKit框架當中定義的一些標準UI控件,你可以很輕松的創(chuàng)建樹形導航或扁平化結構的導航。此外,還有一些控件可以幫你創(chuàng)建以內容為中心的導航模式,例如很多圖書風格或媒體瀏覽方面的應用當中所使用的那樣。而那些圍繞著體驗來打造導航的應用,譬如游戲,通常都會使用訂制化的UI元素及交互行為模式。
通過導航欄(navigation bar),為用戶提供一種能夠輕松的在樹形信息結構當中前后行進的導航方式。導航欄的標題通常用來向用戶展示當前界面在信息結構當中所處的位置,回退按鈕可以幫助用戶回到上一級結構。請參考導航欄一節(jié),了解更多詳情。
通過標簽欄(tab bar)展示整體內容或功能之下的若干個同級分類項。標簽欄可以很好的支持扁平化的信息結構,因為無論用戶當前處于哪個界面,都可以直接在若干類別當中進行切換。請參考標簽欄一節(jié),了解更多詳情。
通過頁碼指示符(page control)來暗示多個條目或內容視圖的存在。該控件可以有效的向用戶展示內容單元的數量,以及當前所見的這一條在隊列中的位置。請參考頁碼指示符一節(jié),了解更多詳情。
注意:雖然工具欄(toolbar)在外觀樣式上與導航欄或標簽欄很相似,但它不能用來承載導航方面的功能。要通過工具欄為用戶提供那些針對當前上下文內容的功能操作。
一般來講,最好讓每個界面都有唯一的入口。如果用戶可以在不同的上下文當中訪問到同一個界面,那么請考慮使用一種臨時化的視圖,例如模態(tài)視圖(modal view)、動作表單(action sheet)或是警告提示(alert)。請參考模態(tài)視圖、動作表單、警告提示了解更多詳情。