SlideShare a Scribd company logo
1 of 64
SOCIAL SPACES ONLINE  AND OFF ,[object Object]
B=f(P+E) - Lewin’s Equation B ehavior is a  f unction of a  P erson and his  E nvironment You can’t control the person, but you can design the environment to change behavior
The New Third Place? ,[object Object]
A SHORT HISTORY OF ARCHITECTURE
Cave
 
Hut
 
Stone Age City
 
VITRUVIUS ,[object Object]
Durability “ Durability will be assured when foundations are carried down to the solid ground and materials wisely and liberally selected”  Vitruvius
Frank Lloyd Wright’s Imperial Hotel, Japan, survived an earthquake The reflecting pool provided a source of water for fire-fighting; Cantilevered floors and balconies provided extra support for the floors; A copper roof, cannot fall on people below the way a tile roof can; Seismic separation joints, located about every 20 m along the building; Tapered walls, thicker on lower floors, increasing their strength; Suspended piping and wiring, instead of being encased in concrete, smooth curves, making them more resistant to fracture.
Technical Earthquakes Slow loading javascript fails on low bandwidth, and can cause users to accidently search for the label inside your search box. Is your site designed to be robust when things break (for example, filter out the label from the query. Or don’t place labels in fields; it reduces usage anyhow.) I’m searching for “my architect, not “movies, directors, actors”
Social Earthquakes If people post jobs in discussion areas, any user can move them to job board If people use connection invites to spam/market, they can be reported.
Prepare for ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Convenience ,[object Object],Sound familiar? We’re talking usability!
“ Early in life I had to choose between honest arrogance and hypocritical humility. I chose honest arrogance and have seen no occasion to change.” Frank Lloyd Wright Usonian houses were beautiful, human scaled.. And didn’t have closet space. Should we choose beauty over usability sometimes?
Human Human The Facebook Inbox is chock full of annoying non-human mails, despite the fact they know who  is human and who I am connected to. Not convenient.
  Bilbao did not leak. I was so proud.
  I call it the "Then What?" Okay, you solved all the problems, you did all the stuff, you made nice, you loved your clients, you loved the materials, you loved the city, you're a good guy, you're a good person... and then what? What do you bring to it?  See his great TED talk  http://www.ted.com/talks/frank_gehry_asks_then_what.html
