SlideShare a Scribd company logo
skeuomorphs
"Skeuomorphism is the use of
  previously necessary design elements
 in a place they are no longer necessary
in order to increase appeal or usability."
Digital Camera
Recorded mechanical shutter sound
Reason Software Synth
Hardware synth-style layout and controls
Electric Car
Recorded engine noise (required by law)
Ancient Pottery
Sculpted woven-basket pattern
Rubber Wine Corks
  Painted-on mottling
Hubcap
Decorative spokes
House
Decorative shutters
WHY IS THIS RELEVANT?



Touch interfaces

We're using
our hands

They're new
technology
REFERENCES TO FAMILIAR OBJECTS




          1984                            2010
  desktop metaphor helps            physical metaphors
 the transition to graphical   (skeuomorphs) help transition
         interfaces                 to touch interfaces
“When appropriate, add a realistic, physical dimension
to your application. Often, the more true to life your
application looks and behaves, the easier it is for people
to understand how it works and the more they enjoy
using it.”

                     — iOS Human Interface Guidelines
“Dig, however, the page-curl animation (beautifully
rendered, but stick-in-the-craw wrong) in iBooks. Feast
your eyes on the leatherette Executive Desk Blotter
nonsense going on in Notes. Open up Calendar, with its
twee spiral-bound conceit, and gaze into the face of Fear.
What are these but misguided coddles, patronizing
crutches, interactively horseless carriages?”

                                     — Adam Green eld
WHICH IS THE IDEAL READING EXPERIENCE?




           iBooks                   Kindle
WHAT IS THIS DEVICE FOR?



It's barely a device;
it's a book.

Skeuomorphs
deemphasize
the technology
in favor of the utility.
WHICH ONE DO WE GET FOR GRANDMA?




          iOS                  Android
KNOW YOUR AUDIENCE




                       Worst.
                     Skeuomorph.
                        Ever.
WHICH IS BETTER GIVEN THE TECHNOLOGY?




  skeuomorphic compass      camera-enabled compass
WHAT HAVE WE LEARNED?


Use skeuomorphs to add a satisfying or nostalgic
emotional e ect.

Bridge gaps between what people are used to
and a new method with skeuomorphs.

Question whether you're skipping the opportunity
for innovation by using a skeuomorph.

Don't mismatch your functionality
and your skeuomorph.
Two goals for our users:
Two goals for our users:



1. GET THINGS DONE
Two goals for our users:



1. GET THINGS DONE
       2. SMILE
Two goals for our users:



1. GET THINGS DONE
       2. SMILE

Skeuomorphism can help.*
           (*if done well)
“Usable designs are not necessarily enjoyable to use...
an attractive design is not necessarily the most e cient.
But must these attributes be in con ict? Can beauty and
brains, pleasure and usability, go hand in hand?”

                                         — Don Norman
THANK YOU.
                                     WRITING BY
                           Fred Beecher, Ben Brooks,
                       Adam Green eld, John Pavlus,
                        Steven Poole, Dorian Taylor,
                  Timothy Taylor, Aaron Weyenberg,
                            and Quora users like you.


                                        PHOTOS BY
             anitakhart on ickr, museum_girl on ickr,
             captkodak on ickr, taberandrew on ickr,
                        Matt Groening, Penny Arcade,
                         innerauto.com, nissanusa.com,
                               and the iOS App Store.
a   Andrew Watterson is a designer.
    www.andrewwatterson.com
    @andrewwatterson




    Meebo is totally hiring.
    www.meebo.com/jobs

More Related Content

What's hot

Creativity and things
Creativity and thingsCreativity and things
Creativity and things
marblemelody
 
The Life on the Screen (online identity)
The Life on the Screen (online identity)The Life on the Screen (online identity)
The Life on the Screen (online identity)
Lorena Hevia
 
3D Content for Mobile Devices
3D Content for Mobile Devices3D Content for Mobile Devices
3D Content for Mobile Devices
Mobile Apps Mauritius
 
Immersive Learning: Tying Virtual to Real
Immersive Learning: Tying Virtual to RealImmersive Learning: Tying Virtual to Real
Immersive Learning: Tying Virtual to Real
Josephine Dorado
 
Grayson
GraysonGrayson
The Guardian Avatar
The Guardian AvatarThe Guardian Avatar
The Guardian Avatar
Martin Geddes
 
