SlideShare a Scribd company logo
Skeuomorphism (UX Lx, May 2011)
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
Skeuomorphism (UX Lx, May 2011)
WHICH IS THE IDEAL READING EXPERIENCE?




           iBooks                   Kindle
Skeuomorphism (UX Lx, May 2011)
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.
Skeuomorphism (UX Lx, May 2011)
WHICH IS BETTER GIVEN THE TECHNOLOGY?




  skeuomorphic compass      camera-enabled compass
Skeuomorphism (UX Lx, May 2011)
Skeuomorphism (UX Lx, May 2011)
Skeuomorphism (UX Lx, May 2011)
Skeuomorphism (UX Lx, May 2011)
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

The Wise Way (Slideshow by: Kal-el Marcus)
The Wise Way (Slideshow by: Kal-el Marcus)The Wise Way (Slideshow by: Kal-el Marcus)
The Wise Way (Slideshow by: Kal-el Marcus)
Kal-el Shows
 
bedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptxbedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptx
gameransh001
 
Arch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural PortfolioArch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural Portfolio
ssusere235001
 
Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)
Kal-el Shows
 
Introduction of Stone Display Stand.pptx
Introduction of Stone Display Stand.pptxIntroduction of Stone Display Stand.pptx
Introduction of Stone Display Stand.pptx
Xiamen Tsianfan Industrial & Trading Co.,Ltd.
 
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdfPreserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Mostafa Abd Elrahman
 
Zaha-Hadids-Influence-on-Modern-Architecture.pdf
Zaha-Hadids-Influence-on-Modern-Architecture.pdfZaha-Hadids-Influence-on-Modern-Architecture.pdf
Zaha-Hadids-Influence-on-Modern-Architecture.pdf
Mostafa Abd Elrahman
 
Your True Identity (Slideshow by: Kal-el)
Your True Identity (Slideshow by: Kal-el)Your True Identity (Slideshow by: Kal-el)
Your True Identity (Slideshow by: Kal-el)
Kal-el Shows
 
2024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_202407082024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_20240708
kousato1
 
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdfNeom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Mostafa Abd Elrahman
 
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】 .
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】  .十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】  .
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】 .
telchlarzelere270
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
sexytaniya455
 
This is Diva abaya look book portfolio .pdf
This is Diva abaya look book portfolio .pdfThis is Diva abaya look book portfolio .pdf
This is Diva abaya look book portfolio .pdf
divathisis
 
SS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers ParisSS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers Paris
Peclers Paris
 
2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf
kousato1
 
Abortion pills in Kuwait 🌈+966_505195917 cytotec pills in Kuwait City salmiya...
Abortion pills in Kuwait 🌈+966_505195917 cytotec pills in Kuwait City salmiya...Abortion pills in Kuwait 🌈+966_505195917 cytotec pills in Kuwait City salmiya...
Abortion pills in Kuwait 🌈+966_505195917 cytotec pills in Kuwait City salmiya...
drmarathore
 
ITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdfITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdf
shyamraj39
 
Acclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdf
Acclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdfAcclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdf
Acclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdf
ssuserdee4d8
 
The Parthenon Atenas grecia una vista al pasado.pptx
The Parthenon Atenas grecia una vista al pasado.pptxThe Parthenon Atenas grecia una vista al pasado.pptx
The Parthenon Atenas grecia una vista al pasado.pptx
LuiyoSeMa
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
92nqjwr76x
 

Recently uploaded (20)

The Wise Way (Slideshow by: Kal-el Marcus)
The Wise Way (Slideshow by: Kal-el Marcus)The Wise Way (Slideshow by: Kal-el Marcus)
The Wise Way (Slideshow by: Kal-el Marcus)
 
bedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptxbedsores20-9-14-150627122143-lva1-app6892.pptx
bedsores20-9-14-150627122143-lva1-app6892.pptx
 
Arch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural PortfolioArch.Bob _ 005 _ Architectural Portfolio
Arch.Bob _ 005 _ Architectural Portfolio
 
Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)Fear and Faith (Slideshow by: Kal-el Go)
Fear and Faith (Slideshow by: Kal-el Go)
 
Introduction of Stone Display Stand.pptx
Introduction of Stone Display Stand.pptxIntroduction of Stone Display Stand.pptx
Introduction of Stone Display Stand.pptx
 
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdfPreserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
 
Zaha-Hadids-Influence-on-Modern-Architecture.pdf
Zaha-Hadids-Influence-on-Modern-Architecture.pdfZaha-Hadids-Influence-on-Modern-Architecture.pdf
Zaha-Hadids-Influence-on-Modern-Architecture.pdf
 
Your True Identity (Slideshow by: Kal-el)
Your True Identity (Slideshow by: Kal-el)Your True Identity (Slideshow by: Kal-el)
Your True Identity (Slideshow by: Kal-el)
 
2024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_202407082024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_20240708
 
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdfNeom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
 
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】 .
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】  .十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】  .
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】 .
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
 
This is Diva abaya look book portfolio .pdf
This is Diva abaya look book portfolio .pdfThis is Diva abaya look book portfolio .pdf
This is Diva abaya look book portfolio .pdf
 
SS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers ParisSS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers Paris
 
2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf
 
Abortion pills in Kuwait 🌈+966_505195917 cytotec pills in Kuwait City salmiya...
Abortion pills in Kuwait 🌈+966_505195917 cytotec pills in Kuwait City salmiya...Abortion pills in Kuwait 🌈+966_505195917 cytotec pills in Kuwait City salmiya...
Abortion pills in Kuwait 🌈+966_505195917 cytotec pills in Kuwait City salmiya...
 
ITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdfITR Filing for the year of the 2023-24 .pdf
ITR Filing for the year of the 2023-24 .pdf
 
Acclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdf
Acclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdfAcclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdf
Acclerating_the_energy_transition_Microsoft_x_WindEurope_1711355110.pdf
 
The Parthenon Atenas grecia una vista al pasado.pptx
The Parthenon Atenas grecia una vista al pasado.pptxThe Parthenon Atenas grecia una vista al pasado.pptx
The Parthenon Atenas grecia una vista al pasado.pptx
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
 

Skeuomorphism (UX Lx, May 2011)

  • 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
  • 16. WHICH IS THE IDEAL READING EXPERIENCE? iBooks Kindle
  • 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.
  • 22. WHICH IS BETTER GIVEN THE TECHNOLOGY? skeuomorphic compass camera-enabled compass
  • 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