Beauty (delight) “ when the appearance of the work is pleasing and in good taste, and when its members are in due proportion according to correct principles of symmetry.” Vitrvius
“ Less is more.”   ~ Mies
SEAGRAM BUILDING  (Philip Johnson did interiors, 1957) ,[object Object],Seagram Building New York City  1957 Is this Beautiful?
“ Less is a bore.”   ~ Venturi
Is this Beautiful?
Do we dictate what is beautiful by constraining user choice?
Or support passionate use that may not meet our aesthetic standards?
Beautiful Convenient Durable Beautiful Convenient Durable
THE LESSON THAT WASN’T ,[object Object]
205 Structure Follows Social Spaces Conflict No building ever feels right to the people in it unless the physical spaces (defined by columns, walls, and ceilings) are congruent with the social spaces (defined by activities and human groups). Resolution A first principle of construction; on no account allow the engineering to dictate the building's form. Place the load bearing elements- the columns and the walls and floors- according to the social spaces of the building; never modify the social spaces to conform to the engineering structure of the building.  Applies directly to Linkedin, Facebook, Mysapce, etc
36. Degrees of publicness Conflict:  People are different, and the way they want to place their houses in a neighborhood is one of the most basic kinds of difference. Resolution:  Make a clear distinction between three kinds of homes―those on quiet backwaters, those on busy streets, and those that are more or less in-between.  Make sure that those on quiet backwaters are on twisting paths, and that these houses are themselves physically secluded; make sure that the more public houses are on busy streets with many people passing by all day long and that the houses themselves are exposed to the passers-by. The in-between houses may then be located on the paths halfway between the other two. Give every neighborhood about an equal number of these three kinds of homes. Applies directly to Linkedin, Facebook, Mysapce, etc
Most Architects are Artists ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],What do we do with that?
LESSONS ,[object Object]
Space You don’t design space, you design objects that then shape the nature of the space
Identity Activity Relationships Social Space Sign-up Invitations Distribution (Viral)
Humans don’t like empty spaces. Create starter objects – newsfeeds can be good.
Site Site
Julia Morgan ,[object Object],[object Object],[object Object],[object Object],[object Object]
Site=Context Facebook- Personal LinkedIN - Professional
Structure ,[object Object]
Email this Structure of the social network sharing tools affects both reach and relevance.  Email is work for user, so value tends to be higher. Consumer Broadcaster
Newsfeed, Network Updates Sharing with your symetrical  network has lower relevance but greater reach Consumer Consumer Consumer Consumer Consumer Broadcaster
Groups, Asymmetric Follow Sharing with your asymetrical  network is broadcasting; less relevant still but great reach spark
Servant and Served Spaces ‘ I do not like ducts; I do not like pipes. I hate them really thoroughly, but because I hate them so thoroughly, I feel they have to be given  their place . If I just hated them and took no care, I think they would invade the building and completely destroy it.’ The Notebooks and Drawings of Louis I. Kahn , 1962
Services (settings, in this case) are separated from served)
Services intergraded with served is easier to comprehend and use
Centre Pompidou was designed with services revealed rather than hidden
Revealing things usually only available to employees, such as statistics can provide interest and beauty inherit to the product.
Views Hey, it’s the Arc de Triomphe! Corbu’s surrealist apartment obscured views, rather than framed them to create interest
Views into people’s lives
Views into the service before you sign up
Proportion ,[object Object]
Ad out of proportion to content
Ads reflect same sizes and shapes used in design
Speed 25mph 5 mph 60mph Medieval architecture designed to be walked by, prairie houses to drive by slowly at suburban speeds, and the strip for freeway speeds
Speed 25mph 5 mph 60mph Consider speed of use in design; do not slow interface with details upon sign up, richer interface for where people linger and socialize
Movement Gehry designed a static building to feel like it’s moving, inspired by dance
Why are our compositions so static? How should the eye move through this?
Games provide hints to new compositions, metaphors for information spaces
Gehry has been inspired recently by fish. What would a  website be if it was a fish?
Twistori’s live stream of data reveals and intrigues. Do you need actual movement to engage?
[object Object]
Page about Christina Ideas?

More Related Content

What's hot

Raj Rewal Asian games village case study
Raj Rewal Asian games village case studyRaj Rewal Asian games village case study
Raj Rewal Asian games village case studyRadhikaJadhav8
 
Ideas and works of le corbusier
Ideas and works of le corbusierIdeas and works of le corbusier
Ideas and works of le corbusierGwahyulo Semy
 
Post modern architecture
Post modern architecturePost modern architecture
Post modern architectureAlex Waktola
 
impact of industrial revolution on architecture
impact of industrial revolution on architectureimpact of industrial revolution on architecture
impact of industrial revolution on architectureGayathri Kumari
 
Vernacular Building : Therme Vals bath by Peter Zumthor
Vernacular Building : Therme Vals bath by Peter ZumthorVernacular Building : Therme Vals bath by Peter Zumthor
Vernacular Building : Therme Vals bath by Peter ZumthorSiddiq Salim
 
Ronchamp By Le Corbusier
Ronchamp By Le CorbusierRonchamp By Le Corbusier
Ronchamp By Le CorbusierUsman Sabih
 
Unite'd habitation, Le corbusier.
Unite'd habitation, Le corbusier.Unite'd habitation, Le corbusier.
Unite'd habitation, Le corbusier.Mayur Waghulde
 
Vector active systems
Vector active systemsVector active systems
Vector active systemsDanishPathan7
 
history of contemporary architecture - Modern Architecture.ppt
history of contemporary architecture - Modern Architecture.ppthistory of contemporary architecture - Modern Architecture.ppt
history of contemporary architecture - Modern Architecture.pptDania Abdel-aziz
 

What's hot (20)

Louis i kahn
Louis i kahnLouis i kahn
Louis i kahn
 
