SlideShare a Scribd company logo
1 of 21
Skeuomorphs  &  Spandrels Examining the Interaction of  Culture and Design John Payne 1. Kon-nichiwa, My name is John Payne, and my talk today is on skeuomorphs and spandrels. I offer these two concepts to illustrate the often unintentional “cultural affordances” that are necessary to ease adoption and adaptation to technology.
2. First, Skeumorphs: a mouthful of a word from the field of archaeology… "A skeuomorph is a design feature of an artifact that is no longer functional in itself, but that refers back to a feature that was functional at an earlier time.”  Image via: http://www.monstersandcritics.com/science/features/article_1410384.php/In_photos_Jordan_Archeology_-_oldest_Christian_church_in_the_world?page=1
3. For example: the watch pocket on a pair of jeans. Why would designers push these non-functional characteristics forward? As Garnet Hertz, a professor at Art Center College of Design has said: “Skeuomorphs are created because the future is built out of the present.” image via: http://commons.wikimedia.org/wiki/File:Levi%27s_506_front_pocket.jpg
4. Katherine Hayles touches on the subject of Skeuomorphs in her book, “How We Became Posthuman,” "Skeuomorphs visibly testify to the social or psychological necessity for innovation to be tempered by replication... [they] look to the past and future, simultaneously reinforcing and undermining both…
6. Apple relies heavily on skeuomorphic design to make their products easier to understand. For their target audience, this “notes” application leaves virtually no question what it is for or how to use it. In the design world, this approach is commonly called the “design metaphor.”
7. They have been criticized for the heavy handedness of this strategy, however. Adam Greenfield, one of their strongest critics says: “Feast your eyes on the leatherette Executive Desk Blotter nonsense going on in Notes, the page-curl animation in iBooks. What are these but misguided coddles, patronizing crutches, interactively horseless carriages?”
8. “I want to use the strongest language here,” he goes on. “This is a terribly disappointing renunciation of possibility on Apple’s part, a failure to articulate an interface-design vocabulary as “futuristic” as, and harmonious with, the formal vocabulary of the physical devices themselves.”
5. Robert Coover’s CAVE room is a decidedly non-skeumorphic counter example. It’s a virtual reality space designed to allow readers to experience literary works in a new way, navigating with a wand while wearing a virtual reality helmet. CAVE’s readers need instruction on how to use this new technology. Image via:  - http://quarterlyconversation.com/electronic-literature-n-katherine-hayles
9. Skeuomorphs create cultural affordances that soften the blow of the new. In this hotel sign from the early 1900’s, instructions on how to use electric light are offered to patrons. This sign directly identifies three critical utilities of a skeuomorph:  1. addressing the viewers confusion about what this new technology is,  2. how to use it, and  3. their fear of it as unfamiliar.
10. Ok, now let’s talk about Spandrels… another word originally introduced in one field and adapted for use in another. In Architecture, a spandrel is the space between two arches or between an arch and a rectangular enclosure. Image via: http://en.wikipedia.org/wiki/Spandrel http://i206.photobucket.com/albums/bb203/morffin42/f0052-03.png
11. Stephen Gould and Richard Lewontin co-opted the term for use in evolutionary biology. They noted that, to the observer, the seamless integration of the spandrels of the Basilica di San Marco in Venice may seem intentional, but they are actually a by-product of other design choices.  Image via: http://ethomas.web.wesleyan.edu/wescourses/2004s/ees227/01/spandrels.html
12. Applied to evolutionary biology: A spandrel is specifically not a product of adaptive selection, rather its’ made possible by the evolution of some other characteristic. Bird feathers, for instance, may have originated as insulation, but over time, however, they have come to be used for another purpose, flight.  Image via: http://en.wikipedia.org/wiki/File:Anchiornis_martyniuk.png#filelinks
13. So why do spandrels come about? When it comes to design, one reason is simple availability (often through disuse). The high line in New York City is an example. Diller, Scofidio, and Renfro have adapted this former railroad structure to new use, a green space in an area of the city that had none.  Image via: http://www.flickr.com/photos/davidberkowitz/3692427372/
14. Another reason is lack of available resources. These are photographs of shivs, improvised bladed weapons that were created by prisoners in the United States .  Though disturbing, they illustrate the concept of reuse in a very direct and compelling way. Image via: http://brettyasko.com/category/a-book-a-year/03-shiv/
15. A final reason is the conscious desire for reuse and sustainability. Freitag is a Swiss company that uses recycled truck tarps, automobile seat belts, and bicycle inner tubes to make messenger bags. Interestingly, You can also create your own custom bag on their web site.
16. In the design world, this approach is often called “adaptive reuse.” In, How Buildings Learn, Stewart Brand says, “function reforms form, perpetually.” Some design principles he offers:  1. Design for multiple possible uses,  2. Leave your design open to contribution,  3. Study your design “in time” (how would your design adapt if the cultural context changed?)
17. One final example illustrates these “spandrelic” principles in conscious action: This package design by Celery Design Collaborative for Lemnis Lightning can be reused and transformed into a lampshade for the bulb it protects in shipment.
18. I’ll end with a couple examples of technological innovation that illustrate the challenges (and possibilities) of technologies not yet imbued with cultural affordances. This is Aimee Mullins, an American athlete. Her prostheses, though visually shocking, have enabled her to compete with the so-called “able bodied” at a world-class level. Image via: http://www.scu.edu/desaisset/exhibits/gameface.cfm
19. This is Steve Mann, a Canadian academic who has augmented his vision with wearable computers for most of his life. I show these final examples to illustrate that technologies without the necessary cultural affordances can leave us feeling a little uncomfortable and even a little afraid of the possibilities? Image via: http://io9.com/5533867/portraits-in-posthumanity-steve-mann
20. Both concepts, skeuomorphs and spandrels (the former looking to the past, and the latter to the future), show the necessity of cultural affordances, intentional or not, to bring the consumer and their culture into direct participation in the innovation process. Domo Arigato.  Image via: http://mindchimes.net/2008/05/31/top-10-ways-to-be-happy-change-your-life-and-be-a-happier-you/
Skeuomorphs  &  Spandrels Examining the Interaction of  Culture and Design @jeanphony

