本文講的是你的設(shè)計(jì)應(yīng)該「所見即所得」，

幾年前的一個夏天，我有機(jī)會住在舊金山里同一棟樓不同單元的兩個 Loft 公寓中。

由于這是同一棟樓，所以你可能會想這兩個單元應(yīng)該是相似的。的確，它們都有1000平方英尺的面積，墻壁上全是巨大的格子窗戶，使得陽光和溫度能傾瀉到屋子里（住在屋子里就像我的故鄉(xiāng)德克薩斯州一樣，正午陽光與地面的角度有90度）。它們的屋子一角都有廚房，還有金屬樓梯延伸到二樓的開放式臥室，以及那個煩人的中空門。

最大的不同就是我們待的第一個公寓是在高層，而第二個公寓是在底層。為何這會差別這么大呢？高層的公寓有更棒的視野。而兩個公寓都有戶外空間，底層公寓的戶外空間是后院，而高層公寓的戶外空間更為隱私，是樓頂?shù)奶炫_。

我們待的第一個公寓有一個露天的天臺。可能并沒有下圖那么奢華，但是當(dāng)我們第一次看到露臺的時候大家都興奮不已。露臺上幾張椅子圍著一張小桌子，而且可以看到很棒的城市的景色，最棒的就是下午四點(diǎn)跟朋友小酌一杯，來一盤卡坦島拓荒者，或者在濃霧中讀一本很棒的書。

這真是一個超棒的露臺。

當(dāng)我們要搬走的時候，我們告別了天頂露臺，迎接我們的是一個小巧的后院。下面的效果圖只是為了簡單示意，實(shí)際上我們的后院并沒有草地，但有足夠大的長沙發(fā)和遮陽傘，一些盆栽還有一個烤架。

這真是一個超棒的后院。

你可能會想到，這兩個公共空間是各有優(yōu)缺點(diǎn)的。我的意思是，一個擁有極佳的視野，而另一個又很方便進(jìn)出。有得必有所失。

事實(shí)上，在兩個不同的公寓生活后，我們在露臺上享受的時光屈指可數(shù)。

在同樣長的時間內(nèi)，_每一個陽光午后_我們都會待在露臺上。

我很懷念當(dāng)時的時光。

而事實(shí)上，無論天臺多么可愛、裝潢得多么漂亮，它的使用次數(shù)也不會跟后院的使用次數(shù)差不多。

當(dāng)我們搬到了底層的公寓，我們可以時刻透過窗戶看到外面的院子。一天20次、50次，甚至上百次，我們會看到院子里舒服的躺椅還有陰涼的遮陽傘，就在我們眼前。我們會在天氣很棒的時候不自覺地走進(jìn)后院，在院子里辦公，與朋友閑談或者串著燒烤。

當(dāng)我們住在頂層公寓的時候，我們并不會天天看到露天天臺。但實(shí)際上走上天臺只需要大概30秒的時間，這并不困難。但天臺并不在我們的視野內(nèi)，我們必須想到天臺的時候才會走上去。這樣的想法就跟決定出發(fā)去樓下小賣部或者公園一樣。同樣的，如果我們有訪客，我們才會想到帶他上樓，讓他贊嘆一下我們的天臺。我們并不會在屋里閑逛的時候被窗外的景色吸引而跑上天臺。我們很容易忘記它的存在，所以我們很少使用露天天臺。

我在設(shè)計(jì)界面的時候，常常會想到天臺和后院的例子。

我們設(shè)計(jì)師很喜歡極簡的界面，留白及靜謐。我們鐘情于將大量的功能和操作以優(yōu)雅地方式隱藏于視野之外。藏在菜單之后、抽屜列表之內(nèi)，亦或長按或者輕掃之后。

我們的理由就是，“人們學(xué)過一次的操作，他們下次就會知道怎么使用了。”還會說，“無論我們把操作放在界面的哪里，用戶都會有相同的選擇。”

我們可以很容易地證明可見性和初始狀態(tài)的重要性。

很久以前，Facebook 在移動客戶端的左上角使用面包屑導(dǎo)航來組織信息。這是一個很簡潔很優(yōu)雅、用于區(qū)分不同功能模塊的方式。（而且這個導(dǎo)航菜單可以保證手機(jī)客戶端的信息跟網(wǎng)站相一致）這個滑動展開的側(cè)導(dǎo)航也漸漸成為主流，目前市面上依舊有很多應(yīng)用使用這樣的導(dǎo)航。

漢堡包圖標(biāo)導(dǎo)航窗格