Raj Rewal Asian games village case study
Raj Rewal Asian games village case studyRaj Rewal Asian games village case study
Raj Rewal Asian games village case study
 
PETER EISENMAN
PETER EISENMANPETER EISENMAN
PETER EISENMAN
 
Ideas and works of le corbusier
Ideas and works of le corbusierIdeas and works of le corbusier
Ideas and works of le corbusier
 
ANANT RAJE
ANANT RAJEANANT RAJE
ANANT RAJE
 
Ludwig Mies van der rohe
Ludwig Mies van der roheLudwig Mies van der rohe
Ludwig Mies van der rohe
 
Post modern architecture
Post modern architecturePost modern architecture
Post modern architecture
 
Space frame
Space frameSpace frame
Space frame
 
impact of industrial revolution on architecture
impact of industrial revolution on architectureimpact of industrial revolution on architecture
impact of industrial revolution on architecture
 
Vernacular Building : Therme Vals bath by Peter Zumthor
Vernacular Building : Therme Vals bath by Peter ZumthorVernacular Building : Therme Vals bath by Peter Zumthor
Vernacular Building : Therme Vals bath by Peter Zumthor
 
Ronchamp By Le Corbusier
Ronchamp By Le CorbusierRonchamp By Le Corbusier
Ronchamp By Le Corbusier
 
Frank lloyd wright
Frank lloyd wrightFrank lloyd wright
Frank lloyd wright
 
Unite'd habitation, Le corbusier.
Unite'd habitation, Le corbusier.Unite'd habitation, Le corbusier.
Unite'd habitation, Le corbusier.
 
Christopher alexander
Christopher alexanderChristopher alexander
Christopher alexander
 
Space frames!
Space frames!Space frames!
Space frames!
 
Rem koolhaas
Rem koolhaasRem koolhaas
Rem koolhaas
 
Norman Foster
Norman FosterNorman Foster
Norman Foster
 
Vector active systems
Vector active systemsVector active systems
Vector active systems
 
Louis i kahn
Louis i kahnLouis i kahn
Louis i kahn
 
history of contemporary architecture - Modern Architecture.ppt
history of contemporary architecture - Modern Architecture.ppthistory of contemporary architecture - Modern Architecture.ppt
history of contemporary architecture - Modern Architecture.ppt
 

Similar to Social Spaces: Lessons from Radical Architects

Architecture of Information
Architecture of InformationArchitecture of Information
Architecture of InformationChristina Wodtke
 
Introduction to User Experience
Introduction to User ExperienceIntroduction to User Experience
Introduction to User ExperienceChristina Wodtke
 
B-Jimenez_Cesmarie-Portfolio2016
B-Jimenez_Cesmarie-Portfolio2016B-Jimenez_Cesmarie-Portfolio2016
B-Jimenez_Cesmarie-Portfolio2016Cesmarie Jimenez
 
Urban Design basic rules
Urban Design basic rulesUrban Design basic rules
Urban Design basic rulesTonmoy Barua
 
The Differences Between Architects Le Corbusier And Laurie...
The Differences Between Architects Le Corbusier And Laurie...The Differences Between Architects Le Corbusier And Laurie...
The Differences Between Architects Le Corbusier And Laurie...Heather Vargas
 
lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumAjengKusumadewiKUSUM
 
portfolio.compressed
portfolio.compressedportfolio.compressed
portfolio.compressedDonald Olsen
 
AKTU_RAR 801 part 3 of 10
AKTU_RAR 801 part 3 of 10AKTU_RAR 801 part 3 of 10
AKTU_RAR 801 part 3 of 10Chris_paul
 
Architecture & IA: Expanding the Metaphor - WIAD 2016 - Milwaukee
Architecture & IA: Expanding the Metaphor - WIAD 2016 - MilwaukeeArchitecture & IA: Expanding the Metaphor - WIAD 2016 - Milwaukee
Architecture & IA: Expanding the Metaphor - WIAD 2016 - MilwaukeeJessica DuVerneay
 
