英文原文：A house designed like a web application

　　導(dǎo)讀：本文的作者David Galbraith是一名建筑設(shè)計(jì)師，同時(shí)也是一名優(yōu)秀的Web設(shè)計(jì)師，擅長(zhǎng)產(chǎn)品的用戶體驗(yàn)設(shè)計(jì)。文中作者通過(guò)一個(gè)實(shí)例來(lái)講述用Web設(shè)計(jì)的理念去設(shè)計(jì)一個(gè)建筑，怎么樣使一個(gè)建筑像Web程序一樣更加人性化，更加符合用戶體驗(yàn)。

　　以下是文章全文：

　　自從我擁有建筑設(shè)計(jì)師和Web設(shè)計(jì)師的雙重身份之后，我常想，如果像設(shè)計(jì)Web應(yīng)用程序一樣去設(shè)計(jì)建筑一定會(huì)是件非常有趣的事情。

　　Web設(shè)計(jì) VS 建筑&產(chǎn)品設(shè)計(jì)

　　最近幾年，隨著那些較之傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)師更像建筑設(shè)計(jì)師的用戶體驗(yàn)專家不斷增多，網(wǎng)頁(yè)設(shè)計(jì)逐漸開(kāi)始發(fā)展起來(lái)了。當(dāng)然，這并不是說(shuō)傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)師不擅長(zhǎng)用戶體驗(yàn)設(shè)計(jì)，只是說(shuō)目前網(wǎng)頁(yè)設(shè)計(jì)師這個(gè)角色逐漸被大眾理解為是單純美工設(shè)計(jì)人員。

　　當(dāng)然，這也不是說(shuō)美工不重要的，主要是因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)不僅僅是靠美工設(shè)計(jì)就可以完成的，而是需要通過(guò)一個(gè)完整的產(chǎn)品設(shè)計(jì)來(lái)呈現(xiàn)出來(lái)。例如，有許多公司的Flash網(wǎng)站，美工設(shè)計(jì)非常精美，但是在實(shí)用功能上卻非常欠缺。與此形成鮮明對(duì)比的是，另外一些實(shí)用主義者例如Jakob Nielsen設(shè)計(jì)的網(wǎng)站，實(shí)用性非常好，但美觀度實(shí)在令人不敢恭維。用戶體驗(yàn)不僅僅是由功能性決定的，而是由包括歷史、文化及認(rèn)知等眾多因素決定的。否則的話，也不會(huì)有人去使用qwerty鍵盤(pán)或者駕駛被限速的保時(shí)捷。

　　因?yàn)?a href=/yuedu/hulianwang/ target=_blank class=infotextkey>互聯(lián)網(wǎng)相對(duì)而言還是一個(gè)新事物，網(wǎng)頁(yè)設(shè)計(jì)在能夠反映出建筑師和產(chǎn)品設(shè)計(jì)師所扮演角色的不同之前，仍然有一段很長(zhǎng)的路要走。例如，副總（VP）在產(chǎn)品項(xiàng)目啟動(dòng)之初不是一個(gè)重要的角色，地位甚至于不能和CTO相提并論，或者說(shuō)VP對(duì)于市場(chǎng)也是如此，但隨著項(xiàng)目不斷開(kāi)展或市場(chǎng)逐漸擴(kuò)大，VP的重要性將會(huì)得到體現(xiàn)。現(xiàn)在，多數(shù)的企業(yè)軟件和早期建設(shè)的網(wǎng)站在最初的開(kāi)發(fā)設(shè)計(jì)時(shí)是沒(méi)有考慮到企業(yè)文化的，只是市場(chǎng)部或者產(chǎn)品營(yíng)銷(xiāo)人員去搜集一些產(chǎn)品信息或者需求，最后整理出一份方案交給開(kāi)發(fā)制作部門(mén)。在建筑學(xué)中，這樣的流程也只是適合用來(lái)做最低級(jí)的產(chǎn)品設(shè)計(jì)和建設(shè)方案。

