Architecting Human Behaviour 2.0

Post on 17-Oct-2014

10.046 views 0 download

Tags:

description

Web design as a profession is still in its infancy and and we\'re only just started to scratch the surface. Rather than trying to re-invent the wheel, we\'d be wise to look around us and draw inspiration from more established industries. There are obvious correlations between what we do and the built environment, so the field of architecture is a natural target. In fact, we already use terms such as information architect to describe a portion of what we do and techniques like design patterns which have their roots in the architectural world. During this talk, Andy will guide you through some of the core architectural concepts that relate to the web. He\'ll look at how architects attempt to guide human behaviour through the physical spaces they create and how we can bring some of these practices into our own daily lives. By the end of this talk you should have a new found appreciation for the field of architecture and never look at buildings quite the same way again.

Transcript of Architecting Human Behaviour 2.0

Architecting human behaviour

Amsterdam Library

www.flickr.com/photos/shifted/2355408671/

Beautiful Atrium

www.flickr.com/photos/mollyali/2569273306/

Signposting everywhere

www.flickr.com/photos/shifted/2356242256/

Downstairs cafe

www.flickr.com/photos/moosterbroek/1711605223

Big, shopping mall like escalators

www.flickr.com/photos/studies_and_observations/2612828427/

Intimate spaces

www.flickr.com/photos/piet_musterd/2731778912/

Full of people in contemplative reading

www.flickr.com/photos/funtik/1636716387/

Upstairs restaurant

www.flickr.com/photos/shifted/2355420535/

Juice bar, pizza bar and stir-fry bar

www.flickr.com/photos/shifted/2355422525/

An amazing public space

www.flickr.com/photos/shifted/2356242922/

Architecture isn’t just about the physical building

www.flickr.com/photos/shifted/2356242922/

It’s about the space in between...

"Architecture is the thoughtful making of space" - Louis Kahn

And how people use that space

http://flickr.com/photos/monkeyone/239220380/

Brighton Library

http://www.flickr.com/photos/blahflowers/2892115490/

Lewin’s equation

B=ƒ(P,E)

Context of use

http://flickr.com/photos/squeakymarmot/2293398178/

Otherwise your projects will fail

www.flickr.com/photos/nualabugeye/2037697106/

Where does a building fit into the ecosystem?

Where does your site fit into the web?

Architects create scale models...

http://flickr.com/photos/sarflondondunc/2667304390/

and blueprints...

www.flickr.com/photos/cardoso/2197507288/

Shops use planograms and customer flows

Some even create prototypes to test layouts

http://www.flickr.com/photos/chanc/1393398173/

and obviously we create wireframes and prototypes

Winchester Mystery House

www.flickr.com/photos/roxsm/1210487743/

Shearing layers

Navigation

http://flickr.com/photos/philgyford/466328637/

www.flickr.com/photos/bunny/2540431589/

Some navigation is implicit

http://flickr.com/photos/shenghunglin/379202336/

Airport navigation is contextual

www.flickr.com/photos/joannaforever/116669029/

Some navigation is built into the fabric of the building

Navigation is about flow

http://www.flickr.com/photos/sea-turtle/2369726343/

Pave the cow paths

http://www.flickr.com/photos/larskflem/2472709843/

Casinos are designed to maximise duration

www.flickr.com/photos/schlaus/2617561443/

Subversive navigation

www.flickr.com/photos/jolevine/475818444/

Discovery and revelation

http://www.flickr.com/photos/travisnobles/1800251951/

Moo

www.flickr.com/photos/superciliousness/58444598/

Architects have the idea of patterns

Gateways

http://flickr.com/photos/fatboyke/2924188735/

Promenades

http://flickr.com/photos/fatboyke/2924188735/

Small public squares

http://flickr.com/photos/driek/395683458

Market of many small shops

http://www.flickr.com/photos/jasmic/1472319885/

Whole Food Market is designed for exploration

www.flickr.com/photos/shankbone/2800620360/

The map is not the territory

http://www.flickr.com/photos/davegoodman/22229755/