Arc 211: American Diversity and Design: Jacob Drzymala
Arc 211: American Diversity and Design: Jacob DrzymalaArc 211: American Diversity and Design: Jacob Drzymala
Arc 211: American Diversity and Design: Jacob DrzymalaJacob Drzymala
 
Worksamples tina botsi_
Worksamples tina botsi_Worksamples tina botsi_
Worksamples tina botsi_Tina Botsi
 
Day 2 presentations
Day 2 presentationsDay 2 presentations
Day 2 presentationsdiarmaid
 
ARC 211 American Diversity and Design James Villari
ARC 211 American Diversity and Design James VillariARC 211 American Diversity and Design James Villari
ARC 211 American Diversity and Design James VillariJames Villari
 
Emergent design technologies pres 2
Emergent design technologies pres 2Emergent design technologies pres 2
Emergent design technologies pres 2Virtu Institute
 
#269 Submission significant details - final
#269 Submission significant details - final#269 Submission significant details - final
#269 Submission significant details - finalVian ney Duhamel
 
Architecture Career Planning
Architecture Career PlanningArchitecture Career Planning
Architecture Career PlanningShipra Singh
 
Anthology - A history of my education
Anthology - A history of my educationAnthology - A history of my education
Anthology - A history of my educationOren Yarbrough
 

Similar to Social Spaces: Lessons from Radical Architects (20)

Architecture of Information
Architecture of InformationArchitecture of Information
Architecture of Information
 
Designing structure ia
Designing structure iaDesigning structure ia
Designing structure ia
 
Introduction to User Experience
Introduction to User ExperienceIntroduction to User Experience
Introduction to User Experience
 
B-Jimenez_Cesmarie-Portfolio2016
B-Jimenez_Cesmarie-Portfolio2016B-Jimenez_Cesmarie-Portfolio2016
B-Jimenez_Cesmarie-Portfolio2016
 
Urban Design basic rules
Urban Design basic rulesUrban Design basic rules
Urban Design basic rules
 
The Differences Between Architects Le Corbusier And Laurie...
The Differences Between Architects Le Corbusier And Laurie...The Differences Between Architects Le Corbusier And Laurie...
The Differences Between Architects Le Corbusier And Laurie...
 
lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
 
portfolio.compressed
portfolio.compressedportfolio.compressed
portfolio.compressed
 
AKTU_RAR 801 part 3 of 10
AKTU_RAR 801 part 3 of 10AKTU_RAR 801 part 3 of 10
AKTU_RAR 801 part 3 of 10
 
Architecture & IA: Expanding the Metaphor - WIAD 2016 - Milwaukee
Architecture & IA: Expanding the Metaphor - WIAD 2016 - MilwaukeeArchitecture & IA: Expanding the Metaphor - WIAD 2016 - Milwaukee
Architecture & IA: Expanding the Metaphor - WIAD 2016 - Milwaukee
 
Arc 211: American Diversity and Design: Jacob Drzymala
Arc 211: American Diversity and Design: Jacob DrzymalaArc 211: American Diversity and Design: Jacob Drzymala
Arc 211: American Diversity and Design: Jacob Drzymala
 
ARC211_2017_Project3
ARC211_2017_Project3ARC211_2017_Project3
ARC211_2017_Project3
 
Worksamples tina botsi_
Worksamples tina botsi_Worksamples tina botsi_
Worksamples tina botsi_
 
Day 2 presentations
Day 2 presentationsDay 2 presentations
Day 2 presentations
 
ARC 211 American Diversity and Design James Villari
ARC 211 American Diversity and Design James VillariARC 211 American Diversity and Design James Villari
ARC 211 American Diversity and Design James Villari
 
Emergent design technologies pres 2
Emergent design technologies pres 2Emergent design technologies pres 2
Emergent design technologies pres 2
 
Human Space for Human Cities
Human Space for Human CitiesHuman Space for Human Cities
Human Space for Human Cities
 
#269 Submission significant details - final
#269 Submission significant details - final#269 Submission significant details - final
#269 Submission significant details - final
 
Architecture Career Planning
Architecture Career PlanningArchitecture Career Planning
Architecture Career Planning
 