More Related Content

Similar to Skeuomorphs and Spandrels: Examining the Interaction of Culture and Design

Design Fiction: A short slideshow on design, science, fact and fiction
Design Fiction: A short slideshow on design, science, fact and fictionDesign Fiction: A short slideshow on design, science, fact and fiction
Design Fiction: A short slideshow on design, science, fact and fictionJulian Bleecker
 
Spaceships unit plan
Spaceships unit planSpaceships unit plan
Spaceships unit planJacqui Sharp
 
An Architecture For Character-Mediated Interactive Presentations
An Architecture For Character-Mediated Interactive PresentationsAn Architecture For Character-Mediated Interactive Presentations
An Architecture For Character-Mediated Interactive PresentationsJennifer Daniel
 
Innovation of Alessi
Innovation of AlessiInnovation of Alessi
Innovation of AlessiWesley Shu
 
Virtual environments in design education
Virtual environments in design educationVirtual environments in design education
Virtual environments in design educationShubh Cheema
 
The article of the Future - or is it?
The article of the Future - or is it?The article of the Future - or is it?
The article of the Future - or is it?Pratt_Symposium
 
Tower Guard Diversion Essay
Tower Guard Diversion EssayTower Guard Diversion Essay
Tower Guard Diversion EssayAnn Johnson
 
Sketching interactions (GUADEC 2012)
Sketching interactions (GUADEC 2012)Sketching interactions (GUADEC 2012)
Sketching interactions (GUADEC 2012)Igalia
 
Emerging technologies in the library - a presentation at the MSU Emerging Tec...
Emerging technologies in the library - a presentation at the MSU Emerging Tec...Emerging technologies in the library - a presentation at the MSU Emerging Tec...
Emerging technologies in the library - a presentation at the MSU Emerging Tec...Patrick "Tod" Colegrove
 
Last name 2 student namekatherine burtonenglish 122date
Last name 2 student namekatherine burtonenglish 122dateLast name 2 student namekatherine burtonenglish 122date
Last name 2 student namekatherine burtonenglish 122datesherni1
 
Comment construire une Technoculture - Marcel O’Gorman
Comment construire une Technoculture - Marcel O’GormanComment construire une Technoculture - Marcel O’Gorman
Comment construire une Technoculture - Marcel O’GormanIRI
 
Ignite seoul 4-12 정기원 designfiction
Ignite seoul 4-12 정기원 designfictionIgnite seoul 4-12 정기원 designfiction
Ignite seoul 4-12 정기원 designfictionJinho Jung
 
ARC 211 American Diversity and Design- Austin Wyles
ARC 211  American Diversity and Design- Austin WylesARC 211  American Diversity and Design- Austin Wyles
ARC 211 American Diversity and Design- Austin WylesAustin Wyles
 