　　由于網(wǎng)頁(yè)設(shè)計(jì)將會(huì)越來(lái)越像建筑設(shè)計(jì)一樣，需要用戶體驗(yàn)進(jìn)一步發(fā)展提高，所以用戶體驗(yàn)人員將需要成為集技術(shù)員與藝術(shù)家為一體的人。值得注意的是，設(shè)計(jì)用戶體驗(yàn)需要減少集思廣益、訪談、小組討論及調(diào)查這樣的行為。建筑學(xué)中，前期的綱要準(zhǔn)備通常是由委托人完成的，設(shè)計(jì)師很少在設(shè)計(jì)產(chǎn)品的過(guò)程中再去進(jìn)行調(diào)研。用戶體驗(yàn)人員的角色要圍繞用戶體驗(yàn)來(lái)逐漸豐滿，最后，一個(gè)產(chǎn)品人員實(shí)際上將會(huì)設(shè)計(jì)整個(gè)系統(tǒng)的架構(gòu)（模式、硬件以及過(guò)程中的策略調(diào)整，還有產(chǎn)品的實(shí)際用途），當(dāng)然，這些設(shè)計(jì)是從設(shè)計(jì)師的角度，而不是工程師的角度。關(guān)于這個(gè)，我已經(jīng)琢磨了很多年，但似乎很少有人能聯(lián)系到實(shí)際問(wèn)題，所以這并不是以往的經(jīng)驗(yàn)和可能的錯(cuò)誤。

　　有人曾講過(guò)，如果19世紀(jì)最偉大的工程師Brunel現(xiàn)在還活著，他一定會(huì)是個(gè)優(yōu)秀的軟件設(shè)計(jì)師。軟件設(shè)計(jì)吸引人的地方在于，它會(huì)是一個(gè)不斷創(chuàng)新的過(guò)程，很讓人享受，就比一個(gè)富有創(chuàng)造力的工程師生在維多利亞時(shí)代一樣。所以，如果人們還沒(méi)有準(zhǔn)備好像建筑師設(shè)計(jì)建筑一樣去設(shè)計(jì)軟件，那嘗試下用網(wǎng)頁(yè)設(shè)計(jì)的方法去設(shè)計(jì)建筑怎么樣？其實(shí)沒(méi)什么復(fù)雜的，只需要做一個(gè)簡(jiǎn)單的流程圖而已。

　　設(shè)計(jì)流程圖

　　上面的圖片是一個(gè)建筑設(shè)計(jì)最終的流程圖。這個(gè)流程圖不是關(guān)于用戶體驗(yàn)設(shè)計(jì)的，但是是受用戶體驗(yàn)啟發(fā)而制作出來(lái)的。也不是一個(gè)工程圖例——它沒(méi)有使用UML或任何復(fù)雜的圖表方法。1、因?yàn)樵谡麄€(gè)過(guò)程中我沒(méi)有將UML納入考慮范圍；2、因?yàn)槲也幌矚g在這種工作中使用UML。UML的工作受制于固定的合理的對(duì)象腳本，但用戶看一座房子或者一個(gè)客戶端軟件的設(shè)計(jì)卻鮮有理性考慮，多數(shù)都是憑直覺(jué)來(lái)感受的。所以，你可以在進(jìn)行的過(guò)程中編造大綱，在其中混進(jìn)一些隱喻，并反復(fù)的使用實(shí)例，這樣才能是你的方案在不理性的人那里獲得通過(guò)。

　　它們有怎樣的不同

　　網(wǎng)頁(yè)設(shè)計(jì)是線性化的工作，它的整個(gè)流程中需要去掉細(xì)枝末節(jié)不重要的對(duì)象，以此來(lái)讓用戶通過(guò)簡(jiǎn)單的操作就能獲得想要的結(jié)果。追求的是中間的過(guò)程，線性的設(shè)計(jì)。

