Architecting Human Behaviour 2.0

47
Architecting human behaviour
  • date post

    17-Oct-2014
  • Category

    Design

  • view

    10.046
  • download

    0

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

Page 1: Architecting Human Behaviour 2.0

Architecting human behaviour

Page 2: Architecting Human Behaviour 2.0

Amsterdam Library

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

Page 3: Architecting Human Behaviour 2.0

Beautiful Atrium

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

Page 4: Architecting Human Behaviour 2.0

Signposting everywhere

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

Page 5: Architecting Human Behaviour 2.0

Downstairs cafe

www.flickr.com/photos/moosterbroek/1711605223

Page 6: Architecting Human Behaviour 2.0

Big, shopping mall like escalators

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

Page 7: Architecting Human Behaviour 2.0

Intimate spaces

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

Page 8: Architecting Human Behaviour 2.0

Full of people in contemplative reading

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

Page 9: Architecting Human Behaviour 2.0

Upstairs restaurant

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

Page 10: Architecting Human Behaviour 2.0

Juice bar, pizza bar and stir-fry bar

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

Page 11: Architecting Human Behaviour 2.0

An amazing public space

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

Page 12: Architecting Human Behaviour 2.0
Page 13: Architecting Human Behaviour 2.0

Architecture isn’t just about the physical building

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

Page 14: Architecting Human Behaviour 2.0

It’s about the space in between...

Page 15: Architecting Human Behaviour 2.0

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

Page 16: Architecting Human Behaviour 2.0

And how people use that space

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

Page 17: Architecting Human Behaviour 2.0

Brighton Library

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

Page 18: Architecting Human Behaviour 2.0

Lewin’s equation

B=ƒ(P,E)

Page 19: Architecting Human Behaviour 2.0

Context of use

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

Page 20: Architecting Human Behaviour 2.0

Otherwise your projects will fail

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

Page 21: Architecting Human Behaviour 2.0

Where does a building fit into the ecosystem?

Page 22: Architecting Human Behaviour 2.0

Where does your site fit into the web?

Page 23: Architecting Human Behaviour 2.0

Architects create scale models...

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

Page 24: Architecting Human Behaviour 2.0

and blueprints...

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

Page 25: Architecting Human Behaviour 2.0

Shops use planograms and customer flows

Page 26: Architecting Human Behaviour 2.0

Some even create prototypes to test layouts

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

Page 27: Architecting Human Behaviour 2.0

and obviously we create wireframes and prototypes

Page 28: Architecting Human Behaviour 2.0

Winchester Mystery House

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

Page 29: Architecting Human Behaviour 2.0

Shearing layers

Page 30: Architecting Human Behaviour 2.0

Navigation

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

Page 31: Architecting Human Behaviour 2.0

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

Some navigation is implicit

Page 32: Architecting Human Behaviour 2.0

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

Airport navigation is contextual

Page 33: Architecting Human Behaviour 2.0

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

Some navigation is built into the fabric of the building

Page 34: Architecting Human Behaviour 2.0

Navigation is about flow

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

Page 35: Architecting Human Behaviour 2.0

Pave the cow paths

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

Page 36: Architecting Human Behaviour 2.0

Casinos are designed to maximise duration

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

Page 37: Architecting Human Behaviour 2.0

Subversive navigation

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

Page 38: Architecting Human Behaviour 2.0

Discovery and revelation

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

Page 39: Architecting Human Behaviour 2.0

Moo

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

Page 40: Architecting Human Behaviour 2.0

Architects have the idea of patterns

Page 41: Architecting Human Behaviour 2.0

Gateways

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

Page 42: Architecting Human Behaviour 2.0

Promenades

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

Page 43: Architecting Human Behaviour 2.0

Small public squares

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

Page 44: Architecting Human Behaviour 2.0

Market of many small shops

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

Page 45: Architecting Human Behaviour 2.0

Whole Food Market is designed for exploration

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

Page 46: Architecting Human Behaviour 2.0

The map is not the territory

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