Rediscovering Relevance for the Science & Engineering Library - presentation ...
Rediscovering Relevance for the Science & Engineering Library - presentation ...Rediscovering Relevance for the Science & Engineering Library - presentation ...
Rediscovering Relevance for the Science & Engineering Library - presentation ...Patrick "Tod" Colegrove
 
Portfolio summer 2012
Portfolio summer 2012Portfolio summer 2012
Portfolio summer 2012lucioum
 

Similar to Skeuomorphs and Spandrels: Examining the Interaction of Culture and Design (20)

Design Fiction: A short slideshow on design, science, fact and fiction
Design Fiction: A short slideshow on design, science, fact and fictionDesign Fiction: A short slideshow on design, science, fact and fiction
Design Fiction: A short slideshow on design, science, fact and fiction
 
Spaceships unit plan
Spaceships unit planSpaceships unit plan
Spaceships unit plan
 
An Architecture For Character-Mediated Interactive Presentations
An Architecture For Character-Mediated Interactive PresentationsAn Architecture For Character-Mediated Interactive Presentations
An Architecture For Character-Mediated Interactive Presentations
 
untitled (1)
untitled (1)untitled (1)
untitled (1)
 
Innovation of Alessi
Innovation of AlessiInnovation of Alessi
Innovation of Alessi
 
Virtual environments in design education
Virtual environments in design educationVirtual environments in design education
Virtual environments in design education
 
The article of the Future - or is it?
The article of the Future - or is it?The article of the Future - or is it?
The article of the Future - or is it?
 
D.goldenberg
D.goldenbergD.goldenberg
D.goldenberg
 
Tower Guard Diversion Essay
Tower Guard Diversion EssayTower Guard Diversion Essay
Tower Guard Diversion Essay
 
Sketching interactions (GUADEC 2012)
Sketching interactions (GUADEC 2012)Sketching interactions (GUADEC 2012)
Sketching interactions (GUADEC 2012)
 
Emerging technologies in the library - a presentation at the MSU Emerging Tec...
Emerging technologies in the library - a presentation at the MSU Emerging Tec...Emerging technologies in the library - a presentation at the MSU Emerging Tec...
Emerging technologies in the library - a presentation at the MSU Emerging Tec...
 
Last name 2 student namekatherine burtonenglish 122date
Last name 2 student namekatherine burtonenglish 122dateLast name 2 student namekatherine burtonenglish 122date
Last name 2 student namekatherine burtonenglish 122date
 
Wgong 2012
Wgong 2012Wgong 2012
Wgong 2012
 
Comment construire une Technoculture - Marcel O’Gorman
Comment construire une Technoculture - Marcel O’GormanComment construire une Technoculture - Marcel O’Gorman
Comment construire une Technoculture - Marcel O’Gorman
 
BCII 2016 - Visualizing Complexity
BCII 2016 - Visualizing ComplexityBCII 2016 - Visualizing Complexity
BCII 2016 - Visualizing Complexity
 
Ignite seoul 4-12 정기원 designfiction
Ignite seoul 4-12 정기원 designfictionIgnite seoul 4-12 정기원 designfiction
Ignite seoul 4-12 정기원 designfiction
 
ARC 211 American Diversity and Design- Austin Wyles
ARC 211  American Diversity and Design- Austin WylesARC 211  American Diversity and Design- Austin Wyles
ARC 211 American Diversity and Design- Austin Wyles
 
Rediscovering Relevance for the Science & Engineering Library - presentation ...
Rediscovering Relevance for the Science & Engineering Library - presentation ...Rediscovering Relevance for the Science & Engineering Library - presentation ...
Rediscovering Relevance for the Science & Engineering Library - presentation ...
 
Wipo pub 925
Wipo pub 925Wipo pub 925
Wipo pub 925
 
Portfolio summer 2012
Portfolio summer 2012Portfolio summer 2012
Portfolio summer 2012
 

More from John Payne

"Getting Beyond Use" as presented at #UCD15
"Getting Beyond Use" as presented at #UCD15"Getting Beyond Use" as presented at #UCD15
"Getting Beyond Use" as presented at #UCD15John Payne
 
Getting Beyond Use: Designing for Meaning with Cultural Affordances
Getting Beyond Use: Designing for Meaning with Cultural AffordancesGetting Beyond Use: Designing for Meaning with Cultural Affordances
Getting Beyond Use: Designing for Meaning with Cultural AffordancesJohn Payne
 
Cultural Affordances (3/20/14 IxDA NY)
Cultural Affordances (3/20/14 IxDA NY)Cultural Affordances (3/20/14 IxDA NY)
Cultural Affordances (3/20/14 IxDA NY)John Payne
 
