Android應(yīng)用中10大導(dǎo)航設(shè)計(jì)錯(cuò)誤

2023-09-25    分類(lèi): 網(wǎng)站建設(shè)

百度權(quán)重查詢(xún) 詞庫(kù)網(wǎng) 網(wǎng)站監(jiān)控 服務(wù)器監(jiān)控 seo監(jiān)控 手機(jī)游戲 iPhone游戲

在評(píng)測(cè)過(guò)無(wú)數(shù)app應(yīng)用之后,Android開(kāi)發(fā)者關(guān)系團(tuán)隊(duì)總結(jié)出了10個(gè)錯(cuò)誤,希望能讓大家脫節(jié)摸著石頭過(guò)河的窘境。

Android 開(kāi)發(fā)者關(guān)系團(tuán)隊(duì)天天都會(huì)試用無(wú)數(shù)的 App 或者受到無(wú)數(shù)的開(kāi)發(fā)者發(fā)來(lái)的、請(qǐng)求評(píng)測(cè)的 App。在評(píng)測(cè)如此之多的應(yīng)用之后,他們總結(jié)出了一些錯(cuò)誤,并且在這期節(jié)目中為大家呈現(xiàn)出來(lái)。

在正式介紹這些錯(cuò)誤之前,我想稍微提一句。這些錯(cuò)誤是特別很是具有普遍意義的錯(cuò)誤,也就是說(shuō),你用十個(gè)應(yīng)用可能就會(huì)碰見(jiàn)這十個(gè)錯(cuò)誤,甚至你會(huì)在一個(gè)應(yīng)用中碰見(jiàn)悉數(shù)十個(gè)錯(cuò)誤。這種情況在中國(guó)市場(chǎng)上顯得更加嚴(yán)峻。所以,希望這篇文章能讓大家脫節(jié)摸著石頭過(guò)河的窘境,直接的避免一些常見(jiàn)的錯(cuò)誤。

1. 將導(dǎo)航項(xiàng)放在 Action Overflow 里

我應(yīng)該已經(jīng)不止一次在各種 App 上看到有人把導(dǎo)航項(xiàng)放在 Action Overflow 中了。經(jīng)常被放進(jìn) Action Overflow 的導(dǎo)航有"主頁(yè)","商店","我的信息 (微信,twitter 中槍)",甚至一些分類(lèi)。但是 Action Overflow 真的不是導(dǎo)航項(xiàng)該去的地方,別忘了這地方是 Action Overflow,是用來(lái)放操作的。還有另一個(gè)很主要的原因是,在許多有著 Menu 按鈕的手機(jī)上,應(yīng)用中是不會(huì)顯示 Action Overflow 的,他們得被 Menu 鍵喚出,可見(jiàn)性太低了,而且關(guān)于 Menu 鍵還有一大堆問(wèn)題 (這里就不睜開(kāi)了)。

還有一點(diǎn)很主要的就是,在現(xiàn)在的 Android 上,界面 UI 已經(jīng)逐漸形成了一個(gè)規(guī)律 —— 導(dǎo)航靠左,操作靠右。假如你硬是要把導(dǎo)航放進(jìn) Action Overflow,無(wú)形中也會(huì)違反這個(gè)規(guī)律。

2. 錯(cuò)誤的導(dǎo)航層級(jí)

這個(gè)錯(cuò)誤也是頗為常見(jiàn)的。在 Android 中我們有許多常見(jiàn)的導(dǎo)航體例,比如 Tabs,Spinners 和 Drawer。這些導(dǎo)航體例當(dāng)然是可以搭配著使用的,但是當(dāng)你搭配使用這些導(dǎo)航體例的時(shí)候,請(qǐng)注重他們之間的層級(jí)關(guān)系。當(dāng)你規(guī)劃你的導(dǎo)航層級(jí)的時(shí)候,一般情況下是要構(gòu)造一個(gè)樹(shù)狀結(jié)構(gòu),在一個(gè)層級(jí)下有其他的子層級(jí),以此類(lèi)推。在 Android 中,不同層級(jí)一般對(duì)應(yīng)著不同的導(dǎo)航體例。而錯(cuò)誤的用法是,比如上圖中那樣的,用 Tab 作為導(dǎo)航層,Spinners 作為次層,而 Drawer 作為次層。在 Android 上,這三個(gè)導(dǎo)航體例對(duì)應(yīng)的層級(jí)是遵循著比較嚴(yán)酷的規(guī)定的。

上圖呢才是一般情況下的準(zhǔn)確做法。通常情況下,Drawer (假如有的話) 代表著導(dǎo)航層級(jí),然后則是 Spinners,再次是 Tabs。假如你有超過(guò)三級(jí)的導(dǎo)航層級(jí),我們強(qiáng)烈建議你把的幾個(gè)都放在 Drawer 中 (只有 Drawer 能容納超過(guò)一個(gè)導(dǎo)航層級(jí),因?yàn)?Drawer 中的項(xiàng)目能夠以合理的體例睜開(kāi)),然后把剩下兩個(gè)層級(jí)分配各 Spinners 和 Tabs。當(dāng)然,現(xiàn)實(shí)上作為一個(gè)移動(dòng)應(yīng)用,簡(jiǎn)化層級(jí)也是特別很是主要的,我們強(qiáng)烈的不推薦你在應(yīng)用中采用特別很是深的導(dǎo)航層級(jí),這只會(huì)讓用戶(hù)感到疑心。

還有一點(diǎn)需要注重的是,雖然在上面的示意圖中 Spinner 和 Drawer 共存而且看起來(lái) Spinner 在 Action Bar 上 (Drawer 現(xiàn)實(shí)上在 Action Bar 之下),但是在現(xiàn)實(shí)應(yīng)用中,當(dāng)用戶(hù)劃出 Drawer 的時(shí)候,你應(yīng)該讓 Drawer 漸變成另一副模樣 —— 只留下在應(yīng)用中全局通用的操作,比如搜索,隱去其他的東西,比如 Spinners,換成 App 的名字。這樣的話就不會(huì)產(chǎn)生導(dǎo)航層級(jí)上的疑心了。

另外,關(guān)于 Drawer,我們還有另一期專(zhuān)門(mén)介紹它的 ADiA: Android Design 趨勢(shì)——Navigation Drawer。

分享文章:Android應(yīng)用中10大導(dǎo)航設(shè)計(jì)錯(cuò)誤
文章出自:http://www.muchs.cn/news20/283720.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、用戶(hù)體驗(yàn)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)電子商務(wù)、網(wǎng)站排名

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化