SlideShare a Scribd company logo
1 of 64
Download to read offline
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

Hi- tech Architecture and its pioneering architects, Norman Foster , Richard ...
Hi- tech Architecture and its pioneering architects, Norman Foster , Richard ...Hi- tech Architecture and its pioneering architects, Norman Foster , Richard ...
Hi- tech Architecture and its pioneering architects, Norman Foster , Richard ...Rohit Arora
 
Case study cummunity. center presentation
Case study cummunity. center presentationCase study cummunity. center presentation
Case study cummunity. center presentationSispap1
 
KOHINOOR SQUARE (High Rise Mixed use building) - Mumbai Case Study By Anurag ...
KOHINOOR SQUARE (High Rise Mixed use building) - Mumbai Case Study By Anurag ...KOHINOOR SQUARE (High Rise Mixed use building) - Mumbai Case Study By Anurag ...
KOHINOOR SQUARE (High Rise Mixed use building) - Mumbai Case Study By Anurag ...Anurag Mathur
 
The crystal palace
The crystal palaceThe crystal palace
The crystal palaceTonmoy Barua
 
Hearst Tower
Hearst TowerHearst Tower
Hearst Towermisschand
 
Parametrics in architecture
Parametrics in architectureParametrics in architecture
Parametrics in architectureharini nandalal
 
MIXED USE DESIGN -BASICS
MIXED USE DESIGN -BASICSMIXED USE DESIGN -BASICS
MIXED USE DESIGN -BASICSJayashreeIyer14
 
Architect Louis i kahn
Architect Louis i kahnArchitect Louis i kahn
Architect Louis i kahnOnal Kothari
 
Architectural design III - Case study on Architect's House
Architectural design III - Case study on Architect's HouseArchitectural design III - Case study on Architect's House
Architectural design III - Case study on Architect's HouseLipikaPandey
 
Unique Space Planning concepts for Lifestyle Apartment
Unique Space Planning concepts for Lifestyle Apartment Unique Space Planning concepts for Lifestyle Apartment
Unique Space Planning concepts for Lifestyle Apartment Shashi Rekha
 
Guggenheim museum @ bilbao
Guggenheim museum @ bilbaoGuggenheim museum @ bilbao
Guggenheim museum @ bilbaoPallavi Patil
 

What's hot (20)

Le corbusier
Le corbusierLe corbusier
Le corbusier
 
Hi- tech Architecture and its pioneering architects, Norman Foster , Richard ...
Hi- tech Architecture and its pioneering architects, Norman Foster , Richard ...Hi- tech Architecture and its pioneering architects, Norman Foster , Richard ...
Hi- tech Architecture and its pioneering architects, Norman Foster , Richard ...
 
Le Corbusier
Le CorbusierLe Corbusier
Le Corbusier
 
Case study cummunity. center presentation
Case study cummunity. center presentationCase study cummunity. center presentation
Case study cummunity. center presentation
 
KOHINOOR SQUARE (High Rise Mixed use building) - Mumbai Case Study By Anurag ...
KOHINOOR SQUARE (High Rise Mixed use building) - Mumbai Case Study By Anurag ...KOHINOOR SQUARE (High Rise Mixed use building) - Mumbai Case Study By Anurag ...
KOHINOOR SQUARE (High Rise Mixed use building) - Mumbai Case Study By Anurag ...
 
The crystal palace
The crystal palaceThe crystal palace
The crystal palace
 
Hearst Tower
Hearst TowerHearst Tower
Hearst Tower
 
Le corbusier
Le corbusierLe corbusier
Le corbusier
 
Folded plates
Folded platesFolded plates
Folded plates
 
Parametrics in architecture
Parametrics in architectureParametrics in architecture
Parametrics in architecture
 
MIXED USE DESIGN -BASICS
MIXED USE DESIGN -BASICSMIXED USE DESIGN -BASICS
MIXED USE DESIGN -BASICS
 