Anthology - A history of my education
Anthology - A history of my educationAnthology - A history of my education
Anthology - A history of my education
 

More from Christina Wodtke

Game Design Fundamentals: The Formal Elements
Game Design Fundamentals: The  Formal ElementsGame Design Fundamentals: The  Formal Elements
Game Design Fundamentals: The Formal ElementsChristina Wodtke
 
Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Christina Wodtke
 
Influence Without Authority
Influence Without AuthorityInfluence Without Authority
Influence Without AuthorityChristina Wodtke
 
Make the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsMake the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsChristina Wodtke
 
Design Strategies for Understanding
Design Strategies for UnderstandingDesign Strategies for Understanding
Design Strategies for UnderstandingChristina Wodtke
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesChristina Wodtke
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UIChristina Wodtke
 
Lean Teams are Learning Teams
Lean Teams are Learning TeamsLean Teams are Learning Teams
Lean Teams are Learning TeamsChristina Wodtke
 
Game Design Fundamentals Megadeck
Game Design Fundamentals MegadeckGame Design Fundamentals Megadeck
Game Design Fundamentals MegadeckChristina Wodtke
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with PicturesChristina Wodtke
 
Design the team you need to succeed
Design the team you need to succeedDesign the team you need to succeed
Design the team you need to succeedChristina Wodtke
 
Class 6 Identifying and Validating Assumptions
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating AssumptionsChristina Wodtke
 
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignTeaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignChristina Wodtke
 
The Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingThe Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingChristina Wodtke
 
The Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringThe Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringChristina Wodtke
 

More from Christina Wodtke (20)

Game Design Fundamentals: The Formal Elements
Game Design Fundamentals: The  Formal ElementsGame Design Fundamentals: The  Formal Elements
Game Design Fundamentals: The Formal Elements
 
Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)
 
Influence Without Authority
Influence Without AuthorityInfluence Without Authority
Influence Without Authority
 
Make the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsMake the Complex Clear with Maps and Models
Make the Complex Clear with Maps and Models
 
It's complicated
It's complicatedIt's complicated
It's complicated
 
Reboot Your Team
Reboot Your TeamReboot Your Team
Reboot Your Team
 
Design Strategies for Understanding
Design Strategies for UnderstandingDesign Strategies for Understanding
Design Strategies for Understanding
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing Studies
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UI
 
WIAD Boston
WIAD BostonWIAD Boston
WIAD Boston
 
Lean Teams are Learning Teams
Lean Teams are Learning TeamsLean Teams are Learning Teams
Lean Teams are Learning Teams
 
Game Design Fundamentals Megadeck
Game Design Fundamentals MegadeckGame Design Fundamentals Megadeck
Game Design Fundamentals Megadeck
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with Pictures
 
Design the team you need to succeed
Design the team you need to succeedDesign the team you need to succeed
Design the team you need to succeed
 
Class5 Business Design
Class5 Business DesignClass5 Business Design
Class5 Business Design
 
Class 6 Identifying and Validating Assumptions
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating Assumptions
 
Making the Complex Clear
Making the Complex ClearMaking the Complex Clear
Making the Complex Clear
 
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignTeaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction Design
 
The Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingThe Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 Needfinding
 
The Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringThe Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offering
 

Recently uploaded

world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinSamar Hossam ElDin Ahmed
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementMd. Shariful Hoque
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy ysrajece
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisPeclers Paris
 

Recently uploaded (20)

world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy y
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
 

