提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
應(yīng)用結(jié)構(gòu) Original Version
不同的應(yīng)用對于界面結(jié)構(gòu)的需求是不同的。例如:
應(yīng)用的結(jié)構(gòu)主要由內(nèi)容和展示給用戶的功能決定。
典型的 Android 應(yīng)用由頂層視圖和詳細(xì)信息/編輯視圖組成。如果出現(xiàn)深度且復(fù)雜的層級結(jié)構(gòu),使用分類目錄視圖連接頂層和詳細(xì)信息。
應(yīng)用的主頁設(shè)計需要仔細(xì)推敲。人們第一次啟動你的應(yīng)用時,將會看到這個界面,所以應(yīng)當(dāng)考慮到新用戶和老用戶。
考慮一下: “哥應(yīng)用的典型用戶主要用它來做什么?”,根據(jù)這個來設(shè)計應(yīng)用的主頁。
許多應(yīng)用主要是用來展示內(nèi)容的。那么不要使用只有分類導(dǎo)航的界面,而是直接將內(nèi)容展示在你的主頁上,讓人們可以立即看到你應(yīng)用的核心。選擇一個視覺上適于所需要展示的數(shù)據(jù)類型的布局,還要考慮屏幕尺寸。
Play Music 可以通過豐富的內(nèi)容顯示使用戶導(dǎo)航到藝術(shù)家、專輯和播放列表。同時在界面上展示了個性化的推薦和促銷內(nèi)容。操作欄中包含了搜索功能。
你應(yīng)用的每一個屏幕都要顯示操作欄,這樣能保持統(tǒng)一的導(dǎo)航體驗并且一直顯示重要的操作。
頂層的操作欄設(shè)計需要考慮以下的要求:
日歷應(yīng)用關(guān)乎生產(chǎn)效率,所以一個高效的、容易瀏覽的高密度列表比較好。導(dǎo)航欄支持在日、周、月以及議事日程之間切換。
頂層屏幕向用戶展示了應(yīng)用的主要功能。所以有時頂層屏幕會包含多個不同的視圖,請確保用戶可以輕松的在多個視圖之間切換。Android 提供了多種視圖控件幫助你完成設(shè)計,下面將一一介紹:
固定標(biāo)簽可以同時顯示多個頂層視圖,并且能夠提供很方便的切換。固定標(biāo)簽上的條目在屏幕上總是可見的,滾動標(biāo)簽上的條目則可能被滑出屏幕。請保證用戶可以通過左右滑動在不同視圖間切換。
適合使用固定標(biāo)簽的情景:
固定標(biāo)簽的 Holo Dark 和 Holo Light 樣式。
下拉菜單 (Spinners) 通過彈出的菜單讓用戶選擇不同的視圖。
適合使用下拉菜單 (Spinners) 的情景:
日歷應(yīng)用操作欄中的下拉菜單 (Spinners)。
導(dǎo)航抽屜從屏幕旁邊滑入,為用戶提供不同視圖的選擇。它可以放置很多項目,并且可以從屏幕的任何位置調(diào)用滑入。導(dǎo)航抽屜可以顯示應(yīng)用的多個頂層視圖,還可以顯示下一級視圖,所比較適合復(fù)雜的應(yīng)用。
適合使用導(dǎo)航抽屜的情景:
Keep 應(yīng)用中的導(dǎo)航抽屜。
請仔細(xì)斟酌應(yīng)用的頂層視圖設(shè)計,不要混合使用多種不同的模式。例如使用了固定標(biāo)簽,就不要為應(yīng)用添加導(dǎo)航抽屜,否則用戶可能會覺得復(fù)雜且混亂。
由數(shù)據(jù)驅(qū)動的應(yīng)用都是先在整理好的分類目錄中瀏覽,之后再進(jìn)入詳細(xì)信息進(jìn)行查看和管理??梢酝ㄟ^扁平化應(yīng)用的深度,降低導(dǎo)航的難度。
雖然從頂層到詳細(xì)信息視圖的垂直步驟是根據(jù)應(yīng)用的內(nèi)容而定的,但是仍然有幾種方式可以簡化認(rèn)知的難度。
如果分類是相似的或者類別比較少的時候,這樣做比較好。因為使用標(biāo)簽可以減少一層的導(dǎo)航,并且使數(shù)據(jù)一直保持在用戶關(guān)注的中心。在豐富的內(nèi)容中導(dǎo)航更像是一種隨意的瀏覽而不是有明確目的導(dǎo)航。
如果分類之間是相似的、可預(yù)見的或者關(guān)系接近的,可以使用滾動標(biāo)簽 (scrolling tabs,不是所有的項目都直接顯示出來)。保證滾動標(biāo)簽中項目的數(shù)量不要太多,否則難以操作。常見的規(guī)則是 5 - 7 個項目。
Play 商店使用標(biāo)簽同時展示分類和內(nèi)容。需要在分類中導(dǎo)航時,用戶可以在內(nèi)容區(qū)域左右滑動
如果分類的類別之間不是很接近,應(yīng)當(dāng)使用固定標(biāo)簽 (fixed tabs),這樣就可以同時看到所有的分類。
People 應(yīng)用使用固定標(biāo)簽 (fixed tabs) 在不同的功能區(qū)域間切換。
閱讀 標(biāo)簽選項卡 一節(jié),了解更多信息。
用快捷的方式使用戶可以輕松的完成他們所要執(zhí)行的操作。為了能夠控制頂層列表中的數(shù)據(jù)項,在數(shù)據(jù)項邊上顯示一個明顯的指示,點擊后顯示下拉菜單。這樣使得人們不需要進(jìn)入多個層級就可以直接執(zhí)行操作。
音樂應(yīng)用允許用戶在分類視圖 (專輯) 中直接操作數(shù)據(jù)項 (歌曲),這樣就不需要進(jìn)入歌曲詳細(xì)信息視圖,簡化了操作。
盡管分類視圖一般是給人們導(dǎo)航到詳細(xì)信息用的,但是記住,提供一些操作可以直接控制多條數(shù)據(jù)也是有必要的。
例如,如果你允許用戶在詳細(xì)信息視圖刪除某個項目,那么你應(yīng)當(dāng)允許用戶在分類視圖中一次性刪除多個項目。仔細(xì)考慮哪些操作可以作用于多個項目,通過多選界面提供這些操作,讓用戶可以在分類視圖中直接使用。
閱讀 選擇 一節(jié),了解更多信息。
詳細(xì)信息視圖讓你顯示和處理數(shù)據(jù)。詳細(xì)信息視圖的布局根據(jù)需要顯示的數(shù)據(jù)不同而不同。
考慮一下聯(lián)系人應(yīng)用所進(jìn)行的操作,并進(jìn)行布局。
聯(lián)系人應(yīng)用的詳細(xì)信息視圖需要展示聯(lián)系信息。列表控件 (list view) 是快速查看電話號碼、email 地址和其他聯(lián)系信息的最佳選擇。分割項 (split items) 將撥號和發(fā)送信息排列在了同一行。
如果用戶經(jīng)常順序瀏覽多個項目,那么應(yīng)當(dāng)讓他們在詳細(xì)信息視圖中直接做到??紤]使用滑動視圖 (swipe view) 或者其他替代方法實現(xiàn)這種操作。
Gmail 應(yīng)用使用滑動視圖 (swipe view) 在不同的詳細(xì)信息之間導(dǎo)航。
除了提供左右滑動翻頁的功能,雜志應(yīng)用還提供了縮略圖控件,使用戶可以快速的跳轉(zhuǎn)到指定頁面。
閱讀 滑動視圖 一節(jié),了解更多信息。
在主頁上顯示有用的信息。
使用操作欄提供統(tǒng)一的導(dǎo)航體驗。
通過水平導(dǎo)航和快捷方式壓縮導(dǎo)航層次。
通過多選使用戶可以操作多條數(shù)據(jù)。
使用滑動視圖 (swipe views) 在不同的詳細(xì)信息視圖中導(dǎo)航。
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