Architect Louis i kahn
Architect Louis i kahnArchitect Louis i kahn
Architect Louis i kahn
 
Architectural design III - Case study on Architect's House
Architectural design III - Case study on Architect's HouseArchitectural design III - Case study on Architect's House
Architectural design III - Case study on Architect's House
 
Habib rahman
Habib rahmanHabib rahman
Habib rahman
 
Zaha hadid
Zaha hadidZaha hadid
Zaha hadid
 
Case study on Apartment
Case study on ApartmentCase study on Apartment
Case study on Apartment
 
Digital architecture
Digital architectureDigital architecture
Digital architecture
 
Unique Space Planning concepts for Lifestyle Apartment
Unique Space Planning concepts for Lifestyle Apartment Unique Space Planning concepts for Lifestyle Apartment
Unique Space Planning concepts for Lifestyle Apartment
 
Norman foster
Norman fosterNorman foster
Norman foster
 
Guggenheim museum @ bilbao
Guggenheim museum @ bilbaoGuggenheim museum @ bilbao
Guggenheim museum @ bilbao
 

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
 
A Career In The Construction Industry
A Career In The Construction IndustryA Career In The Construction Industry
A Career In The Construction IndustryDeborah Quintana
 
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
 
Brutalism Research Paper
Brutalism Research PaperBrutalism Research Paper
Brutalism Research PaperHeather Reimer
 
The Revolution Of Modernism And The Mesopotamian Architecture
The Revolution Of Modernism And The Mesopotamian ArchitectureThe Revolution Of Modernism And The Mesopotamian Architecture
The Revolution Of Modernism And The Mesopotamian ArchitectureKatie Gulley
 
Skyscraper And Sears Tower
Skyscraper And Sears TowerSkyscraper And Sears Tower
Skyscraper And Sears TowerDiana Marquez
 
lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumAjengKusumadewiKUSUM
 
Architecture Set In Motion Essay
Architecture Set In Motion EssayArchitecture Set In Motion Essay
Architecture Set In Motion EssayJenna Caldejon
 
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
 
Essay On Mendes Da Rocha
Essay On Mendes Da RochaEssay On Mendes Da Rocha
Essay On Mendes Da RochaMelissa Moore
 
Design And Cross Pollination Of Fields And Practices
Design And Cross Pollination Of Fields And PracticesDesign And Cross Pollination Of Fields And Practices
Design And Cross Pollination Of Fields And PracticesBrianna Johnson
 
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
 

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
 
A Career In The Construction Industry
A Career In The Construction IndustryA Career In The Construction Industry
A Career In The Construction Industry
 
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...
 
Brutalism Research Paper
Brutalism Research PaperBrutalism Research Paper
Brutalism Research Paper
 
The Revolution Of Modernism And The Mesopotamian Architecture
The Revolution Of Modernism And The Mesopotamian ArchitectureThe Revolution Of Modernism And The Mesopotamian Architecture
The Revolution Of Modernism And The Mesopotamian Architecture
 
Skyscraper And Sears Tower
Skyscraper And Sears TowerSkyscraper And Sears Tower
Skyscraper And Sears Tower
 
lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum
 
Architecture Set In Motion Essay
Architecture Set In Motion EssayArchitecture Set In Motion Essay
Architecture Set In Motion Essay
 
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
 
Essay On Mendes Da Rocha
Essay On Mendes Da RochaEssay On Mendes Da Rocha
Essay On Mendes Da Rocha
 
Architecture In Australia Essay
Architecture In Australia EssayArchitecture In Australia Essay
Architecture In Australia Essay
 
Design And Cross Pollination Of Fields And Practices
Design And Cross Pollination Of Fields And PracticesDesign And Cross Pollination Of Fields And Practices
Design And Cross Pollination Of Fields And Practices
 
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
 
Erdrich House Essay
Erdrich House EssayErdrich House Essay
Erdrich House Essay
 
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
 

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

Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 

Recently uploaded (20)

Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 

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)