掌上指路標 —– APP架構與導航設計(4)

Step3: 導航具體表現形式：控件形式and擺放位置

通過前面兩個步驟的分析與設計，App的導航結構可以算是基本完成。但因為現在手機平臺眾多，用戶使用習慣各不相同。所以在產品的具體設計中，為了給產品提供最好的用戶體驗，還需要把握平臺特性，選擇合適的控件形式，并且根據用戶手持設備的操作系統(tǒng)，為用戶設計導航最易操作的位置。

如對于樹狀層級導航欄設計， iOS的導航欄控件被安排在了屏幕上方，因為在觸屏的使用時，頂部區(qū)域是信息展現率最完整的區(qū)域，在手指操作的過程中，該區(qū)域的信息不易被手的運動軌跡遮擋。通過此導航欄用戶能實時定位自己所處的當前位置以及可以返回的上層界面。


整個導航欄控件由“返回按鈕”，“頁面標簽”和“可選管理區(qū)域”三個子控件組成。“返回按鈕”一般放置于左上角區(qū)域，允許用戶在進行樹狀層級信息的瀏覽后，通過此按鍵逐層地返回上一層級。按鈕本身的設計該返回按鈕只對應唯一的入口信息，不允許放置多層級返回按鈕。頁面標簽則應是顯示對當前視圖信息的高度概括，可對應顯示視圖標題，序號位置等。可選管理區(qū)塊可放置對于該屏幕的一些重要操作，實現屏幕內容的管理（如添加，編輯，翻頁，刪除，播放，詳細內容等）。但只能放置一種管理按鈕。

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

而對于Android的樹狀層級導航，則更多的依賴于下部的硬件實體導航控件。主流的Android硬件導航提供四種功能：返回，菜單按鈕，手機桌面，以及搜索。


返回按鈕讓用戶返回上一步的功能操作。菜單按鈕可以顯示當前視圖中相關的操作，最多可以有6個，但和iOS的“可選管理區(qū)域”的設置方式略有不同，該區(qū)域一般是全局的功能操作，所以不一定和每個視圖都密切相關。