　　反過(guò)來(lái)，建筑設(shè)計(jì)則是追求空間上的，非線性的設(shè)計(jì)。因?yàn)樵S多建筑師通常會(huì)把建筑物看成一個(gè)模型，例如偉大的建筑師Frank Lloyd Wright就把建筑物看成是相互關(guān)聯(lián)的空間，但他們更關(guān)注的是這些空間本身，而不是關(guān)注鏈接這些空間的流程。這就好比你去觀看一場(chǎng)歌舞表演，你會(huì)更加關(guān)注舞臺(tái)設(shè)計(jì)而不會(huì)太在意舞蹈編排本身。我常常想，如果像編排舞蹈一樣去設(shè)計(jì)一幢建筑那將會(huì)是怎樣的一番景象啊？如果那樣的話，設(shè)計(jì)的最后一幅畫(huà)面將會(huì)是一個(gè)人在動(dòng)態(tài)的舞蹈，而不是一個(gè)簡(jiǎn)單的靜態(tài)場(chǎng)景。這就是和網(wǎng)頁(yè)設(shè)計(jì)有異曲同工之妙的追求有流程的設(shè)計(jì)。

　　切身體會(huì)

　　前不久，我住過(guò)一個(gè)酒店，酒店房間的臥室與輿洗室中間有一個(gè)走廊式的換衣間。這種安排非常合理，以往我們住酒店的時(shí)候，常常會(huì)將衣物胡亂丟在臥室的床上甚至地板上，然后再去洗漱，但他們的這個(gè)設(shè)計(jì)，正好讓我們?cè)谙词翱梢詫⒁路旁趽Q衣間中。這就讓起床和睡前的整個(gè)流程像一段完美演繹的舞蹈，也可以說(shuō)是一個(gè)優(yōu)秀的網(wǎng)頁(yè)，所有你所期望的東西都出現(xiàn)在它應(yīng)該出現(xiàn)的地方，通過(guò)簡(jiǎn)單的操作就得到想要的效果了。

　　為什么這種設(shè)計(jì)容易討人歡喜

　　優(yōu)秀的設(shè)計(jì)在完成之后常常是看起來(lái)很普通且理所應(yīng)當(dāng)?shù)摹Ｔ诰W(wǎng)上，最典型的例子就是“靜態(tài)連結(jié)（permalink）”，在此之前，你很難去記住“紐約日?qǐng)?bào)是如何在網(wǎng)絡(luò)上發(fā)布的”這樣一篇不起眼的網(wǎng)絡(luò)日志，所以你沒(méi)辦法將它分享給你的朋友。（permalink是一個(gè)類似“今日頭條”的鏈接，當(dāng)今日頭條的內(nèi)容改變時(shí)，鏈接所指向的網(wǎng)址也會(huì)改變）

　　因?yàn)榇蠖鄶?shù)房子都需要有走廊和壁櫥，所以為了節(jié)省空間，就會(huì)忽略設(shè)計(jì)的重要性，從而這些房子都不會(huì)設(shè)有像上面那個(gè)酒店里的那種更衣室或者可進(jìn)入式衣帽間。

　　所以，按照上面臥室模塊的設(shè)計(jì)理念來(lái)設(shè)計(jì)房間，通常人們會(huì)在這個(gè)流程中加上放置洗衣機(jī)的地方。比如在英國(guó)，房子較小的家庭會(huì)將洗衣機(jī)放在廚房，而在美國(guó)通常會(huì)放在地下室，在匈牙利通常情況下會(huì)放在浴室里。這三種里面我最喜歡最后一種，但若是能將美國(guó)和匈牙利的模式結(jié)合起來(lái)，比如，在洗漱間和臥室之間有一個(gè)放置洗衣機(jī)的地方，例如洗衣通道，那就最好不過(guò)了。

　　設(shè)計(jì)

