Facebook副總裁:為什么我們把漢堡菜單換成了標(biāo)簽欄?
如果你希望某個(gè)重要的東西被用戶看到、用到,那么很簡(jiǎn)單 – 把它放在用戶一定看得到的地方,別讓他們?nèi)フ摇?/p>
幾年前的一個(gè)夏天,我和伙伴們?cè)谂f金山的一幢loft里住了一陣子。
我們一共住過兩個(gè)房間,房型大體相似,面積都在1000平方英尺左右,落地窗,光照充足;自帶廚房,工業(yè)風(fēng)格的樓梯直通開放式的臥室,門是中空的,開開關(guān)關(guān)的動(dòng)靜有些惱人。
區(qū)別在于,其中一個(gè)房間的樓層較高,而另一間位于底層。兩個(gè)房間都有各自的室外活動(dòng)區(qū)域:底層的房間自帶庭院,而樓層較高的房間離樓頂?shù)奶炫_(tái)很近。
我們一開始住在樓層較高的那間房,天臺(tái)的樣子大致可以參考下面這張照片。我們第一次上來的時(shí)候有些小激動(dòng),桌椅一應(yīng)俱全,景觀很棒,大家可以喝喝香檳,玩玩桌游或是看看書。
接下來,我們換到了底層的房間。下面的照片依然只是用來參考,你可以了解到庭院大致的樣子,不過我們的那個(gè)沒有草坪;面積到是不小,足夠擺放沙發(fā)和遮陽傘,周圍有一些盆栽,還有一個(gè)烤肉架。
看到這里你或許會(huì)想,這兩套房使用起來的感覺應(yīng)該差不多,畢竟一間離天臺(tái)很近,而另一間則直通庭院,都還不錯(cuò)的樣子。
實(shí)際上,體驗(yàn)過兩者之后,我去屋頂天臺(tái)的次數(shù),用一只手就能數(shù)的出來。
在同樣長(zhǎng)的時(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ì)師喜歡極簡(jiǎn)主義,喜歡留白,喜歡史塔克家族。我們喜歡把大量功能和選項(xiàng),藏在精致的角落與縫隙中。在菜單里、在抽屜里、在長(zhǎng)按或滑動(dòng)之后。
我們的理由是,“人們學(xué)會(huì)一次后,就會(huì)一直記得?!蔽覀儠?huì)說,“無論我們把它們放在界面的何處,人們都會(huì)做出相同的選擇?!?/p>
真是太容易低估可見性和默認(rèn)項(xiàng)的力量了。
很久以前,F(xiàn)acebook曾經(jīng)一度在移動(dòng)應(yīng)用左上角使用了三橫圖標(biāo)(或者說“漢堡圖標(biāo)”),用來展開應(yīng)用的導(dǎo)航面板。用這種方式來訪問我們網(wǎng)站的各種功能,簡(jiǎn)潔而優(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)藏在菜單或手勢(shì)操作中,非常有誘惑力,我們總會(huì)假定人們想找就能找得到。但多數(shù)人都不會(huì),除非你積極地推薦這些功能。即使你成功地讓人了解到了這些隱藏功能,也需要很長(zhǎng)時(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)?
如果想要什么被看見,被使用,不要讓人去尋找它。把它放在看得見的地方。
#專欄作家#
可樂橙,微信公眾號(hào):可樂橙(colachangreen)。人人都是產(chǎn)品經(jīng)理專欄作家,UI/UX設(shè)計(jì)師,關(guān)注互聯(lián)網(wǎng),關(guān)注科技?,F(xiàn)居杭州,與小伙伴們正在創(chuàng)業(yè)途中?;蛟S不是一名優(yōu)秀的設(shè)計(jì)師,至少是個(gè)快樂的設(shè)計(jì)師。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。
問題的核心在于,用戶沒有從左上角打開菜單的習(xí)慣,
漢堡菜單如果隨win鍵左下角,可以減少很多用戶學(xué)習(xí)的成本。
樓上這位,典型的自我思維。
我覺得庭院和天臺(tái)的休息間各有所愛吧,想我向往天臺(tái),夜晚涼爽透風(fēng),叫上朋友喝酒談情。庭院花草多,但是蚊蟲毫無疑問也會(huì)多,在那里休息,作死嗎