Analysis & Synthesis For Design | An Elephant Surrounded By Blind Men
Analysis & Synthesis For Design | An Elephant Surrounded By Blind MenAnalysis & Synthesis For Design | An Elephant Surrounded By Blind Men
Analysis & Synthesis For Design | An Elephant Surrounded By Blind MenJohn Payne
 
Ethnography for design
Ethnography for designEthnography for design
Ethnography for designJohn Payne
 
Six Principles for Beautiful (Digital) Products
Six Principles for Beautiful (Digital) ProductsSix Principles for Beautiful (Digital) Products
Six Principles for Beautiful (Digital) ProductsJohn Payne
 

More from John Payne (6)

"Getting Beyond Use" as presented at #UCD15
"Getting Beyond Use" as presented at #UCD15"Getting Beyond Use" as presented at #UCD15
"Getting Beyond Use" as presented at #UCD15
 
Getting Beyond Use: Designing for Meaning with Cultural Affordances
Getting Beyond Use: Designing for Meaning with Cultural AffordancesGetting Beyond Use: Designing for Meaning with Cultural Affordances
Getting Beyond Use: Designing for Meaning with Cultural Affordances
 
Cultural Affordances (3/20/14 IxDA NY)
Cultural Affordances (3/20/14 IxDA NY)Cultural Affordances (3/20/14 IxDA NY)
Cultural Affordances (3/20/14 IxDA NY)
 
Analysis & Synthesis For Design | An Elephant Surrounded By Blind Men
Analysis & Synthesis For Design | An Elephant Surrounded By Blind MenAnalysis & Synthesis For Design | An Elephant Surrounded By Blind Men
Analysis & Synthesis For Design | An Elephant Surrounded By Blind Men
 
Ethnography for design
Ethnography for designEthnography for design
Ethnography for design
 
Six Principles for Beautiful (Digital) Products
Six Principles for Beautiful (Digital) ProductsSix Principles for Beautiful (Digital) Products
Six Principles for Beautiful (Digital) Products
 

Recently uploaded

Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxNikhil Raut
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...gajnagarg
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...HyderabadDolls
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Servicemeghakumariji156
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...samsungultra782445
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样yhavx
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Websitemark11275
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Nitya salvi
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...instagramfab782445
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxbalqisyamutia
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationZenSeloveres
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxtrose8
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证eeanqy
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...gajnagarg
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecturesaipriyacoool
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证ehyxf
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...nirzagarg
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...gargpaaro
 

Recently uploaded (20)

Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
Hackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdfHackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdf
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 

