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

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

　　以下是文章全文：

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

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

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

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

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

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

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

　　設(shè)計流程圖

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

　　它們有怎樣的不同

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

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

　　切身體會

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

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

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

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

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

　　設(shè)計

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

　　帶有積極空間和消極空間屬性的房子會給人帶來完全不同的感覺，消極的空間會帶給人舒適、柔和及曖昧的感覺，而積極的空間則會帶來寬敞、明亮及堅實的感覺。

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

　　積極空間

　　消極空間

　　新房型：“制造者”空間

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

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

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

　　原文出自：Davidgalbraith.org

　　編譯：CSDN魏兵

it知識庫：像設(shè)計Web程序那樣設(shè)計建筑，轉(zhuǎn)載需保留來源！

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