Danielle Leigh Portfolio 2015
Danielle Leigh Portfolio 2015Danielle Leigh Portfolio 2015
Danielle Leigh Portfolio 2015
Danielle Leigh
 
Week1 Interactivity
Week1 InteractivityWeek1 Interactivity
Week1 Interactivity
CMoz
 
The iPad
The iPadThe iPad
The iPad
Jay_Jay01
 
Technologies that have recently come
Technologies that have recently comeTechnologies that have recently come
Technologies that have recently come
lg1500
 
Social Media for Storytellers
Social Media for StorytellersSocial Media for Storytellers
Social Media for Storytellers
Lance Weiler
 
20100602 arevent
20100602 arevent20100602 arevent
20100602 arevent
Anselm Hook
 
Learning Library Spring 2008
Learning Library Spring 2008Learning Library Spring 2008
Learning Library Spring 2008
Anna van Someren
 
This Drama Is Pwned
This Drama Is PwnedThis Drama Is Pwned
This Drama Is Pwned
Kim Flintoff
 
"Enchanted Objects and People:" Data Driven AR
"Enchanted Objects and People:" Data Driven AR"Enchanted Objects and People:" Data Driven AR
"Enchanted Objects and People:" Data Driven AR
Tish Shute
 

What's hot (15)

Creativity and things
Creativity and thingsCreativity and things
Creativity and things
 
The Life on the Screen (online identity)
The Life on the Screen (online identity)The Life on the Screen (online identity)
The Life on the Screen (online identity)
 
3D Content for Mobile Devices
3D Content for Mobile Devices3D Content for Mobile Devices
3D Content for Mobile Devices
 
Immersive Learning: Tying Virtual to Real
Immersive Learning: Tying Virtual to RealImmersive Learning: Tying Virtual to Real
Immersive Learning: Tying Virtual to Real
 
Grayson
GraysonGrayson
Grayson
 
The Guardian Avatar
The Guardian AvatarThe Guardian Avatar
The Guardian Avatar
 
Danielle Leigh Portfolio 2015
Danielle Leigh Portfolio 2015Danielle Leigh Portfolio 2015
Danielle Leigh Portfolio 2015
 
Week1 Interactivity
Week1 InteractivityWeek1 Interactivity
Week1 Interactivity
 
The iPad
The iPadThe iPad
The iPad
 
Technologies that have recently come
Technologies that have recently comeTechnologies that have recently come
Technologies that have recently come
 
Social Media for Storytellers
Social Media for StorytellersSocial Media for Storytellers
Social Media for Storytellers
 
20100602 arevent
20100602 arevent20100602 arevent
20100602 arevent
 
Learning Library Spring 2008
Learning Library Spring 2008Learning Library Spring 2008
Learning Library Spring 2008
 
This Drama Is Pwned
This Drama Is PwnedThis Drama Is Pwned
This Drama Is Pwned
 
"Enchanted Objects and People:" Data Driven AR
"Enchanted Objects and People:" Data Driven AR"Enchanted Objects and People:" Data Driven AR
"Enchanted Objects and People:" Data Driven AR
 

Similar to Skeuomorphism (UX Lx, May 2011)

Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
BayCHI
 
OpenVoice #01 - Ben Sauer - Voice UI: The past, the future and ... what now?
OpenVoice #01 - Ben Sauer - Voice UI: The past, the future and ... what now?OpenVoice #01 - Ben Sauer - Voice UI: The past, the future and ... what now?
OpenVoice #01 - Ben Sauer - Voice UI: The past, the future and ... what now?
openvoice
 
Making Sense of Sensors
Making Sense of SensorsMaking Sense of Sensors
Making Sense of Sensors
twh
 
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
MediaFront
 
Your Future - Design in 2017
Your Future - Design in 2017Your Future - Design in 2017
Your Future - Design in 2017
Chris Alvarez
 
Google io 2015, Trip Report
Google io 2015, Trip ReportGoogle io 2015, Trip Report
Google io 2015, Trip Report
Diana Laboy-Rush
 
A Design Journey /// Naba 2014
A Design Journey /// Naba 2014 A Design Journey /// Naba 2014
A Design Journey /// Naba 2014
Leandro Agro'
 
