最近剛好完成了積分移動(dòng)端V1.0-2.0改版茬底，整體界面交互和導(dǎo)航都進(jìn)行了一次重新設(shè)計(jì)坯沪，恰好就是把之前的抽屜式導(dǎo)航換成了現(xiàn)在的標(biāo)簽導(dǎo)航筒严。
改版完對(duì)之前的抽屜式導(dǎo)航做一個(gè)匯總吧；
首先尉辑，什么是抽屜式導(dǎo)航帆精？
我們來看看官方的解釋：
1、導(dǎo)航抽屜面板,從當(dāng)前界面的左邊劃出隧魄，顯示應(yīng)用程序的主要導(dǎo)航選項(xiàng)卓练；
2、用戶可以把導(dǎo)航抽屜在屏幕上劃動(dòng)來從屏幕的左邊緣或通過觸摸操作欄上的應(yīng)用程序圖標(biāo)堤器；
3昆庇、隨著導(dǎo)航抽屜的擴(kuò)展，它覆蓋的是內(nèi)容而不是操作欄闸溃；
4整吆、抽屜完全擴(kuò)展時(shí)，操作欄調(diào)整其內(nèi)容通過替換當(dāng)前的操作欄標(biāo)題與上下文的應(yīng)用程序名稱和刪除所有操作視圖導(dǎo)航下面的抽屜里辉川。溢出菜單設(shè)置的標(biāo)準(zhǔn)動(dòng)作條目和幫助仍然可見表蝙；
用我們通俗的話說就是，通過側(cè)邊欄左滑的方式呼出的導(dǎo)航方式乓旗，叫側(cè)邊欄導(dǎo)航府蛇；由于看起來像是抽屜抽出，也叫作抽屜式導(dǎo)航屿愚；
其次汇跨，抽屜式導(dǎo)航有什么優(yōu)勢(shì)或是特點(diǎn)呢？
1妆距、抽屜式導(dǎo)航將部分信息內(nèi)容進(jìn)行隱藏穷遂，節(jié)省屏幕空間，突出了應(yīng)用的核心功能娱据；
如果應(yīng)用主要的功能和內(nèi)容都在一個(gè)頁面里面蚪黑，只是一些用戶設(shè)置這類低頻操作內(nèi)容需要顯示在其他頁面里。為了讓主頁面看上去干凈美觀中剩，可以把這些輔助功能放在抽屜欄里忌穿；
2、根據(jù)拇指使用情況的熱區(qū)结啼，我們更容易了解拇指在使用手機(jī)時(shí)的適應(yīng)情況掠剑。在某份調(diào)查數(shù)據(jù)的拇指熱區(qū)中采用了右手拇指，且以大拇指跟扣緊手機(jī)左下角為基準(zhǔn)郊愧；見下圖澡腾；
再者沸伏，抽屜式導(dǎo)航有什么劣勢(shì)或是缺陷呢？
1动分、可見性不好；
1)红选、抽屜式導(dǎo)航的入口是三條杠澜公，對(duì)于部分用戶來說，他們并不能準(zhǔn)確知道這三條杠可以呼出抽屜式導(dǎo)航喇肋；
2）坟乾、抽屜式導(dǎo)航畢竟是隱藏起來的，沒有現(xiàn)有標(biāo)簽式導(dǎo)航來的明顯蝶防；
2甚侣、操作復(fù)雜；
標(biāo)簽式導(dǎo)航的切換可以直接點(diǎn)擊间学，如果Tab放在上方可以直接滑動(dòng)切換殷费；但是抽屜式導(dǎo)航的切換就要先呼出側(cè)邊欄，然后再點(diǎn)擊低葫，相對(duì)比而言详羡，操作更加繁瑣；
3嘿悬、與現(xiàn)有的交互方式?jīng)_突实柠；
抽屜式導(dǎo)航可以從屏幕左邊緣向右滑動(dòng)喚出，與iOS的后退操作沖突善涨。但其實(shí)這是Android的設(shè)計(jì)規(guī)范窒盐，并不一定適用于iOS。在這一點(diǎn)上钢拧，可能還存在有待商榷的地步蟹漓；
那么，什么情況下適用抽屜式導(dǎo)航娶靡，或者說抽屜式導(dǎo)航應(yīng)該怎么用呢牧牢？
1、導(dǎo)航的模塊有主次之分姿锭；
抽屜式導(dǎo)航的使用場(chǎng)景首先一點(diǎn)是：導(dǎo)航的模塊是有主次之分的塔鳍。相對(duì)比于常用的標(biāo)簽式導(dǎo)航而言，抽屜式導(dǎo)航的模塊之間主次區(qū)分更加明顯呻此；
A轮纫、當(dāng)啟動(dòng)應(yīng)用時(shí)，標(biāo)簽式導(dǎo)航的每個(gè)模塊入口都是可見的焚鲜；
B掌唾、標(biāo)簽式導(dǎo)航的模塊切換非常容易放前，通常是點(diǎn)擊（底部Tab）或者滑動(dòng)（頂部Tab）操作；
C糯彬、當(dāng)進(jìn)入某個(gè)模塊時(shí)凭语，其他模塊的入口依舊清晰可見。
基于以上三點(diǎn)撩扒，標(biāo)簽式導(dǎo)航模塊之間的區(qū)分不是特別大似扔；
但是對(duì)于抽屜式導(dǎo)航而言，以上三點(diǎn)都不成立搓谆。所以炒辉，相對(duì)而言，抽屜式導(dǎo)航的第一個(gè)模塊的重要程度要遠(yuǎn)遠(yuǎn)大于其他的模塊泉手。也就是說黔寇，當(dāng)不同導(dǎo)航模塊之間存在明顯的主次之分時(shí)，才可以考慮使用抽屜式導(dǎo)航斩萌；
我們來看一個(gè)例子缝裤；
對(duì)于一個(gè)電商應(yīng)用來講，用戶登錄并找到自己想要的或者系統(tǒng)正在進(jìn)行的促銷的秒殺商品术裸，去下單完成購(gòu)買才是最重要的倘是；其次才是查看訂單和個(gè)人信息；關(guān)于客戶服務(wù)的重要性就沒那么重要了袭艺；選擇商品購(gòu)物模塊的優(yōu)先級(jí)遠(yuǎn)遠(yuǎn)大于其他模塊搀崭；其他模塊是為次要場(chǎng)景設(shè)計(jì)的，即使?jié)B透率不高猾编，對(duì)于產(chǎn)品的影響也不大瘤睹；
2、次要模塊有快捷入口答倡；
對(duì)于次要的模塊轰传，我們并不需要嚴(yán)格保證模塊的滲透率；但是瘪撇，如果某些應(yīng)用也需要提高次要模塊的滲透率获茬，我們依然可以做到；既然抽屜式導(dǎo)航的可見性不高倔既，操作繁瑣恕曲，但是我們依然可以另辟蹊徑，設(shè)置一個(gè)可以見高渤涌，操作便捷的入口佩谣；
豆瓣一刻在這一點(diǎn)上可以說把抽屜式導(dǎo)航的作用發(fā)揮到了淋漓盡致的地步；
對(duì)于豆瓣一刻來說实蓬，模塊之間的優(yōu)先級(jí)如下：今日一刻>往期內(nèi)容>熱門作者茸俭、欄目瀏覽吊履、我的喜歡；往期內(nèi)容模塊的使用場(chǎng)景是僅次于今日一刻模塊调鬓，但是又遠(yuǎn)遠(yuǎn)高于其他模塊艇炎；那么針對(duì)這個(gè)模塊，可以設(shè)置更加便捷的快捷入口腾窝；
在每日一刻內(nèi)容列表的最下方設(shè)置了一個(gè)按鈕冕臭，作為往期內(nèi)容模塊的快捷入口；這樣的快捷入口燕锥，一方面不會(huì)干擾最主要的內(nèi)容，因?yàn)樗O(shè)置在頁面最后面悯蝉；另一方面归形，當(dāng)用戶閱讀到最后的時(shí)候，如果用戶還想閱讀以下往期的內(nèi)容鼻由，點(diǎn)擊就好了暇榴；
還有這里有一點(diǎn)豆瓣也用的很巧妙：這里用的是按鈕而不是上拉刷新；
上拉刷新的內(nèi)容往往是銜接在當(dāng)前頁面下的蕉世，同時(shí)上拉刷新的操作成本很低蔼紧；往期內(nèi)容模塊與今日一刻的區(qū)分度又比較大，銜接在當(dāng)前頁面下并不合適狠轻，操作太便利的話又顯示不出模塊之間的區(qū)分度奸例；所以，這里采用按鈕而不是上拉刷新向楼；這些很細(xì)節(jié)的地方查吊，可以看得出豆瓣一刻的產(chǎn)品很細(xì)心；
3湖蜕、應(yīng)用首次進(jìn)行引導(dǎo)逻卖；
為了解決可見性的問題，還需要在首次啟動(dòng)應(yīng)用的時(shí)候進(jìn)行引導(dǎo)昭抒。對(duì)于抽屜式導(dǎo)航的引導(dǎo)评也，有兩種方式：
A、啟動(dòng)應(yīng)用自動(dòng)打開導(dǎo)航灭返；
B盗迟、利用浮層的方式指引用戶點(diǎn)擊漢堡菜單按鈕，然后再?gòu)棾鰧?dǎo)航婆殿；
兩種引導(dǎo)各有利弊诈乒，當(dāng)然好處就是都可以起到引導(dǎo)作用；而壞處來說：
A婆芦、第一種方法的壞處是：即使使用動(dòng)畫引導(dǎo)怕磨，引導(dǎo)的效果還是不如第二種喂饥，畢竟第二種用戶是親手打開導(dǎo)航的；
B肠鲫、第二種的壞處就是：它需要強(qiáng)迫用戶先完成這個(gè)操作员帮，然后才能進(jìn)行其他操作；相對(duì)而言导饲，這種脅迫會(huì)對(duì)用戶的控制欲造成一些傷害捞高，用戶體驗(yàn)會(huì)打折扣；
4渣锦、小紅點(diǎn)提示硝岗；
利用小紅點(diǎn)解決可見性不高的問題，即在三條杠上面顯示小紅點(diǎn)袋毙；
小紅點(diǎn)有兩種形式：
A型檀、一種是帶數(shù)字的，帶數(shù)字的一般是跟消息有關(guān)系听盖，比如還有兩條消息未處理胀溺，那么小紅點(diǎn)就會(huì)顯示一個(gè)“N”；
B皆看、不帶數(shù)字的一般就是引導(dǎo)作用仓坞，告訴用戶這里有東西需要你查看；
由于小紅點(diǎn)對(duì)于用戶來說確實(shí)體驗(yàn)不太好腰吟，很多人都會(huì)有強(qiáng)烈的強(qiáng)迫癥要消滅這些小紅點(diǎn)无埃；所以，針對(duì)用戶的這種心理蝎困，小紅點(diǎn)反而成為了產(chǎn)品的一種非常高效录语、簡(jiǎn)潔的引導(dǎo)方式；
綜上匯總禾乘，雖然現(xiàn)在越來越多的app在棄用這種導(dǎo)航方式澎埠，但其實(shí)抽屜式導(dǎo)航本身并沒有什么問題，我們要做的始藕，就是找到一個(gè)恰當(dāng)合適的使用場(chǎng)景蒲稳，來讓它為用戶提供價(jià)值所在；在這一點(diǎn)上伍派，很慶幸豆瓣一刻一直堅(jiān)持著使用抽屜式導(dǎo)航江耀；