　　總的來(lái)說(shuō)，設(shè)計(jì)的指導(dǎo)思想是將空間分為積極空間和消極空間，然后根據(jù)日常的活動(dòng)流程來(lái)確定如何細(xì)分并安排它們。現(xiàn)在的房屋中大多數(shù)房間的用途設(shè)計(jì)都是過(guò)時(shí)的，比如我們最常見(jiàn)的那些閣樓上的空間，很明顯不是為居住而設(shè)置的，而是根據(jù)循環(huán)利用的工業(yè)空間理念而建設(shè)的。再比如說(shuō)，為了獲得更多的生活空間，如同廚房和餐廳被合并到一起一樣，起居室和休息室也逐漸被合并為T(mén)V room。這就意味著空間的轉(zhuǎn)變趨勢(shì)很少由活動(dòng)本身決定的了，而更多的是有活動(dòng)的類型或者環(huán)境的類型所決定。舉例來(lái)說(shuō)，在巴格達(dá)，那些以阿拉伯傳統(tǒng)鄉(xiāng)村房屋為原型所建設(shè)的房子會(huì)根據(jù)不同氣候類型被歸類為不同的用途。

　　帶有積極空間和消極空間屬性的房子會(huì)給人帶來(lái)完全不同的感覺(jué)，消極的空間會(huì)帶給人舒適、柔和及曖昧的感覺(jué)，而積極的空間則會(huì)帶來(lái)寬敞、明亮及堅(jiān)實(shí)的感覺(jué)。

　　為了方便大家更為直觀地了解積極空間與消極空間，我找了兩張經(jīng)過(guò)改造的房間的照片，比較簡(jiǎn)略，但希望通過(guò)這兩張圖片能讓大家能夠理解這兩個(gè)概念。從圖中可以看出，消極空間是有立方形的木制品組成，而且窗戶很少。與此形成對(duì)比的是積極空間，主體是一個(gè)長(zhǎng)方形的空間，下方是光亮的地面，頂上有明亮的天窗，中間是一個(gè)小型的精致的餐廳，這讓整體的空間顯得比實(shí)際空間要大的多。

　　積極空間

　　消極空間

　　新房型：“制造者”空間

　　前面所說(shuō)的關(guān)于1號(hào)房案例研究流程圖的積極空間、消極空間的概念是比較粗略的，我想，如果能在此基礎(chǔ)上再添加些活動(dòng)屬性的元素，那一定會(huì)更有意思，比如車(chē)庫(kù)文化。車(chē)庫(kù)文化遍及美國(guó)各個(gè)地區(qū)，車(chē)庫(kù)早就脫離了單純存放汽車(chē)的角色，演變?yōu)樵S多創(chuàng)意活動(dòng)的發(fā)源地，從樂(lè)隊(duì)到蘋(píng)果公司都能在這里誕生。我打算把這樣的一個(gè)房間放進(jìn)設(shè)計(jì)的建筑中，緊靠著建筑中的主要活動(dòng)空間（如餐飲區(qū)），這樣的話，就會(huì)有一個(gè)真正的積極空間，在這里可以玩樂(lè)可以做事，我稱之為“制造者”空間。

　　原先的臥室流程已經(jīng)被創(chuàng)建成一個(gè)模塊，這個(gè)模塊可以被重復(fù)多次，可以用來(lái)連接生活空間（如潮濕的廚房或者輿洗室）。

　　不是說(shuō)我有多厲害，但是你看，最終的結(jié)果僅僅就是一個(gè)簡(jiǎn)單的流程圖，而且完全稱不上是一個(gè)完整的設(shè)計(jì)。但它是一個(gè)費(fèi)了心血的最合適的流程圖，對(duì)于網(wǎng)絡(luò)應(yīng)用來(lái)說(shuō)它可以說(shuō)是一個(gè)優(yōu)秀的設(shè)計(jì)。

　　原文出自：Davidgalbraith.org

　　編譯：CSDN魏兵

it知識(shí)庫(kù)：像設(shè)計(jì)Web程序那樣設(shè)計(jì)建筑，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。