Context Rising : Wearable Interfaces
Context Rising : Wearable InterfacesContext Rising : Wearable Interfaces
Context Rising : Wearable Interfaces
Kharis O'Connell
 
Designing Interaction with emotion
Designing Interaction with emotionDesigning Interaction with emotion
Designing Interaction with emotion
Michihito Mizutani
 
Applied And Persuasive Applications For Museums
Applied And Persuasive Applications For MuseumsApplied And Persuasive Applications For Museums
Applied And Persuasive Applications For Museums
Pietro Polsinelli
 
Ubiquity: smart people, smart places, smart organisations
Ubiquity: smart people, smart places, smart organisationsUbiquity: smart people, smart places, smart organisations
Ubiquity: smart people, smart places, smart organisations
Daisy Group
 
How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)
Neil Turner
 
Designing Discreetness recap @ Thingscon
Designing Discreetness recap @ ThingsconDesigning Discreetness recap @ Thingscon
Designing Discreetness recap @ Thingscon
Sami Niemelä
 
Interaction as a Material
Interaction as a MaterialInteraction as a Material
Interaction as a Material
Dan Saffer
 
Applied and persuasive: playful learning
Applied and persuasive: playful learningApplied and persuasive: playful learning
Applied and persuasive: playful learning
Museum Digital Transformation Conference
 
Wozniak
WozniakWozniak
Wozniak
Annie Bricker
 
Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...
Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...
Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...
AugmentedWorldExpo
 
Using Technology to Create Personalized Guest Experiences in Group Environmen...
Using Technology to Create Personalized Guest Experiences in Group Environmen...Using Technology to Create Personalized Guest Experiences in Group Environmen...
Using Technology to Create Personalized Guest Experiences in Group Environmen...
Dave Cobb
 
MIXX Canada 2015: Smart Dumb Things
MIXX Canada 2015: Smart Dumb Things MIXX Canada 2015: Smart Dumb Things
MIXX Canada 2015: Smart Dumb Things
IAB Canada
 
UX Unicorns - legend or fable?
UX Unicorns - legend or fable?UX Unicorns - legend or fable?
UX Unicorns - legend or fable?
Vanessa Kirby
 

Similar to Skeuomorphism (UX Lx, May 2011) (20)

Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
 
OpenVoice #01 - Ben Sauer - Voice UI: The past, the future and ... what now?
OpenVoice #01 - Ben Sauer - Voice UI: The past, the future and ... what now?OpenVoice #01 - Ben Sauer - Voice UI: The past, the future and ... what now?
OpenVoice #01 - Ben Sauer - Voice UI: The past, the future and ... what now?
 
Making Sense of Sensors
Making Sense of SensorsMaking Sense of Sensors
Making Sense of Sensors
 
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
FORWARD TO REALITY - PHYSICAL COMPUTING – THE NEXT LEVEL OF WEB INTERACTION
 
Your Future - Design in 2017
Your Future - Design in 2017Your Future - Design in 2017
Your Future - Design in 2017
 
Google io 2015, Trip Report
Google io 2015, Trip ReportGoogle io 2015, Trip Report
Google io 2015, Trip Report
 
A Design Journey /// Naba 2014
A Design Journey /// Naba 2014 A Design Journey /// Naba 2014
A Design Journey /// Naba 2014
 
Context Rising : Wearable Interfaces
Context Rising : Wearable InterfacesContext Rising : Wearable Interfaces
Context Rising : Wearable Interfaces
 
Designing Interaction with emotion
Designing Interaction with emotionDesigning Interaction with emotion
Designing Interaction with emotion
 
Applied And Persuasive Applications For Museums
Applied And Persuasive Applications For MuseumsApplied And Persuasive Applications For Museums
Applied And Persuasive Applications For Museums
 
Ubiquity: smart people, smart places, smart organisations
Ubiquity: smart people, smart places, smart organisationsUbiquity: smart people, smart places, smart organisations
Ubiquity: smart people, smart places, smart organisations
 
How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)
 
Designing Discreetness recap @ Thingscon
Designing Discreetness recap @ ThingsconDesigning Discreetness recap @ Thingscon
Designing Discreetness recap @ Thingscon
 
Interaction as a Material
Interaction as a MaterialInteraction as a Material
Interaction as a Material
 
Applied and persuasive: playful learning
Applied and persuasive: playful learningApplied and persuasive: playful learning
Applied and persuasive: playful learning
 
