Android 設(shè)計高效的導(dǎo)航

編寫:XizhiXu - 原文:http://developer.android.com/training/design-navigation/index.html

設(shè)計開發(fā) App 的起初步驟之一就是決定用戶能夠在App上看到什么和做什么。一旦你知道用戶在App上和哪種內(nèi)容互動，下一步就是去設(shè)計容許用戶在 App 的不同內(nèi)容塊間切換，進入，回退的交互。

本課程演示如何為你的應(yīng)用規(guī)劃出高標準的界面層次，然后為它選擇適宜的導(dǎo)航形式來允許用戶高效而直觀的瀏覽內(nèi)容。按粗略的先后順序,每堂課涵蓋Android應(yīng)用導(dǎo)航交互設(shè)計過程中的不同階段。學(xué)過這些課之后，你應(yīng)該可以應(yīng)用這些列出的方法和設(shè)計范例到你自己的應(yīng)用中，為你的用戶提供一致的導(dǎo)航體驗了。

Lessons

• 規(guī)劃界面和他們之間的關(guān)系

  學(xué)習(xí)如何選擇你應(yīng)用應(yīng)該包含的界面。并且學(xué)習(xí)如何選擇其他界面可直達的界面。這節(jié)課介紹了一個假想的新聞應(yīng)用為以后課程作例子。

• 為多種大小的屏幕進行規(guī)劃

  學(xué)習(xí)如何在大屏設(shè)備上組合相關(guān)界面來優(yōu)化用戶可視界面空間。

• 提供向下和橫向?qū)Ш?/strong>

  學(xué)習(xí)容許用戶深入某一層或者在內(nèi)容層次間橫跨的技巧。而且學(xué)習(xí)一些特定導(dǎo)航 UI 元素在不同情景下的優(yōu)缺點和最佳用法。

• 提供向上和歷史導(dǎo)航

  學(xué)習(xí)如何容許用戶在內(nèi)容層級向上導(dǎo)航。并且學(xué)習(xí) Back 鍵和歷史導(dǎo)航的最佳做法，也即導(dǎo)航到和層次無關(guān)的之前的畫面。

• 綜合：設(shè)計樣例 App

  學(xué)習(xí)如何創(chuàng)建界面的 Wireframe（線框圖，模糊的圖形模型）來代表新聞應(yīng)用基于設(shè)想信息模型的界面。這些 Wireframe 利用上述課程討論的導(dǎo)航元件來展示直觀高效導(dǎo)航。