很多設(shè)計(jì)師為了簡潔，都喜歡把功能和選項(xiàng)放到漢堡菜單里，曾經(jīng)的Facebook 就是這么做的，不過現(xiàn)在已經(jīng)改成了標(biāo)簽欄。究竟是什么原因讓設(shè)計(jì)師做出這個(gè)選擇?今天這篇是Facebook前產(chǎn)品總監(jiān)，現(xiàn)副總裁的Julie Zhuo寫的，她會(huì)為你揭曉答案。

作者介紹

Facebook 的產(chǎn)品總監(jiān)Julie Zhuo 是一位經(jīng)歷傳奇的女性，2006 年進(jìn)入臉書后，職位像火箭般不斷攀升，現(xiàn)在已經(jīng)是Facebook 的VP了。她的Medium (https://medium.com/@joulee)幾乎是最受歡迎的設(shè)計(jì)師個(gè)人博客，國內(nèi)有很多設(shè)計(jì)師都是她的忠實(shí)讀者。這里有幾篇她的文章，可以讓你學(xué)習(xí)：

幾年前的夏天，我有幸住過舊金山一幢公寓樓的兩間獨(dú)立套房。

由于是同一幢建筑，你肯定會(huì)認(rèn)為兩間房非常相似，也確實(shí)如此。兩者大約都是90平米，都有巨大的網(wǎng)格狀玻璃窗，大量的陽光傾瀉而入(也帶來了熱量——我們總是戲稱這里就像我老家德克薩斯州：每逢下午都有90度)。兩套都有同樣的角落廚房、通向開放式臥室的工業(yè)風(fēng)樓梯，還有煩人的中空門。

唯一的區(qū)別在于，前者在頂層，后者在一樓。為什么這一點(diǎn)如此重要?嗯……公寓頂層的視野更開闊。雖然兩者都有戶外空間，公寓一樓附帶有后院花園，公寓頂層則帶有樓頂私密空間。

我們首先住了帶有樓頂天臺(tái)的那套。雖然它不像下圖這么奢華，但我們上樓探索時(shí)感到非常興奮。有一張小桌子和幾把椅子，還有漂亮的城市景觀，最適合下午4點(diǎn)一伙朋友喝著紅酒玩卡坦島(一種桌游)，或者霧靄漸濃時(shí)讀上一本好書。

△ 這是個(gè)非常拉風(fēng)的天臺(tái)

搬家了，我們告別了屋頂天臺(tái)，迎接我們的是私家花園。同樣的，下面這張漂亮的圖片，只是示意圖。我們的花園實(shí)際上沒有草，不過足夠大，能放得下沙發(fā)和傘，還有一些盆栽植物和一副燒烤架。

△ 這是個(gè)非常拉風(fēng)的花園

理論上，你會(huì)覺得把屋頂天臺(tái)換成花園非常公平。我是指，一個(gè)有開闊視野，另一個(gè)易于進(jìn)出。有得必有失，很公平。

實(shí)際上，體驗(yàn)過兩者之后，我去屋頂天臺(tái)的次數(shù)，用一只手就能數(shù)的出來。

在同樣長的時(shí)間里，我們?nèi)セ▓@就相當(dāng)頻繁，每個(gè)(晴朗)午后都會(huì)去。

我一直在想這個(gè)問題。

事實(shí)是，沒有任何一個(gè)天臺(tái)的使用率能夠比得上花園或院子，無論它多討人喜歡、設(shè)施多完備。

我們住在公寓一樓時(shí)，我們每次看向窗外，都能瞥見花園。每天能看到20次、50次、100次，我們的眼睛看見了舒適的沙發(fā)和遮陽傘。它就在那里。都不必下意識(shí)去想，我們發(fā)現(xiàn)自己總是想找理由去外面，享受美好的天氣。無論是在筆記本上辦公，與朋友閑逛，或是正在燒烤。

住在公寓頂樓時(shí)，我們每天都看不見天臺(tái)。它并不是難以到達(dá)——上樓大概只要30秒。但它不在視野內(nèi)。我們得記住它的存在，并且要下決心到上面去。上去所需的意愿，和逛周邊商店與公園是同等水平。當(dāng)然，如果我們邀請(qǐng)了客人來，想讓他們大開眼界，就會(huì)帶他們上天臺(tái)。但是，我們從不會(huì)偶然想起那些桌椅和絕妙的景觀。我們很容易忘了有這樣一個(gè)天臺(tái)。所以，哎，幾乎沒怎么用過它。

設(shè)計(jì)用戶界面時(shí)，我常常想起花園與天臺(tái)。

我們?cè)O(shè)計(jì)師喜歡極簡主義，喜歡留白，喜歡史塔克家族。我們喜歡把大量功能和選項(xiàng)，藏在精致的角落與縫隙中。在菜單里、在抽屜里、在長按或滑動(dòng)之后。

