看得見的才是有用的

[國外設(shè)計第144期]

幾年前的夏天匹耕,我有幸住過舊金山一幢公寓樓的兩間獨立套房冕房。

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

唯一的區(qū)別在于洋机,前者在頂層坠宴,后者在一樓。為什么這一點如此重要绷旗?嗯……公寓頂層的視野更開闊喜鼓。雖然兩者都有戶外空間,公寓一樓附帶有后院花園衔肢,公寓頂層則帶有樓頂私密空間庄岖。

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

這是個非常拉風(fēng)的天臺

搬家了蝉揍,我們告別了屋頂天臺链峭,迎接我們的是私家花園。同樣的又沾,下面這張漂亮的圖片弊仪,只是示意圖。我們的花園實際上沒有草捍掺,不過足夠大撼短,能放得下沙發(fā)和傘再膳,還有一些盆栽植物和一副燒烤架挺勿。

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

理論上,你會覺得把屋頂天臺換成花園非常公平喂柒。我是指不瓶,一個有開闊視野,另一個易于進(jìn)出灾杰。有得必有失蚊丐,很公平。

實際上艳吠,體驗過兩者之后麦备,我去屋頂天臺的次數(shù),用一只手就能數(shù)的出來。

在同樣長的時間里凛篙,我們?nèi)セ▓@就相當(dāng)頻繁黍匾,每個(晴朗)午后都會去。

我一直在想這個問題呛梆。

事實是锐涯,沒有任何一個天臺的使用率能夠比得上花園或院子,無論它多討人喜歡填物、設(shè)施多完備纹腌。

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

住在公寓頂樓時白筹,我們每天都看不見天臺。它并不是難以到達(dá)——上樓大概只要30秒谅摄。但它不在視野內(nèi)徒河。我們得記住它的存在,并且要下決心到上面去送漠。上去所需的意愿顽照,和逛周邊商店與公園是同等水平。當(dāng)然闽寡,如果我們邀請了客人來代兵,想讓他們大開眼界,就會帶他們上天臺爷狈。但是植影,我們從不會偶然想起那些桌椅和絕妙的景觀。我們很容易忘了有這樣一個天臺涎永。所以思币,哎鹿响,幾乎沒怎么用過它。

設(shè)計用戶界面時谷饿,我常常想起花園與天臺抢野。

我們設(shè)計師喜歡極簡主義,喜歡留白各墨,喜歡史塔克家族指孤。我們喜歡把大量功能和選項,藏在精致的角落與縫隙中贬堵。在菜單里恃轩、在抽屜里、在長按或滑動之后黎做。

我們的理由是叉跛,“人們學(xué)會一次后,就會一直記得蒸殿】昀澹”我們會說,“無論我們把它們放在界面的何處宏所,人們都會做出相同的選擇酥艳。”

真是太容易低估可見性和默認(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)品決策蒲列,有時候團(tuán)隊會勉強(qiáng)接受“干脆讓用戶自己選擇”。這么做時搀罢,要知道絕大多數(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)疏遏?

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


原文鏈接:https://medium.com/the-year-of-the-looking-glass/what-you-see-is-what-you-use-5a97677a8c71#.fzs4uyirv

作者信息:Julie Zhuo
Product design VP @ Facebook. Self-professed tyro and lover of food, games, words. Follow me as @joulee or on www.juliezhuo.com

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末司致,一起剝皮案震驚了整個濱河市拆吆,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌脂矫,老刑警劉巖枣耀,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異羹唠,居然都是意外死亡奕枢,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門佩微,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缝彬,“玉大人,你說我怎么就攤上這事哺眯」惹常” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵奶卓,是天一觀的道長一疯。 經(jīng)常有香客問我,道長夺姑,這世上最難降的妖魔是什么墩邀? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮盏浙,結(jié)果婚禮上眉睹,老公的妹妹穿的比我還像新娘。我一直安慰自己废膘,他們只是感情好竹海,可當(dāng)我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著丐黄,像睡著了一般斋配。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上灌闺,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天艰争,我揣著相機(jī)與錄音,去河邊找鬼桂对。 笑死园细,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的接校。 我是一名探鬼主播猛频,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蛛勉!你這毒婦竟也來了鹿寻?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤诽凌,失蹤者是張志新(化名)和其女友劉穎毡熏,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體侣诵,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡痢法,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年狱窘,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片财搁。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡蘸炸,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出尖奔,到底是詐尸還是另有隱情搭儒,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布提茁,位于F島的核電站淹禾,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏茴扁。R本人自食惡果不足惜铃岔,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望峭火。 院中可真熱鬧德撬,春花似錦、人聲如沸躲胳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽坯苹。三九已至隆檀,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間粹湃,已是汗流浹背恐仑。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留为鳄,地道東北人裳仆。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像孤钦,于是被迫代替她去往敵國和親歧斟。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容

  • 功能看得見才是有用的 專為0基礎(chǔ)小白量身打造的UI設(shè)計入門課程(ps偏形,ai軟件+圖標(biāo)技巧)静袖,在線學(xué)習(xí)2個月包教會(...
    founderdesign閱讀 100評論 0 1
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件俊扭、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,033評論 4 62
  • 等待似白色的糖一般沉淀在咖啡杯最深處一分又一秒的融化在胃里頭 張國榮曾經(jīng)說過仇矾,“越是等待,越是美麗解总≈埃”然而,等待是...
    膠地人閱讀 840評論 5 7
  • 昨晚電極老師給我們上了一節(jié)課,他用自己的10個創(chuàng)業(yè)案例為我們說明了一個很淺顯易懂的道理壤追,教會我們?nèi)绾稳フ覝?zhǔn)創(chuàng)業(yè)的方...
    葉瀅YeYing閱讀 2,609評論 2 1
  • 1.添加百度地圖api后一直編譯不了磕道,查閱資料,找到解決方案(感謝提供方案的人)Build Settings中的O...
    jiangamh閱讀 2,217評論 0 0