Social Spaces: Lessons from Radical Architects

  • 1.
  • 2. B=f(P+E) - Lewin’s Equation B ehavior is a f unction of a P erson and his E nvironment You can’t control the person, but you can design the environment to change behavior
  • 3.
  • 4. A SHORT HISTORY OF ARCHITECTURE
  • 6.  
  • 7. Hut
  • 8.  
  • 10.  
  • 11.
  • 12. Durability “ Durability will be assured when foundations are carried down to the solid ground and materials wisely and liberally selected” Vitruvius
  • 13. Frank Lloyd Wright’s Imperial Hotel, Japan, survived an earthquake The reflecting pool provided a source of water for fire-fighting; Cantilevered floors and balconies provided extra support for the floors; A copper roof, cannot fall on people below the way a tile roof can; Seismic separation joints, located about every 20 m along the building; Tapered walls, thicker on lower floors, increasing their strength; Suspended piping and wiring, instead of being encased in concrete, smooth curves, making them more resistant to fracture.
  • 14. Technical Earthquakes Slow loading javascript fails on low bandwidth, and can cause users to accidently search for the label inside your search box. Is your site designed to be robust when things break (for example, filter out the label from the query. Or don’t place labels in fields; it reduces usage anyhow.) I’m searching for “my architect, not “movies, directors, actors”
  • 15. Social Earthquakes If people post jobs in discussion areas, any user can move them to job board If people use connection invites to spam/market, they can be reported.
  • 16.
  • 17.
  • 18. “ Early in life I had to choose between honest arrogance and hypocritical humility. I chose honest arrogance and have seen no occasion to change.” Frank Lloyd Wright Usonian houses were beautiful, human scaled.. And didn’t have closet space. Should we choose beauty over usability sometimes?
  • 19. Human Human The Facebook Inbox is chock full of annoying non-human mails, despite the fact they know who is human and who I am connected to. Not convenient.
  • 20.   Bilbao did not leak. I was so proud.
  • 21.   I call it the "Then What?" Okay, you solved all the problems, you did all the stuff, you made nice, you loved your clients, you loved the materials, you loved the city, you're a good guy, you're a good person... and then what? What do you bring to it?  See his great TED talk http://www.ted.com/talks/frank_gehry_asks_then_what.html
  • 22. Beauty (delight) “ when the appearance of the work is pleasing and in good taste, and when its members are in due proportion according to correct principles of symmetry.” Vitrvius
  • 23. “ Less is more.” ~ Mies
  • 24.
  • 25. “ Less is a bore.” ~ Venturi
  • 27. Do we dictate what is beautiful by constraining user choice?
  • 28. Or support passionate use that may not meet our aesthetic standards?
  • 29. Beautiful Convenient Durable Beautiful Convenient Durable
  • 30.
  • 31. 205 Structure Follows Social Spaces Conflict No building ever feels right to the people in it unless the physical spaces (defined by columns, walls, and ceilings) are congruent with the social spaces (defined by activities and human groups). Resolution A first principle of construction; on no account allow the engineering to dictate the building's form. Place the load bearing elements- the columns and the walls and floors- according to the social spaces of the building; never modify the social spaces to conform to the engineering structure of the building. Applies directly to Linkedin, Facebook, Mysapce, etc
  • 32. 36. Degrees of publicness Conflict: People are different, and the way they want to place their houses in a neighborhood is one of the most basic kinds of difference. Resolution: Make a clear distinction between three kinds of homes―those on quiet backwaters, those on busy streets, and those that are more or less in-between. Make sure that those on quiet backwaters are on twisting paths, and that these houses are themselves physically secluded; make sure that the more public houses are on busy streets with many people passing by all day long and that the houses themselves are exposed to the passers-by. The in-between houses may then be located on the paths halfway between the other two. Give every neighborhood about an equal number of these three kinds of homes. Applies directly to Linkedin, Facebook, Mysapce, etc
  • 33.
  • 34.
  • 35. Space You don’t design space, you design objects that then shape the nature of the space
  • 36. Identity Activity Relationships Social Space Sign-up Invitations Distribution (Viral)
  • 37. Humans don’t like empty spaces. Create starter objects – newsfeeds can be good.
  • 39.
  • 40. Site=Context Facebook- Personal LinkedIN - Professional
  • 41.
  • 42. Email this Structure of the social network sharing tools affects both reach and relevance. Email is work for user, so value tends to be higher. Consumer Broadcaster
  • 43. Newsfeed, Network Updates Sharing with your symetrical network has lower relevance but greater reach Consumer Consumer Consumer Consumer Consumer Broadcaster
  • 44. Groups, Asymmetric Follow Sharing with your asymetrical network is broadcasting; less relevant still but great reach spark
  • 45. Servant and Served Spaces ‘ I do not like ducts; I do not like pipes. I hate them really thoroughly, but because I hate them so thoroughly, I feel they have to be given their place . If I just hated them and took no care, I think they would invade the building and completely destroy it.’ The Notebooks and Drawings of Louis I. Kahn , 1962
  • 46. Services (settings, in this case) are separated from served)
  • 47. Services intergraded with served is easier to comprehend and use
  • 48. Centre Pompidou was designed with services revealed rather than hidden
  • 49. Revealing things usually only available to employees, such as statistics can provide interest and beauty inherit to the product.
  • 50. Views Hey, it’s the Arc de Triomphe! Corbu’s surrealist apartment obscured views, rather than framed them to create interest
  • 52. Views into the service before you sign up
  • 53.
  • 54. Ad out of proportion to content
  • 55. Ads reflect same sizes and shapes used in design
  • 56. Speed 25mph 5 mph 60mph Medieval architecture designed to be walked by, prairie houses to drive by slowly at suburban speeds, and the strip for freeway speeds
  • 57. Speed 25mph 5 mph 60mph Consider speed of use in design; do not slow interface with details upon sign up, richer interface for where people linger and socialize
  • 58. Movement Gehry designed a static building to feel like it’s moving, inspired by dance
  • 59. Why are our compositions so static? How should the eye move through this?
  • 60. Games provide hints to new compositions, metaphors for information spaces
  • 61. Gehry has been inspired recently by fish. What would a website be if it was a fish?
  • 62. Twistori’s live stream of data reveals and intrigues. Do you need actual movement to engage?
  • 63.

