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

Modernism & postmodernism in architecture
Modernism & postmodernism in architectureModernism & postmodernism in architecture
Modernism & postmodernism in architectureHarshita Singh
 
CONTEMPORARY PROCESS ON ARCHITECTURAL DESIGN
CONTEMPORARY PROCESS ON ARCHITECTURAL DESIGN CONTEMPORARY PROCESS ON ARCHITECTURAL DESIGN
CONTEMPORARY PROCESS ON ARCHITECTURAL DESIGN Kethees Waran
 
lake shore apartments
lake shore apartmentslake shore apartments
lake shore apartmentssumashukla37
 
Architect Renzo Piano
Architect Renzo Piano Architect Renzo Piano
Architect Renzo Piano Onela Fernando
 
High Rise Building Research Document
High Rise Building Research DocumentHigh Rise Building Research Document
High Rise Building Research DocumentNicholas Socrates
 
William Le Baron Jenney
William Le Baron JenneyWilliam Le Baron Jenney
William Le Baron JenneyGrace Henry
 
Post modern architecture
Post modern architecturePost modern architecture
Post modern architectureAlex Waktola
 
Frank Owen Gehry
Frank Owen GehryFrank Owen Gehry
Frank Owen GehryAbhilash Ks
 
Sainsbury center - truss structure
Sainsbury center - truss structureSainsbury center - truss structure
Sainsbury center - truss structureHusseinAzher
 
Pneumatic structures
Pneumatic structuresPneumatic structures
Pneumatic structuresKrishnagnr
 
High-rise case study in Seagram Building & John Hancock Center
High-rise case study in Seagram Building & John Hancock CenterHigh-rise case study in Seagram Building & John Hancock Center
High-rise case study in Seagram Building & John Hancock CenterNuruzzamanpeash
 

What's hot (20)

Ar mies van de rohe
Ar mies van de roheAr mies van de rohe
Ar mies van de rohe
 
Works of mies
Works of miesWorks of mies
Works of mies
 
Modernism & postmodernism in architecture
Modernism & postmodernism in architectureModernism & postmodernism in architecture
Modernism & postmodernism in architecture
 
Rem koolhas
Rem koolhasRem koolhas
Rem koolhas
 
CONTEMPORARY PROCESS ON ARCHITECTURAL DESIGN
CONTEMPORARY PROCESS ON ARCHITECTURAL DESIGN CONTEMPORARY PROCESS ON ARCHITECTURAL DESIGN
CONTEMPORARY PROCESS ON ARCHITECTURAL DESIGN
 
lake shore apartments
lake shore apartmentslake shore apartments
lake shore apartments
 
Critical Regionalism
Critical RegionalismCritical Regionalism
Critical Regionalism
 
Architect Renzo Piano
Architect Renzo Piano Architect Renzo Piano
Architect Renzo Piano
 
Organic architecture
Organic architectureOrganic architecture
Organic architecture
 
Louis i kahn
Louis i kahnLouis i kahn
Louis i kahn
 
High Rise Building Research Document
High Rise Building Research DocumentHigh Rise Building Research Document
High Rise Building Research Document
 
William Le Baron Jenney
William Le Baron JenneyWilliam Le Baron Jenney
William Le Baron Jenney
 
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
 
Frank Owen Gehry
Frank Owen GehryFrank Owen Gehry
Frank Owen Gehry
 
Kimbell art museum
Kimbell art museumKimbell art museum
Kimbell art museum
 
Sainsbury center - truss structure
Sainsbury center - truss structureSainsbury center - truss structure
Sainsbury center - truss structure
 
Pneumatic structures
Pneumatic structuresPneumatic structures
Pneumatic structures
 
Frank gehry
Frank gehry Frank gehry
Frank gehry
 
High-rise case study in Seagram Building & John Hancock Center
High-rise case study in Seagram Building & John Hancock CenterHigh-rise case study in Seagram Building & John Hancock Center
High-rise case study in Seagram Building & John Hancock Center
 

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

Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosaannemarleenolthof1
 
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
 
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
 
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
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
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
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
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
 
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
 
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
 
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
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaBarusRa
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfIBM
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 

Recently uploaded (18)

Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
 
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...
 
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
 
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
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
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
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
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
 
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
 
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
 
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
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 

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)