但很可惜，漢堡包導(dǎo)航菜單就像露天天臺。當(dāng)你想到“我想前往 X”的時候才會點(diǎn)擊。這是典型的_看不到就想不到_。

我們改回了標(biāo)準(zhǔn)的底部標(biāo)簽導(dǎo)航方式，就像從天臺到了后院。屏幕上多了更多的元素，但這是個十分常見而且很高效的方式，幫助我們的用戶更好地看到我們主要的功能模塊，并方便其點(diǎn)擊跳轉(zhuǎn)前往。

我找到了一些界面設(shè)計(jì)中關(guān)于_天臺_和_后院_的討論觀點(diǎn)：

• 入口處：當(dāng)我們設(shè)計(jì)一個新功能的時候，通常第一步就是直接展示一個理想的原型給用戶，同時將新功能的特性以及該如何使用都告訴用戶。這個設(shè)計(jì)思路就跟你在思考你家戶外空間的布局和構(gòu)造一樣，首先需要問自己“這公共空間是在房子后面還是在樓頂？”設(shè)計(jì)界面的時候應(yīng)該問自己“用戶是如何發(fā)現(xiàn)這些功能的？”合理規(guī)劃入口的位置是一件十分困難而且對于你產(chǎn)品的成功與否至關(guān)重要的事情，相較而言，爭論用戶點(diǎn)擊之后呈現(xiàn)的功能則沒這么重要。

• 菜單欄：我們試圖將大量的功能藏在菜單和手勢之后，并且假想用戶每次的操作都有明確的點(diǎn)擊目標(biāo)。可是大部分用戶卻不是這樣的，除非設(shè)計(jì)的時候把某些功能特殊提及。即使你成功地通過隱喻等手法讓用戶知道如何操作，但是讓用戶養(yǎng)成操作習(xí)慣也需要很長的時間。如果這個功能對于大部分用戶而言是十分重要的，那么你就需要強(qiáng)調(diào)它。如果這個功能并不重要，則需要考慮要不要去掉這個功能以便減少用戶的認(rèn)知負(fù)擔(dān)。

• 讓用戶做選擇：當(dāng)設(shè)計(jì)時遇到如何安排并組織功能的時候，有時候沒有明確的答案，設(shè)計(jì)團(tuán)隊(duì)常常會說，“我們把選擇權(quán)交給用戶吧。”當(dāng)你這樣做的時候，大部分的用戶（80%到90%）都會選擇有初始內(nèi)容的方案，所以合理地規(guī)劃功能內(nèi)容是設(shè)計(jì)團(tuán)隊(duì)無法避免的工作。（完全不展示初始內(nèi)容的思路是十分錯誤的，你很有可能喪失很大一部分不愿意做操作選擇的用戶）

• 相關(guān)的操作：當(dāng)用戶已經(jīng)在做某件事或看某物的時候，向他推薦相似的內(nèi)容，他更容易受之吸引。正在看關(guān)于奧運(yùn)會的文章？那么你可能會對這個作者的其他奧運(yùn)文章感興趣。被這張中世紀(jì)風(fēng)格的臥室所吸引？那么為了你的重新裝潢計(jì)劃來看看其他令人驚艷的臥室照片吧。正在給你的郵件事件進(jìn)行標(biāo)星分類？那么還有這些事件也是你現(xiàn)在應(yīng)該需要考慮的。這些都是在體驗(yàn)設(shè)計(jì)中十分高效的典型例子。

• 使用具有號召力的平臺：有號召力的平臺的優(yōu)勢就是他們已經(jīng)擁有大量的用戶。寫一篇文章并且放在我的個人網(wǎng)站上就像“天臺”一樣。寫一篇文章并且分享到 Medium, Facebook, Twitter 上，就好像“后院”一樣，可以獲得更多的流量。這個策略可以應(yīng)用于所有其他獨(dú)立的設(shè)計(jì)中，比如網(wǎng)站空間、網(wǎng)頁、App、頁簽導(dǎo)航或者書簽。問問自己，我是否真的需要創(chuàng)建我自己的平臺？是否有更方便的平臺幫助我完成我的目標(biāo)？

如果你想要產(chǎn)品的功能被用戶發(fā)現(xiàn)并使用，把它放在用戶看得見的地方吧。

原文發(fā)布時間為：2016年09月10日
本文來自云棲社區(qū)合作伙伴掘金，了解相關(guān)信息可以關(guān)注掘金網(wǎng)站。

總結(jié)

以上是生活随笔為你收集整理的你的设计应该「所见即所得」的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。