說(shuō)說(shuō)抽屜式導(dǎo)航

Web端設(shè)計(jì)很多時(shí)候是在考慮如何將操作展示給用戶，而mobile的設(shè)計(jì)更多的時(shí)候則是考慮如何將操作巧妙的隱藏起來(lái)。這種隱藏實(shí)際上是對(duì)核心功能的一種突出。

儋州網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)成立與2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

導(dǎo)航始終是產(chǎn)品設(shè)計(jì)的重頭戲，不管在Web端設(shè)計(jì)還是在mobile的設(shè)計(jì)中。之前曾經(jīng)在讀《觸動(dòng)人心》的時(shí)候?qū)戇^(guò)一篇"移動(dòng)產(chǎn)品設(shè)計(jì)之ios導(dǎo)航模式"，其中的導(dǎo)航模式基本都是基于ios系統(tǒng)自身的一些模式，隨著ios新產(chǎn)品的不斷出現(xiàn)，新的導(dǎo)航方式也隨之更新，這里說(shuō)一下"抽屜式"的導(dǎo)航方式。

當(dāng)然，抽屜式導(dǎo)航是我自己給這種導(dǎo)航方式取的名字，至于學(xué)名叫什么，我也不知道。這種導(dǎo)航模式一般采用將導(dǎo)航主體隱藏在app側(cè)邊的方式，以一個(gè)按鈕來(lái)呼出導(dǎo)航，在使用完成之后在使用相同的按鈕隱藏起來(lái)。一拉一縮，從形象上與抽屜類似，于是我這樣稱呼他。

根據(jù)我不完全的考證，這種導(dǎo)航方式始于Facebook。在最早的Facebook App中，一直采用了比較保守的九宮格導(dǎo)航方式，隨著FB的發(fā)展，這種很重的導(dǎo)航方式會(huì)導(dǎo)致用戶Timeline的展示被很大程度上弱化，雖然FB也曾嘗試在用戶進(jìn)入App的時(shí)候直接進(jìn)入Timeline而不是這個(gè)九宮格導(dǎo)航，但是，顯然這種優(yōu)化還不是足夠好。于是，在2011年11月左右，F(xiàn)B發(fā)布了新的ios和android客戶端，其中一個(gè)重要的變化就是導(dǎo)航模式的變化，推出了新的抽屜式的導(dǎo)航，同時(shí)強(qiáng)化了對(duì)Timeline的展示。

FB推出這種新的導(dǎo)航模式不久，Gmail的ios版本同樣采用了這種導(dǎo)航模式，再之后path 2.0版本也采用了這種抽屜式導(dǎo)航并將其演變到極致。至此，這種抽屜式的導(dǎo)航模式迅速竄紅與ios產(chǎn)品設(shè)計(jì)中。

簡(jiǎn)單的定義

一般控制抽屜的把手出現(xiàn)在App的左上角，以按鈕的形式出現(xiàn)，點(diǎn)擊按鈕之后抽屜被拉開(kāi)，按鈕被拉到App的右上角，左側(cè)區(qū)域被拉開(kāi)（抽屜）后顯示出導(dǎo)航內(nèi)容。導(dǎo)航的內(nèi)容可以是以列表形式展示的常規(guī)2級(jí)導(dǎo)航，也可以將一些非常用的快捷操作入口直接放進(jìn)來(lái)，如FB的搜索。具體形式如下圖

當(dāng)然，這種抽屜也存在一些變種，目前以path和sparrow較為突出。path不僅將主導(dǎo)航作為一種抽屜，同時(shí)底部的操作按鈕也是一種變種的抽屜；而sparrow則增加了抽屜的層級(jí)，在一級(jí)抽屜被打開(kāi)之后還可以再繼續(xù)拉開(kāi)一層抽屜。另外，米途訂酒店則將全部的酒店預(yù)訂過(guò)程化作一種抽屜，也是一種很不錯(cuò)的形式。

另外，對(duì)于一些需要用到消息提醒的應(yīng)用，抽屜的出現(xiàn)會(huì)給消息的展示帶來(lái)新的麻煩，因此，很多的抽屜導(dǎo)航會(huì)將消息展示在Title區(qū)域里，以一個(gè)入口的形式來(lái)展示。典型的如Facebook、快捷酒店管家。

抽屜導(dǎo)航的核心思路

抽屜式導(dǎo)航的核心思路是"隱藏"。隱藏非核心的操作與功能，讓用戶更專注于核心的功能操作上去。個(gè)人認(rèn)為，隱藏的思維是移動(dòng)產(chǎn)品設(shè)計(jì)中最核心的一個(gè)思想。上周在極客公園分享了關(guān)于如何應(yīng)用縮小、隱藏、賦加的思路來(lái)做移動(dòng)產(chǎn)品設(shè)計(jì)的話題，而這個(gè)思路中最最核心的恰恰是隱藏。

Facebook中，用戶核心的操作是閱讀Timline，所以抽屜里隱藏了所有其他的操作；Path中，用戶的核心操作還是看好友的Timeline，所以抽屜里隱藏了其他的操作，同時(shí)UGC的操作又必不可少，因此path在左下角也用了一個(gè)抽屜；在Sparrow里，用戶看新郵件的頻率大于查看歸檔郵件的頻率，因此抽屜里隱藏了郵件類型等操作，同時(shí)為了平衡發(fā)郵件的需求，在右下角單獨(dú)留了一個(gè)入口；在快捷酒店管家里，用戶的核心操作是通過(guò)地圖尋找附近的快捷酒店，所以抽屜里隱藏了切換城市等其他操作……

3月份的時(shí)候我曾在微博上說(shuō)，這種導(dǎo)航方式會(huì)逐漸流行，推測(cè)的依據(jù)就是隨著移動(dòng)產(chǎn)品設(shè)計(jì)的演進(jìn)，越來(lái)越多的產(chǎn)品設(shè)計(jì)師開(kāi)始認(rèn)識(shí)到只有讓核心更突出才能提高整體產(chǎn)品的體驗(yàn)，只有不斷降低用戶的干擾才能不斷提高用戶的使用效率。

不適合抽屜式導(dǎo)航的App

需要用戶不斷在導(dǎo)航間進(jìn)行切換的App、沒(méi)必要有太多導(dǎo)航的App、或者核心功能就是一堆入口的App。

文章來(lái)源：ikent.me

網(wǎng)站欄目：說(shuō)說(shuō)抽屜式導(dǎo)航
轉(zhuǎn)載來(lái)源：http://muchs.cn/article48/chsdhp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、服務(wù)器托管、Google、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(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)