Wozniak
WozniakWozniak
Wozniak
 
Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...
Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...
Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...
 
Using Technology to Create Personalized Guest Experiences in Group Environmen...
Using Technology to Create Personalized Guest Experiences in Group Environmen...Using Technology to Create Personalized Guest Experiences in Group Environmen...
Using Technology to Create Personalized Guest Experiences in Group Environmen...
 
MIXX Canada 2015: Smart Dumb Things
MIXX Canada 2015: Smart Dumb Things MIXX Canada 2015: Smart Dumb Things
MIXX Canada 2015: Smart Dumb Things
 
UX Unicorns - legend or fable?
UX Unicorns - legend or fable?UX Unicorns - legend or fable?
UX Unicorns - legend or fable?
 

Recently uploaded

AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
jhonguerrerobarturen
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 

Recently uploaded (20)

AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 

Skeuomorphism (UX Lx, May 2011)

  • 1.
  • 3. "Skeuomorphism is the use of previously necessary design elements in a place they are no longer necessary in order to increase appeal or usability."
  • 5. Reason Software Synth Hardware synth-style layout and controls
  • 6. Electric Car Recorded engine noise (required by law)
  • 8. Rubber Wine Corks Painted-on mottling
  • 11. WHY IS THIS RELEVANT? Touch interfaces We're using our hands They're new technology
  • 12. REFERENCES TO FAMILIAR OBJECTS 1984 2010 desktop metaphor helps physical metaphors the transition to graphical (skeuomorphs) help transition interfaces to touch interfaces
  • 13. “When appropriate, add a realistic, physical dimension to your application. Often, the more true to life your application looks and behaves, the easier it is for people to understand how it works and the more they enjoy using it.” — iOS Human Interface Guidelines
  • 14. “Dig, however, the page-curl animation (beautifully rendered, but stick-in-the-craw wrong) in iBooks. Feast your eyes on the leatherette Executive Desk Blotter nonsense going on in Notes. Open up Calendar, with its twee spiral-bound conceit, and gaze into the face of Fear. What are these but misguided coddles, patronizing crutches, interactively horseless carriages?” — Adam Green eld
  • 15.
  • 16. WHICH IS THE IDEAL READING EXPERIENCE? iBooks Kindle
  • 17.
  • 18. WHAT IS THIS DEVICE FOR? It's barely a device; it's a book. Skeuomorphs deemphasize the technology in favor of the utility.
  • 19. WHICH ONE DO WE GET FOR GRANDMA? iOS Android
  • 20. KNOW YOUR AUDIENCE Worst. Skeuomorph. Ever.
  • 21.
  • 22. WHICH IS BETTER GIVEN THE TECHNOLOGY? skeuomorphic compass camera-enabled compass
  • 23.
  • 24.
  • 25.
  • 26.
  • 27. WHAT HAVE WE LEARNED? Use skeuomorphs to add a satisfying or nostalgic emotional e ect. Bridge gaps between what people are used to and a new method with skeuomorphs. Question whether you're skipping the opportunity for innovation by using a skeuomorph. Don't mismatch your functionality and your skeuomorph.
  • 28. Two goals for our users:
  • 29. Two goals for our users: 1. GET THINGS DONE
  • 30. Two goals for our users: 1. GET THINGS DONE 2. SMILE
  • 31. Two goals for our users: 1. GET THINGS DONE 2. SMILE Skeuomorphism can help.* (*if done well)
  • 32. “Usable designs are not necessarily enjoyable to use... an attractive design is not necessarily the most e cient. But must these attributes be in con ict? Can beauty and brains, pleasure and usability, go hand in hand?” — Don Norman
  • 33. THANK YOU. WRITING BY Fred Beecher, Ben Brooks, Adam Green eld, John Pavlus, Steven Poole, Dorian Taylor, Timothy Taylor, Aaron Weyenberg, and Quora users like you. PHOTOS BY anitakhart on ickr, museum_girl on ickr, captkodak on ickr, taberandrew on ickr, Matt Groening, Penny Arcade, innerauto.com, nissanusa.com, and the iOS App Store.
  • 34. a Andrew Watterson is a designer. www.andrewwatterson.com @andrewwatterson Meebo is totally hiring. www.meebo.com/jobs