Facebook副總裁:為什么我們把漢堡菜單換成了標(biāo)簽欄?
如果你希望某個重要的東西被用戶看到、用到,那么很簡單 – 把它放在用戶一定看得到的地方,別讓他們?nèi)フ摇?/p>
幾年前的一個夏天,我和伙伴們在舊金山的一幢loft里住了一陣子。
我們一共住過兩個房間,房型大體相似,面積都在1000平方英尺左右,落地窗,光照充足;自帶廚房,工業(yè)風(fēng)格的樓梯直通開放式的臥室,門是中空的,開開關(guān)關(guān)的動靜有些惱人。
區(qū)別在于,其中一個房間的樓層較高,而另一間位于底層。兩個房間都有各自的室外活動區(qū)域:底層的房間自帶庭院,而樓層較高的房間離樓頂?shù)奶炫_很近。
我們一開始住在樓層較高的那間房,天臺的樣子大致可以參考下面這張照片。我們第一次上來的時候有些小激動,桌椅一應(yīng)俱全,景觀很棒,大家可以喝喝香檳,玩玩桌游或是看看書。
接下來,我們換到了底層的房間。下面的照片依然只是用來參考,你可以了解到庭院大致的樣子,不過我們的那個沒有草坪;面積到是不小,足夠擺放沙發(fā)和遮陽傘,周圍有一些盆栽,還有一個烤肉架。
看到這里你或許會想,這兩套房使用起來的感覺應(yīng)該差不多,畢竟一間離天臺很近,而另一間則直通庭院,都還不錯的樣子。
實際上,體驗過兩者之后,我去屋頂天臺的次數(shù),用一只手就能數(shù)的出來。
在同樣長的時間里,我們?nèi)セ▓@就相當(dāng)頻繁,每個(晴朗)午后都會去。
我一直在想這個問題。
事實是,沒有任何一個天臺的使用率能夠比得上花園或院子,無論它多討人喜歡、設(shè)施多完備。
我們住在公寓一樓時,我們每次看向窗外,都能瞥見花園。每天能看到20次、50次、100次,我們的眼睛看見了舒適的沙發(fā)和遮陽傘。它就在那里。都不必下意識去想,我們發(fā)現(xiàn)自己總是想找理由去外面,享受美好的天氣。無論是在筆記本上辦公,與朋友閑逛,或是正在燒烤。
住在公寓頂樓時,我們每天都看不見天臺。它并不是難以到達(dá)——上樓大概只要30秒。但它不在視野內(nèi)。我們得記住它的存在,并且要下決心到上面去。上去所需的意愿,和逛周邊商店與公園是同等水平。當(dāng)然,如果我們邀請了客人來,想讓他們大開眼界,就會帶他們上天臺。但是,我們從不會偶然想起那些桌椅和絕妙的景觀。我們很容易忘了有這樣一個天臺。所以,哎,幾乎沒怎么用過它。
設(shè)計用戶界面時,我常常想起花園與天臺。
我們設(shè)計師喜歡極簡主義,喜歡留白,喜歡史塔克家族。我們喜歡把大量功能和選項,藏在精致的角落與縫隙中。在菜單里、在抽屜里、在長按或滑動之后。
我們的理由是,“人們學(xué)會一次后,就會一直記得?!蔽覀儠f,“無論我們把它們放在界面的何處,人們都會做出相同的選擇?!?/p>
真是太容易低估可見性和默認(rèn)項的力量了。
很久以前,F(xiàn)acebook曾經(jīng)一度在移動應(yīng)用左上角使用了三橫圖標(biāo)(或者說“漢堡圖標(biāo)”),用來展開應(yīng)用的導(dǎo)航面板。用這種方式來訪問我們網(wǎng)站的各種功能,簡潔而優(yōu)美。(作為獎勵,我們的移動應(yīng)用和桌面網(wǎng)站都統(tǒng)一使用了這種導(dǎo)航菜單。)我們把側(cè)滑抽屜導(dǎo)航發(fā)揚光大了,如今許多應(yīng)用中仍然能看到這種設(shè)計模式。
漢堡菜單圖標(biāo)的導(dǎo)航面板
不幸的是,漢堡菜單就是一個天臺。你只有想著“我要進(jìn)入XXX”的時候才會去點它。這就是典型的眼不見心不煩。
我們采用了標(biāo)準(zhǔn)的標(biāo)簽欄,由天臺變成了花園。雖然它在屏幕上增加了元素,但這是一種熟悉的模式,高效得多,幫助人們發(fā)現(xiàn)和進(jìn)入我們的頂級功能。
我發(fā)現(xiàn)還有許多其他例子,關(guān)于天臺與花園在UI設(shè)計中的討論:
入口:
設(shè)計新功能時,第一步往往是直接開始設(shè)計原型,展示這部分功能如何運轉(zhuǎn)。這就像是在設(shè)計戶外空間的格局與陳設(shè),卻沒有問過“它在房子后面還是在屋頂?”首先應(yīng)該要問“如何讓人們發(fā)現(xiàn)這個功能?”要使你的作品成功,確定入口更加困難也更加重要,勝過反復(fù)討論這項功能如何使用的具體細(xì)節(jié)。
菜單:
把一大堆選項藏在菜單或手勢操作中,非常有誘惑力,我們總會假定人們想找就能找得到。但多數(shù)人都不會,除非你積極地推薦這些功能。即使你成功地讓人了解到了這些隱藏功能,也需要很長時間使它成為一種常識。如果一定要讓用戶知曉這些功能,就該明確地展示出來。如果不重要,考慮干脆把它去掉,降低認(rèn)知負(fù)荷。
提供選擇:
面對沒有明顯答案的問題,要做出艱難的產(chǎn)品決策,有時候團隊會勉強接受“干脆讓用戶自己選擇”。這么做時,要知道絕大多數(shù)(80%或90%)會選擇你提供的默認(rèn)項,無論是什么,所以你其實并不能避開這個艱難的產(chǎn)品決策。(不提供默認(rèn)項則更加糟糕:你會流失一大批根本不愿意做選擇的用戶。)
環(huán)境操作:
人們正在使用或瀏覽時,可以推薦一些類似的事情讓他們做或看。正在閱讀奧運的文章?你可能還對這個發(fā)布者的其他奧運報導(dǎo)感興趣。這張中世紀(jì)浴室的照片讓你深受啟發(fā)?請看其他浴室照片,為家庭裝修項目提供靈感。正在對星標(biāo)郵件分類?這里還有些你標(biāo)記了稍后處理的東西,或許你現(xiàn)在有時間處理。這是體驗設(shè)計中最有效的模式之一。
利用現(xiàn)有渠道:
現(xiàn)有的分發(fā)渠道的力量在于,已經(jīng)有很多人在用了。寫文章發(fā)布到個人網(wǎng)站,這相當(dāng)于天臺。寫文章分享到Medium、Facebook、Twitter、<此處填寫你的選擇>,相當(dāng)于花園,能夠捕獲更多流量。這點適用于任何獨立空間、頁面、App、標(biāo)簽頁或書簽。問問自己:我需要創(chuàng)造自己的渠道嗎,還是用其他渠道能更快幫助我達(dá)成目標(biāo)?
如果想要什么被看見,被使用,不要讓人去尋找它。把它放在看得見的地方。
#專欄作家#
可樂橙,微信公眾號:可樂橙(colachangreen)。人人都是產(chǎn)品經(jīng)理專欄作家,UI/UX設(shè)計師,關(guān)注互聯(lián)網(wǎng),關(guān)注科技。現(xiàn)居杭州,與小伙伴們正在創(chuàng)業(yè)途中。或許不是一名優(yōu)秀的設(shè)計師,至少是個快樂的設(shè)計師。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。
問題的核心在于,用戶沒有從左上角打開菜單的習(xí)慣,
漢堡菜單如果隨win鍵左下角,可以減少很多用戶學(xué)習(xí)的成本。
樓上這位,典型的自我思維。
我覺得庭院和天臺的休息間各有所愛吧,想我向往天臺,夜晚涼爽透風(fēng),叫上朋友喝酒談情。庭院花草多,但是蚊蟲毫無疑問也會多,在那里休息,作死嗎