What Is Skeuomorphism?

Skeuomorphism is a digital design style that mimics physical objects. In user experience (UX), skeuomorphism pulls design cues from existing objects to invoke real-life experiences for users. This design style aims to simplify the usability of the interface and increase the speed of learning how to use it. 

Skeuomorphic images are similar to design metaphors, providing contextual clues using a known concept or image to help people understand a new product. By tapping into cultural affordances, skeuomorphic design spurs users to take action by telling them how to interact with a digital object.

Examples of skeuomorphism

To deepen your understanding of this concept, consider a few everyday examples that can help bring it to life. Examples of skeuomorphism include the following:

• Calculator: The calculator app on a smartphone has a layout similar to a desk calculator. The keypad, input line, and mathematical elements are found in familiar places using skeuomorphic design, which gives the user immediate recognition of how to operate it.

• Camera phone shutter sound: Many cell phone cameras make a shutter sound when a photo is taken to mimic an analogue camera. The phone’s camera does not need to make noise to function, but the sound gives the user a recognisable cue to signal the picture has been taken.

• Desktop recycle bin: The desktop recycle bin is a recognisable object that gives users an intuitive indication of how to use it. The design went further with skeuomorphism by allowing users to drag and drop items directly into the bin just as they would in the physical world. 

In the early days of smartphone releases and desktops, user interface (UI) design gravitated towards skeuomorphism to give users a relatable experience to objects they were already familiar with, such as calculators, notebooks, file folders, and mail. UI design trends eventually moved away from skeuomorphism in favour of the more simplistic style of flat design. However, it is experiencing a resurgence with the growing popularity of wearable technology like smartwatches and virtual reality software.

Skeuomorphism vs flat design: What’s the difference?

Skeuomorphic designs use graphics that look like their real-life counterparts. They use gradients, textures, and shapes to simulate the appearance and function of a physical object. The design will have the same layout as the real-world item and may even add a drop shadow to a button to mimic the depth and give the illusion that it physically moves when pressed. 

Flat design opposes skeuomorphism by focusing on uncomplicated images with a clean and simplistic aesthetic. It avoids shading, gradients, and rounded edges to stay minimalistic and maintain a two-dimensional appearance.

Skeuomorphism and flat design do not have to be mutually exclusive in UI design. While current app icons use flat design to maintain a clean home screen appearance, features within the app, such as drawing tools in a notebook, can look realistic. As technology continues to evolve, design will change with it, but skeuomorphism remains a valuable tool for connecting digital users to the physical world.

Related terms

• UI design

• Usability

• UX researcher

• UX writer

• UX strategy

Learn UX design with Google

Skeuomorphism is less prevalent than flat design today, but it remains a vital digital design style, particularly with the increasing use of virtual reality software and wearable technology. With the Google UX Design Professional Certificate, continue building your UX design knowledge and skills. Topics include UX design foundations, UX research, prototyping, and more. Upon completion, you’ll have exclusive access to a job platform with over 150 employees hiring for entry-level UX roles and other resources supporting your job search.