Editor's Notes

  1. Neolithic monument in present day Turkey Occupied between 6300 BC to 5400 BC Supported a population of up to 6000 people It was the largest and most cosmopolitan city of its time
  2. Commodity, firmness, delight
  3. The hotel had several design features that made up for its foundation: The reflecting pool (visible in the picture above) also provided a source of water for  fire-fighting , saving the building from the post-earthquake firestorm; [1] Cantilevered floors and balconies provided extra support for the floors; A copper roof, which cannot fall on people below the way a tile roof can; Seismic separation joints , located about every 20 m along the building; Tapered walls, thicker on lower floors, increasing their strength; Suspended piping and wiring, instead of being encased in concrete, as well as smooth curves, making them more resistant to fracture. [2]
  4. The MIT project, they were interviewing me for MIT and they sent their facilities people to Bilbao. I met them in Bilbao. They came for three days. W: This is the computer building. G: They were there for three days and it rained every day. And they kept walking around. I noticed they were looking under things and looking for things, and they wanted to know where the buckets were hidden, people putting buckets out. I was clean. There wasn't a bloody leak in the place. It was just fantastic. But you've got to -- yeah, well, up until then, every building leaked. W: Frank had a sort of -- sort of had a fame -- his -- his fame was built on that in L.A. for a while. You know, Frank, you've all heard the Frank Lloyd Wright story when the guy -- the woman called and said, "Mr. Wright, my -- I'm sitting in the couch and the water's pouring in on my head," and he said, "Madame, move your chair." G: So, some years later I was doing a little house on the beach for Norton Simon, and his secretary was kind of a hell-on-wheels type lady -- called me and said, Mr. Simon's sitting at his desk, and the water's coming in on his head, and I told him the Frank Lloyd Wright story. W: Didn't get a laugh. G: No. Not now either. 
  5. It's the "Then What?" that most clients who hire architects -- most clients aren't hiring architects for that. They're hiring them to get it done, get it on budget, you know, and not -- you know, be polite -- and they're missing out on the -- the real value of an architect. 
  6. The Key Word is: Proportion. No matter what you may call it – beauty, eye appeal, good taste, or architectural compatibility, limiting the size of electrical advertising displays does not ensure any of these. Proper proportion – the relationship of the graphic elements to each other– are necessary to a good design, whether is be a matter of clothing, art, architecture or an electric sign. Relative size, not over-all size, is the factor in determining guidelines which will satisfactorily
  7. For next time: form factor and scanning; appropriateness of shape (tweet vs search)