像设计Web程序那样设计建筑
2012-03-12 14:25
337 查看
英文原文:A
house designed like a web application
导读:本文的作者David Galbraith是一名建筑设计师,同时也是一名优秀的Web设计师,擅长产品的用户体验设计。文中作者通过一个实例来讲述用Web设计的理念去设计一个建筑,怎么样使一个建筑像Web程序一样更加人性化,更加符合用户体验。
以下是文章全文:
自从我拥有建筑设计师和Web设计师的双重身份之后,我常想,如果像设计Web应用程序一样去设计建筑一定会是件非常有趣的事情。
Web设计 VS 建筑&产品设计
最近几年,随着那些较之传统网页设计师更像建筑设计师的用户体验专家不断增多,网页设计逐渐开始发展起来了。当然,这并不是说传统网页设计师不擅长用户体验设计,只是说目前网页设计师这个角色逐渐被大众理解为是单纯美工设计人员。
当然,这也不是说美工不重要的,主要是因为网页设计不仅仅是靠美工设计就可以完成的,而是需要通过一个完整的产品设计来呈现出来。例如,有许多公司的Flash网站,美工设计非常精美,但是在实用功能上却非常欠缺。与此形成鲜明对比的是,另外一些实用主义者例如Jakob Nielsen设计的网站,实用性非常好,但美观度实在令人不敢恭维。用户体验不仅仅是由功能性决定的,而是由包括历史、文化及认知等众多因素决定的。否则的话,也不会有人去使用qwerty键盘或者驾驶被限速的保时捷。
因为互联网相对而言还是一个新事物,网页设计在能够反映出建筑师和产品设计师所扮演角色的不同之前,仍然有一段很长的路要走。例如,副总(VP)在产品项目启动之初不是一个重要的角色,地位甚至于不能和CTO相提并论,或者说VP对于市场也是如此,但随着项目不断开展或市场逐渐扩大,VP的重要性将会得到体现。现在,多数的企业软件和早期建设的网站在最初的开发设计时是没有考虑到企业文化的,只是市场部或者产品营销人员去搜集一些产品信息或者需求,最后整理出一份方案交给开发制作部门。在建筑学中,这样的流程也只是适合用来做最低级的产品设计和建设方案。
由于网页设计将会越来越像建筑设计一样,需要用户体验进一步发展提高,所以用户体验人员将需要成为集技术员与艺术家为一体的人。值得注意的是,设计用户体验需要减少集思广益、访谈、小组讨论及调查这样的行为。建筑学中,前期的纲要准备通常是由委托人完成的,设计师很少在设计产品的过程中再去进行调研。用户体验人员的角色要围绕用户体验来逐渐丰满,最后,一个产品人员实际上将会设计整个系统的架构(模式、硬件以及过程中的策略调整,还有产品的实际用途),当然,这些设计是从设计师的角度,而不是工程师的角度。关于这个,我已经琢磨了很多年,但似乎很少有人能联系到实际问题,所以这并不是以往的经验和可能的错误。
有人曾讲过,如果19世纪最伟大的工程师Brunel现在还活着,他一定会是个优秀的软件设计师。软件设计吸引人的地方在于,它会是一个不断创新的过程,很让人享受,就比一个富有创造力的工程师生在维多利亚时代一样。所以,如果人们还没有准备好像建筑师设计建筑一样去设计软件,那尝试下用网页设计的方法去设计建筑怎么样?其实没什么复杂的,只需要做一个简单的流程图而已。
设计流程图
![](http://pic004.cnblogs.com/news/201202/20120213_112253_1.jpg)
上面的图片是一个建筑设计最终的流程图。这个流程图不是关于用户体验设计的,但是是受用户体验启发而制作出来的。也不是一个工程图例——它没有使用UML或任何复杂的图表方法。1、因为在整个过程中我没有将UML纳入考虑范围;2、因为我不喜欢在这种工作中使用UML。UML的工作受制于固定的合理的对象脚本,但用户看一座房子或者一个客户端软件的设计却鲜有理性考虑,多数都是凭直觉来感受的。所以,你可以在进行的过程中编造大纲,在其中混进一些隐喻,并反复的使用实例,这样才能是你的方案在不理性的人那里获得通过。
它们有怎样的不同
网页设计是线性化的工作,它的整个流程中需要去掉细枝末节不重要的对象,以此来让用户通过简单的操作就能获得想要的结果。追求的是中间的过程,线性的设计。
反过来,建筑设计则是追求空间上的,非线性的设计。因为许多建筑师通常会把建筑物看成一个模型,例如伟大的建筑师Frank Lloyd Wright就把建筑物看成是相互关联的空间,但他们更关注的是这些空间本身,而不是关注链接这些空间的流程。这就好比你去观看一场歌舞表演,你会更加关注舞台设计而不会太在意舞蹈编排本身。我常常想,如果像编排舞蹈一样去设计一幢建筑那将会是怎样的一番景象啊?如果那样的话,设计的最后一幅画面将会是一个人在动态的舞蹈,而不是一个简单的静态场景。这就是和网页设计有异曲同工之妙的追求有流程的设计。
![](http://pic004.cnblogs.com/news/201202/20120213_112253_2.jpg)
切身体会
前不久,我住过一个酒店,酒店房间的卧室与舆洗室中间有一个走廊式的换衣间。这种安排非常合理,以往我们住酒店的时候,常常会将衣物胡乱丢在卧室的床上甚至地板上,然后再去洗漱,但他们的这个设计,正好让我们在洗漱之前可以将衣服放在换衣间中。这就让起床和睡前的整个流程像一段完美演绎的舞蹈,也可以说是一个优秀的网页,所有你所期望的东西都出现在它应该出现的地方,通过简单的操作就得到想要的效果了。
为什么这种设计容易讨人欢喜
优秀的设计在完成之后常常是看起来很普通且理所应当的。在网上,最典型的例子就是“静态连结(permalink)”,在此之前,你很难去记住“纽约日报是如何在网络上发布的”这样一篇不起眼的网络日志,所以你没办法将它分享给你的朋友。(permalink是一个类似“今日头条”的链接,当今日头条的内容改变时,链接所指向的网址也会改变)
因为大多数房子都需要有走廊和壁橱,所以为了节省空间,就会忽略设计的重要性,从而这些房子都不会设有像上面那个酒店里的那种更衣室或者可进入式衣帽间。
所以,按照上面卧室模块的设计理念来设计房间,通常人们会在这个流程中加上放置洗衣机的地方。比如在英国,房子较小的家庭会将洗衣机放在厨房,而在美国通常会放在地下室,在匈牙利通常情况下会放在浴室里。这三种里面我最喜欢最后一种,但若是能将美国和匈牙利的模式结合起来,比如,在洗漱间和卧室之间有一个放置洗衣机的地方,例如洗衣通道,那就最好不过了。
设计
总的来说,设计的指导思想是将空间分为积极空间和消极空间,然后根据日常的活动流程来确定如何细分并安排它们。现在的房屋中大多数房间的用途设计都是过时的,比如我们最常见的那些阁楼上的空间,很明显不是为居住而设置的,而是根据循环利用的工业空间理念而建设的。再比如说,为了获得更多的生活空间,如同厨房和餐厅被合并到一起一样,起居室和休息室也逐渐被合并为TV room。这就意味着空间的转变趋势很少由活动本身决定的了,而更多的是有活动的类型或者环境的类型所决定。举例来说,在巴格达,那些以阿拉伯传统乡村房屋为原型所建设的房子会根据不同气候类型被归类为不同的用途。
带有积极空间和消极空间属性的房子会给人带来完全不同的感觉,消极的空间会带给人舒适、柔和及暧昧的感觉,而积极的空间则会带来宽敞、明亮及坚实的感觉。
为了方便大家更为直观地了解积极空间与消极空间,我找了两张经过改造的房间的照片,比较简略,但希望通过这两张图片能让大家能够理解这两个概念。从图中可以看出,消极空间是有立方形的木制品组成,而且窗户很少。与此形成对比的是积极空间,主体是一个长方形的空间,下方是光亮的地面,顶上有明亮的天窗,中间是一个小型的精致的餐厅,这让整体的空间显得比实际空间要大的多。
![](http://pic004.cnblogs.com/news/201202/20120213_112253_3.jpg)
积极空间
![](http://pic004.cnblogs.com/news/201202/20120213_112253_4.jpg)
消极空间
新房型:“制造者”空间
前面所说的关于1号房案例研究流程图的积极空间、消极空间的概念是比较粗略的,我想,如果能在此基础上再添加些活动属性的元素,那一定会更有意思,比如车库文化。车库文化遍及美国各个地区,车库早就脱离了单纯存放汽车的角色,演变为许多创意活动的发源地,从乐队到苹果公司都能在这里诞生。我打算把这样的一个房间放进设计的建筑中,紧靠着建筑中的主要活动空间(如餐饮区),这样的话,就会有一个真正的积极空间,在这里可以玩乐可以做事,我称之为“制造者”空间。
![](http://pic004.cnblogs.com/news/201202/20120213_112254_5.jpg)
原先的卧室流程已经被创建成一个模块,这个模块可以被重复多次,可以用来连接生活空间(如潮湿的厨房或者舆洗室)。
![](http://pic004.cnblogs.com/news/201202/20120213_112254_6.jpg)
不是说我有多厉害,但是你看,最终的结果仅仅就是一个简单的流程图,而且完全称不上是一个完整的设计。但它是一个费了心血的最合适的流程图,对于网络应用来说它可以说是一个优秀的设计。
原文出自:Davidgalbraith.org
编译:CSDN魏兵
house designed like a web application
导读:本文的作者David Galbraith是一名建筑设计师,同时也是一名优秀的Web设计师,擅长产品的用户体验设计。文中作者通过一个实例来讲述用Web设计的理念去设计一个建筑,怎么样使一个建筑像Web程序一样更加人性化,更加符合用户体验。
以下是文章全文:
自从我拥有建筑设计师和Web设计师的双重身份之后,我常想,如果像设计Web应用程序一样去设计建筑一定会是件非常有趣的事情。
Web设计 VS 建筑&产品设计
最近几年,随着那些较之传统网页设计师更像建筑设计师的用户体验专家不断增多,网页设计逐渐开始发展起来了。当然,这并不是说传统网页设计师不擅长用户体验设计,只是说目前网页设计师这个角色逐渐被大众理解为是单纯美工设计人员。
当然,这也不是说美工不重要的,主要是因为网页设计不仅仅是靠美工设计就可以完成的,而是需要通过一个完整的产品设计来呈现出来。例如,有许多公司的Flash网站,美工设计非常精美,但是在实用功能上却非常欠缺。与此形成鲜明对比的是,另外一些实用主义者例如Jakob Nielsen设计的网站,实用性非常好,但美观度实在令人不敢恭维。用户体验不仅仅是由功能性决定的,而是由包括历史、文化及认知等众多因素决定的。否则的话,也不会有人去使用qwerty键盘或者驾驶被限速的保时捷。
因为互联网相对而言还是一个新事物,网页设计在能够反映出建筑师和产品设计师所扮演角色的不同之前,仍然有一段很长的路要走。例如,副总(VP)在产品项目启动之初不是一个重要的角色,地位甚至于不能和CTO相提并论,或者说VP对于市场也是如此,但随着项目不断开展或市场逐渐扩大,VP的重要性将会得到体现。现在,多数的企业软件和早期建设的网站在最初的开发设计时是没有考虑到企业文化的,只是市场部或者产品营销人员去搜集一些产品信息或者需求,最后整理出一份方案交给开发制作部门。在建筑学中,这样的流程也只是适合用来做最低级的产品设计和建设方案。
由于网页设计将会越来越像建筑设计一样,需要用户体验进一步发展提高,所以用户体验人员将需要成为集技术员与艺术家为一体的人。值得注意的是,设计用户体验需要减少集思广益、访谈、小组讨论及调查这样的行为。建筑学中,前期的纲要准备通常是由委托人完成的,设计师很少在设计产品的过程中再去进行调研。用户体验人员的角色要围绕用户体验来逐渐丰满,最后,一个产品人员实际上将会设计整个系统的架构(模式、硬件以及过程中的策略调整,还有产品的实际用途),当然,这些设计是从设计师的角度,而不是工程师的角度。关于这个,我已经琢磨了很多年,但似乎很少有人能联系到实际问题,所以这并不是以往的经验和可能的错误。
有人曾讲过,如果19世纪最伟大的工程师Brunel现在还活着,他一定会是个优秀的软件设计师。软件设计吸引人的地方在于,它会是一个不断创新的过程,很让人享受,就比一个富有创造力的工程师生在维多利亚时代一样。所以,如果人们还没有准备好像建筑师设计建筑一样去设计软件,那尝试下用网页设计的方法去设计建筑怎么样?其实没什么复杂的,只需要做一个简单的流程图而已。
设计流程图
![](http://pic004.cnblogs.com/news/201202/20120213_112253_1.jpg)
上面的图片是一个建筑设计最终的流程图。这个流程图不是关于用户体验设计的,但是是受用户体验启发而制作出来的。也不是一个工程图例——它没有使用UML或任何复杂的图表方法。1、因为在整个过程中我没有将UML纳入考虑范围;2、因为我不喜欢在这种工作中使用UML。UML的工作受制于固定的合理的对象脚本,但用户看一座房子或者一个客户端软件的设计却鲜有理性考虑,多数都是凭直觉来感受的。所以,你可以在进行的过程中编造大纲,在其中混进一些隐喻,并反复的使用实例,这样才能是你的方案在不理性的人那里获得通过。
它们有怎样的不同
网页设计是线性化的工作,它的整个流程中需要去掉细枝末节不重要的对象,以此来让用户通过简单的操作就能获得想要的结果。追求的是中间的过程,线性的设计。
反过来,建筑设计则是追求空间上的,非线性的设计。因为许多建筑师通常会把建筑物看成一个模型,例如伟大的建筑师Frank Lloyd Wright就把建筑物看成是相互关联的空间,但他们更关注的是这些空间本身,而不是关注链接这些空间的流程。这就好比你去观看一场歌舞表演,你会更加关注舞台设计而不会太在意舞蹈编排本身。我常常想,如果像编排舞蹈一样去设计一幢建筑那将会是怎样的一番景象啊?如果那样的话,设计的最后一幅画面将会是一个人在动态的舞蹈,而不是一个简单的静态场景。这就是和网页设计有异曲同工之妙的追求有流程的设计。
![](http://pic004.cnblogs.com/news/201202/20120213_112253_2.jpg)
切身体会
前不久,我住过一个酒店,酒店房间的卧室与舆洗室中间有一个走廊式的换衣间。这种安排非常合理,以往我们住酒店的时候,常常会将衣物胡乱丢在卧室的床上甚至地板上,然后再去洗漱,但他们的这个设计,正好让我们在洗漱之前可以将衣服放在换衣间中。这就让起床和睡前的整个流程像一段完美演绎的舞蹈,也可以说是一个优秀的网页,所有你所期望的东西都出现在它应该出现的地方,通过简单的操作就得到想要的效果了。
为什么这种设计容易讨人欢喜
优秀的设计在完成之后常常是看起来很普通且理所应当的。在网上,最典型的例子就是“静态连结(permalink)”,在此之前,你很难去记住“纽约日报是如何在网络上发布的”这样一篇不起眼的网络日志,所以你没办法将它分享给你的朋友。(permalink是一个类似“今日头条”的链接,当今日头条的内容改变时,链接所指向的网址也会改变)
因为大多数房子都需要有走廊和壁橱,所以为了节省空间,就会忽略设计的重要性,从而这些房子都不会设有像上面那个酒店里的那种更衣室或者可进入式衣帽间。
所以,按照上面卧室模块的设计理念来设计房间,通常人们会在这个流程中加上放置洗衣机的地方。比如在英国,房子较小的家庭会将洗衣机放在厨房,而在美国通常会放在地下室,在匈牙利通常情况下会放在浴室里。这三种里面我最喜欢最后一种,但若是能将美国和匈牙利的模式结合起来,比如,在洗漱间和卧室之间有一个放置洗衣机的地方,例如洗衣通道,那就最好不过了。
设计
总的来说,设计的指导思想是将空间分为积极空间和消极空间,然后根据日常的活动流程来确定如何细分并安排它们。现在的房屋中大多数房间的用途设计都是过时的,比如我们最常见的那些阁楼上的空间,很明显不是为居住而设置的,而是根据循环利用的工业空间理念而建设的。再比如说,为了获得更多的生活空间,如同厨房和餐厅被合并到一起一样,起居室和休息室也逐渐被合并为TV room。这就意味着空间的转变趋势很少由活动本身决定的了,而更多的是有活动的类型或者环境的类型所决定。举例来说,在巴格达,那些以阿拉伯传统乡村房屋为原型所建设的房子会根据不同气候类型被归类为不同的用途。
带有积极空间和消极空间属性的房子会给人带来完全不同的感觉,消极的空间会带给人舒适、柔和及暧昧的感觉,而积极的空间则会带来宽敞、明亮及坚实的感觉。
为了方便大家更为直观地了解积极空间与消极空间,我找了两张经过改造的房间的照片,比较简略,但希望通过这两张图片能让大家能够理解这两个概念。从图中可以看出,消极空间是有立方形的木制品组成,而且窗户很少。与此形成对比的是积极空间,主体是一个长方形的空间,下方是光亮的地面,顶上有明亮的天窗,中间是一个小型的精致的餐厅,这让整体的空间显得比实际空间要大的多。
![](http://pic004.cnblogs.com/news/201202/20120213_112253_3.jpg)
积极空间
![](http://pic004.cnblogs.com/news/201202/20120213_112253_4.jpg)
消极空间
新房型:“制造者”空间
前面所说的关于1号房案例研究流程图的积极空间、消极空间的概念是比较粗略的,我想,如果能在此基础上再添加些活动属性的元素,那一定会更有意思,比如车库文化。车库文化遍及美国各个地区,车库早就脱离了单纯存放汽车的角色,演变为许多创意活动的发源地,从乐队到苹果公司都能在这里诞生。我打算把这样的一个房间放进设计的建筑中,紧靠着建筑中的主要活动空间(如餐饮区),这样的话,就会有一个真正的积极空间,在这里可以玩乐可以做事,我称之为“制造者”空间。
![](http://pic004.cnblogs.com/news/201202/20120213_112254_5.jpg)
原先的卧室流程已经被创建成一个模块,这个模块可以被重复多次,可以用来连接生活空间(如潮湿的厨房或者舆洗室)。
![](http://pic004.cnblogs.com/news/201202/20120213_112254_6.jpg)
不是说我有多厉害,但是你看,最终的结果仅仅就是一个简单的流程图,而且完全称不上是一个完整的设计。但它是一个费了心血的最合适的流程图,对于网络应用来说它可以说是一个优秀的设计。
原文出自:Davidgalbraith.org
编译:CSDN魏兵
相关文章推荐
- HDFS设计思路,HDFS使用,查看集群状态,HDFS,HDFS上传文件,HDFS下载文件,yarn web管理界面信息查看,运行一个mapreduce程序,mapreduce的demo
- web程序开发与设计
- 设计Web如建筑般美好
- 第二十章 排查和调试Web程序 之 设计异常处理策略
- web-QQ(腾讯)-QZone-仿QQ投票和测试程序-数据库设计
- Web程序权限设计思考
- Web程序权限设计思考
- 从SAP BPC中Entity维设计的理念考虑Web程序中类似文档库之类的设计该考虑的东西
- 设计Web如建筑般美好
- HDFS设计思路,HDFS使用,查看集群状态,HDFS,HDFS上传文件,HDFS下载文件,yarn web管理界面信息查看,运行一个mapreduce程序,mapreduce的demo
- web程序的安全性设计
- 最新作品 WEB设计-婚纱行业网站(程序+平面)
- Web设计购物网站程序源码
- Jquery Tab Frame 增加、修改、删除,Web程序界面设计
- 第八章 设计用户界面 之 给Web程序应用用户界面设计
- Jquery Tab Frame 增加、修改、删除,Web程序界面设计
- Web架构设计经验分享
- 【《深入解析Java Web技术内幕》学习思维导图】第11章 Tomcat的系统架构与设计模式
- C++面型对象程序 (电子工业出版社)设计课后习题第三章最后两题
- 如何在微信小程序中实现今日头条App那样的Topbar