我們的理由是，“人們學(xué)會(huì)一次后，就會(huì)一直記得。”我們會(huì)說，“無論我們把它們放在界面的何處，人們都會(huì)做出相同的選擇。”

真是太容易低估可見性和默認(rèn)項(xiàng)的力量了。

很久以前，F(xiàn)acebook曾經(jīng)一度在移動(dòng)應(yīng)用左上角使用了三橫圖標(biāo)(或者說“漢堡圖標(biāo)”)，用來展開應(yīng)用的導(dǎo)航面板。用這種方式來訪問我們網(wǎng)站的各種功能，簡潔而優(yōu)美。(作為獎(jiǎng)勵(lì)，我們的移動(dòng)應(yīng)用和桌面網(wǎng)站都統(tǒng)一使用了這種導(dǎo)航菜單。)我們把側(cè)滑抽屜導(dǎo)航發(fā)揚(yáng)光大了，如今許多應(yīng)用中仍然能看到這種設(shè)計(jì)模式。

△ 漢堡菜單圖標(biāo)的導(dǎo)航面板

不幸的是，漢堡菜單就是一個(gè)天臺(tái)。你只有想著“我要進(jìn)入XXX”的時(shí)候才會(huì)去點(diǎn)它。這就是典型的眼不見心不煩。

我們采用了標(biāo)準(zhǔn)的標(biāo)簽欄，由天臺(tái)變成了花園。雖然它在屏幕上增加了元素，但這是一種熟悉的模式，高效得多，幫助人們發(fā)現(xiàn)和進(jìn)入我們的頂級(jí)功能。

我發(fā)現(xiàn)還有許多其他例子，關(guān)于天臺(tái)與花園在UI設(shè)計(jì)中的討論：

入口：

設(shè)計(jì)新功能時(shí)，第一步往往是直接開始設(shè)計(jì)原型，展示這部分功能如何運(yùn)轉(zhuǎn)。這就像是在設(shè)計(jì)戶外空間的格局與陳設(shè)，卻沒有問過“它在房子后面還是在屋頂?”首先應(yīng)該要問“如何讓人們發(fā)現(xiàn)這個(gè)功能?”要使你的作品成功，確定入口更加困難也更加重要，勝過反復(fù)討論這項(xiàng)功能如何使用的具體細(xì)節(jié)。

菜單：

把一大堆選項(xiàng)藏在菜單或手勢操作中，非常有誘惑力，我們總會(huì)假定人們想找就能找得到。但多數(shù)人都不會(huì)，除非你積極地推薦這些功能。即使你成功地讓人了解到了這些隱藏功能，也需要很長時(shí)間使它成為一種常識(shí)。如果一定要讓用戶知曉這些功能，就該明確地展示出來。如果不重要，考慮干脆把它去掉，降低認(rèn)知負(fù)荷。

提供選擇：

面對(duì)沒有明顯答案的問題，要做出艱難的產(chǎn)品決策，有時(shí)候團(tuán)隊(duì)會(huì)勉強(qiáng)接受“干脆讓用戶自己選擇”。這么做時(shí)，要知道絕大多數(shù)(80%或90%)會(huì)選擇你提供的默認(rèn)項(xiàng)，無論是什么，所以你其實(shí)并不能避開這個(gè)艱難的產(chǎn)品決策。(不提供默認(rèn)項(xiàng)則更加糟糕：你會(huì)流失一大批根本不愿意做選擇的用戶。)

環(huán)境操作：

人們正在使用或?yàn)g覽時(shí)，可以推薦一些類似的事情讓他們做或看。正在閱讀奧運(yùn)的文章?你可能還對(duì)這個(gè)發(fā)布者的其他奧運(yùn)報(bào)導(dǎo)感興趣。這張中世紀(jì)浴室的照片讓你深受啟發(fā)?請(qǐng)看其他浴室照片，為家庭裝修項(xiàng)目提供靈感。正在對(duì)星標(biāo)郵件分類?這里還有些你標(biāo)記了稍后處理的東西，或許你現(xiàn)在有時(shí)間處理。這是體驗(yàn)設(shè)計(jì)中最有效的模式之一。

利用現(xiàn)有渠道：

現(xiàn)有的分發(fā)渠道的力量在于，已經(jīng)有很多人在用了。寫文章發(fā)布到個(gè)人網(wǎng)站，這相當(dāng)于天臺(tái)。寫文章分享到Medium、Facebook、Twitter、<此處填寫你的選擇>，相當(dāng)于花園，能夠捕獲更多流量。這點(diǎn)適用于任何獨(dú)立空間、頁面、App、標(biāo)簽頁或書簽。問問自己：我需要?jiǎng)?chuàng)造自己的渠道嗎，還是用其他渠道能更快幫助我達(dá)成目標(biāo)?

如果想要什么被看見，被使用，不要讓人去尋找它。把它放在看得見的地方。