Skeuomorphs and Spandrels: Examining the Interaction of Culture and Design

  • 1. Skeuomorphs & Spandrels Examining the Interaction of Culture and Design John Payne 1. Kon-nichiwa, My name is John Payne, and my talk today is on skeuomorphs and spandrels. I offer these two concepts to illustrate the often unintentional “cultural affordances” that are necessary to ease adoption and adaptation to technology.
  • 2. 2. First, Skeumorphs: a mouthful of a word from the field of archaeology… &quot;A skeuomorph is a design feature of an artifact that is no longer functional in itself, but that refers back to a feature that was functional at an earlier time.” Image via: http://www.monstersandcritics.com/science/features/article_1410384.php/In_photos_Jordan_Archeology_-_oldest_Christian_church_in_the_world?page=1
  • 3. 3. For example: the watch pocket on a pair of jeans. Why would designers push these non-functional characteristics forward? As Garnet Hertz, a professor at Art Center College of Design has said: “Skeuomorphs are created because the future is built out of the present.” image via: http://commons.wikimedia.org/wiki/File:Levi%27s_506_front_pocket.jpg
  • 4. 4. Katherine Hayles touches on the subject of Skeuomorphs in her book, “How We Became Posthuman,” &quot;Skeuomorphs visibly testify to the social or psychological necessity for innovation to be tempered by replication... [they] look to the past and future, simultaneously reinforcing and undermining both…
  • 5. 6. Apple relies heavily on skeuomorphic design to make their products easier to understand. For their target audience, this “notes” application leaves virtually no question what it is for or how to use it. In the design world, this approach is commonly called the “design metaphor.”
  • 6. 7. They have been criticized for the heavy handedness of this strategy, however. Adam Greenfield, one of their strongest critics says: “Feast your eyes on the leatherette Executive Desk Blotter nonsense going on in Notes, the page-curl animation in iBooks. What are these but misguided coddles, patronizing crutches, interactively horseless carriages?”
  • 7. 8. “I want to use the strongest language here,” he goes on. “This is a terribly disappointing renunciation of possibility on Apple’s part, a failure to articulate an interface-design vocabulary as “futuristic” as, and harmonious with, the formal vocabulary of the physical devices themselves.”
  • 8. 5. Robert Coover’s CAVE room is a decidedly non-skeumorphic counter example. It’s a virtual reality space designed to allow readers to experience literary works in a new way, navigating with a wand while wearing a virtual reality helmet. CAVE’s readers need instruction on how to use this new technology. Image via: - http://quarterlyconversation.com/electronic-literature-n-katherine-hayles
  • 9. 9. Skeuomorphs create cultural affordances that soften the blow of the new. In this hotel sign from the early 1900’s, instructions on how to use electric light are offered to patrons. This sign directly identifies three critical utilities of a skeuomorph: 1. addressing the viewers confusion about what this new technology is, 2. how to use it, and 3. their fear of it as unfamiliar.
  • 10. 10. Ok, now let’s talk about Spandrels… another word originally introduced in one field and adapted for use in another. In Architecture, a spandrel is the space between two arches or between an arch and a rectangular enclosure. Image via: http://en.wikipedia.org/wiki/Spandrel http://i206.photobucket.com/albums/bb203/morffin42/f0052-03.png
  • 11. 11. Stephen Gould and Richard Lewontin co-opted the term for use in evolutionary biology. They noted that, to the observer, the seamless integration of the spandrels of the Basilica di San Marco in Venice may seem intentional, but they are actually a by-product of other design choices. Image via: http://ethomas.web.wesleyan.edu/wescourses/2004s/ees227/01/spandrels.html
  • 12. 12. Applied to evolutionary biology: A spandrel is specifically not a product of adaptive selection, rather its’ made possible by the evolution of some other characteristic. Bird feathers, for instance, may have originated as insulation, but over time, however, they have come to be used for another purpose, flight. Image via: http://en.wikipedia.org/wiki/File:Anchiornis_martyniuk.png#filelinks
  • 13. 13. So why do spandrels come about? When it comes to design, one reason is simple availability (often through disuse). The high line in New York City is an example. Diller, Scofidio, and Renfro have adapted this former railroad structure to new use, a green space in an area of the city that had none. Image via: http://www.flickr.com/photos/davidberkowitz/3692427372/
  • 14. 14. Another reason is lack of available resources. These are photographs of shivs, improvised bladed weapons that were created by prisoners in the United States . Though disturbing, they illustrate the concept of reuse in a very direct and compelling way. Image via: http://brettyasko.com/category/a-book-a-year/03-shiv/
  • 15. 15. A final reason is the conscious desire for reuse and sustainability. Freitag is a Swiss company that uses recycled truck tarps, automobile seat belts, and bicycle inner tubes to make messenger bags. Interestingly, You can also create your own custom bag on their web site.
  • 16. 16. In the design world, this approach is often called “adaptive reuse.” In, How Buildings Learn, Stewart Brand says, “function reforms form, perpetually.” Some design principles he offers: 1. Design for multiple possible uses, 2. Leave your design open to contribution, 3. Study your design “in time” (how would your design adapt if the cultural context changed?)
  • 17. 17. One final example illustrates these “spandrelic” principles in conscious action: This package design by Celery Design Collaborative for Lemnis Lightning can be reused and transformed into a lampshade for the bulb it protects in shipment.
  • 18. 18. I’ll end with a couple examples of technological innovation that illustrate the challenges (and possibilities) of technologies not yet imbued with cultural affordances. This is Aimee Mullins, an American athlete. Her prostheses, though visually shocking, have enabled her to compete with the so-called “able bodied” at a world-class level. Image via: http://www.scu.edu/desaisset/exhibits/gameface.cfm
  • 19. 19. This is Steve Mann, a Canadian academic who has augmented his vision with wearable computers for most of his life. I show these final examples to illustrate that technologies without the necessary cultural affordances can leave us feeling a little uncomfortable and even a little afraid of the possibilities? Image via: http://io9.com/5533867/portraits-in-posthumanity-steve-mann
  • 20. 20. Both concepts, skeuomorphs and spandrels (the former looking to the past, and the latter to the future), show the necessity of cultural affordances, intentional or not, to bring the consumer and their culture into direct participation in the innovation process. Domo Arigato. Image via: http://mindchimes.net/2008/05/31/top-10-ways-to-be-happy-change-your-life-and-be-a-happier-you/
  • 21. Skeuomorphs & Spandrels Examining the Interaction of Culture and Design @jeanphony