Skeuomorphism in UX: Definitions, examples, and its relevance today – Beragampengetahuan

What is skeuomorphism?

Skeuomorphism in graphic UI design describes interface elements that mimic real-world objects in how they appear or how the user interacts with them. These design elements act as cues resembling real life within the visual space. A good example is the recycle or trash bin, which lets you discard files, which mimics a design from real-life trash bins:

In Greek, “skeuos” means “container” or “tool,” while “morph” means “shape,” so skeuomorphic means “containing a shape.” In the brick-and-mortar days, the word “skeuomorphic” was originally used to describe physical products that carried over their shape or design from previous iterations. For example, a plant-based burger would still be in the shape of a beef burger.

Skeuomorphism in mobile UI design used designs from the age of early modern computing. Apple’s early iOS designs used skeuomorphism in most of their UI. It was regarded as intuitive because people who did not know how to use iPhones could take these cues from real life and intuitively learn how to use smartphones.

Editor’s note: This article was updated on 26 March 2025 to reorganize content, add information around skeuomorphism’s impact on design trends like neumorphism, dive deeper into how it compares to design trends like flat design, discuss best practices for leveraging skeuomorphism in UI designs, answer FAQs about skeuomorphism, and comment on skeuomorphism’s decline in relevance as a UX trend.

The evolution of skeuomorphism: From dominance to decline

Before we really take a look at skeuomorphic design, we have to know where it came from. So here’s a brief history of skeuomorphism:

• 1980s — Steve Jobs is the major proponent of skeuomorphic design. He is all about the user and thinks that skeuomorphism can enhance UX so that each user can feel as if the experience online mirrors their offline experiences
• 1988 — Don Norman, commonly called the father of user design, published “The Design of Everyday Things”. His book mapped out the concept of affordances — how intuitive, easy-to-use, or user-friendly a design is. He calls skeuomorphic designs “comfortable for traditionalists” and criticizes how “new technologies and materials often slavishly imitate the old for no apparent reason except that is what people know how to do”
• 2007 — Apple unveils its first mobile operating system, iOS 1.0, which heavily features skeuomorphic design
• 2013 — Two years after the passing of Steve Jobs, Forbes Magazine foretells the death of skeuomorphic design in their article “Apple’s iOS 7, Well, It Was Time for Skeuomorphic Design to Die.” They cover the reveal of Apple’s iOS 7, which tends toward flat design or minimalist design rather than skeuomorphic design — a visual approach that the product continues to carry and refine today

In the following side-by-side comparisons of some well-known iPhone apps, you can see how Apple has dropped the heavily skeuomorphic icons (left) to instead adopt a distinctly flat design (right) — a visual approach that the product continues to carry and refine today:

Why skeuomorphism is going out of style

According to the IxDF, there’s some debate over whether or not users are accustomed to graphical user interfaces enough that skeuomorphic cues are no longer needed to help users understand how to use them:

“Opponents of skeuomorphism argue that natural-looking objects can make an interface look cluttered and that some of the objects mimicked in skeuomorphism have become obsolete and meaningless to users (e.g., the floppy disk for the “Save” action). Proponents, on the other hand, argue that humans can never become as accustomed to the digital world as we are to the physical world—so, simple skeuomorphism will continue to be helpful.”

The Forbes article mentioned above outlined some similar reasons as to why skeuomorphism “died.” For one, it was used in the 80s to come up with reasons for how to manage the evolution of the internet. It just wasn’t feasible that the way in which we use technology in the 80s and technology in the early 2010s will be the same. In order to evolve with technology, we have to let go of old patterns.

Another reason for skeuomorphism’s decline in popularity is scalability. It’s based on pixel-by-pixel rasters, which suited the trend of the time. Today, more designers use vectors instead of rasters, which is better suited to flat design. Flat design is also much more scalable, especially when designing interfaces for multiple screens like phones, tablets, and computers.

While skeuomorphism was a major trend, I do think it’s a trend of the past, and I don’t think it’s coming back anytime soon. Let’s take a look at two other trends: flat design and neumorphism.

Skeuomorphism vs. flat design: Opposites in UI design

Skeuomorphism paved the way for flat design to claim its title as the leading UI design style in the modern day. These two are opposites in many ways, and the varying factors that led the rise and fall of skeuomorphism effectually led to the rise of flat design in turn.

While skeuomorphism mimics 3D objects in design, flat design uses 2D representations with vibrant colors:

Flat design debuted in 2013 with Apple’s iOS 7, Windows 8, and Google’s Material Design. Some characteristics of flat design are:

• Two-dimensional illustrations
• Bright, high contrast colors
• Single color, or two contrasting colors
• No gradients, shadows, textures, embossing
• Simple typography and sans-serif fonts
• Crisp edges in symmetrical grid based layouts
• Clean lines in a distinctly modern aesthetic

This visual aesthetic is characterized by a minimalist philosophy, embracing the term “less is more” to emphasize usability and lead the users directly to content. Showcasing flat and minimalist icons can enhance usability, enabling the user to easily identify and match the flat icon to the content:

Compared to skeuomorphism, the two-dimensional nature of flat design makes it more minimalist and responsive, with simpler shapes that can be loaded faster.

Skeuomorphism is a remnant of the time when older generations were introduced to and were navigating the early days of the computer and the internet. A more realistic appearance made icons easier to recognize and understand for users at that time.

On the other hand, now that most everyone has a smartphone and is connected 24/7, much of the appeal of skeuomorphism is gone. Users are generally already familiar with icons and their usage, so designers can use flat designs to hint at their meaning and purpose rather than relying on lifelike representations, allowing for a larger emotional appeal for modern users.

One of the key design principles of UX/UI is “form follows function.” So, everything that is designed must have a specific function, and moreover, it must be in a functional form. Skeuomorphism, in many ways, seems ornamental, while flatter designs are both easy to understand and functional. This is another reason why skeuomorphism seems to no longer be in use while flat design is more common.

Skeuomorphism vs. neumorphism: Comparing trends

When skeuomorphism dwindled due to reasons stated above, Alexander Plyuto designed an interface in 2019 that was largely influenced by skeuomorphism but applicable to modern-day. This became known as neumorphism.

Neumorphism, a portmanteau of “neo” and “skeuomorphism,” is like a modern-day iteration of skeuomorphism. It combines the best elements of both skeuomorphism and flat design, resulting in a minimalist appearance that still gives a sense of three dimensions in its life-like buttons.

Neumorphic elements like icons and buttons sit on top of the background surface in a raised shape, enhanced by shadows and sometimes embossing, making it very similar to skeuomorphic design. The color of the element is either the same or very subtly different from its background, which varies from its counterparts in skeuomorphism and flat design:

But, unlike skeuomorphism, there are very minimal elements to the imitation of 3D objects. Neumorphism shows a balance between skeuomorphism and flat design, by having aesthetically minimalist elements but also employing the techniques of embossing, shadows, and other effects from skeuomorphism.

However, there are certain problems with neumorphism — mainly, due to its low contrast ratio between the background and the icon, accessibility would be limited for blind or visually impaired users. There is also an accessibility issue with visual hierarchy; if all the buttons are embossed in a neumorphic style, it might be challenging for the user to know which ones to press first.

So, while neumorphism offers a tempting “best of both worlds” in the great skeuomorphism-vs-flat-design debate, It’s important not to compromise on UX in your UI designs.

Skeuomorphism design: Practical applications and examples

Skeuomorphism, though popular in its heyday, is not as commonly used now as flat design or neumorphism. But where does skeuomorphism still apply, and what are the key examples of good skeuomorphic use?

Skeuomorphism in user interfaces

If you take a closer look at the new iOS camera icon, you might notice that it still has some skeuomorphic design elements. Apple might have changed a few things — the old iOS 1.0 camera icon showed a shutter’s iris, while this one has a small outlined shape of a camera — but the icon overall is still a raised icon that gives the feeling of a three-dimensional button:

This is because it still has its affordances, borrowing a term from Don Norman. The less prominent skeuomorphic elements, such as the subtle shadow contour, allow for more intuition as to its use.

Likewise, modern smartwatches also still feature skeuomorphic design for the most part, especially with the option to display the time on the watch face with a representation of an analog watch. Is it a watch? Is it a computer on your wrist? It’s both, and it demonstrates how skeuomorphism still has its place in modern design.

Take digital calendars as another example. A calendar icon in any phone or laptop still has the hallmarks of skeuomorphism. The digital calendar itself has the sense of real-life planners or schedulers, but digitized, with room for events, notes, and even timers.

Skeuomorphism in branding

A significant part of the branding of certain apps such as Paperlike, Goodreads, and Notability are their features that make digital mediums feel like paper. This means that the appearance and even the slide of the hand on the screen must feel like a sheet of notebook paper.

Similarly, many savings apps still use life-like elements such as wallets, piggy banks, and saving jars to make the experience of savings more interactive. The look and feel of a real wallet makes saving easier and more engaging, especially with the interactive elements that usually accompany money transactions.

When it comes to branding experiences and features with high customer appeal, skeuomorphic designs are still alive and well.

Conclusion

No flat design or skeuomorphic design could ever really mirror reality. But UI designers can try, especially if they can leverage aspects of these design approaches to enhance UX. As we’ve seen, skeuomorphism had its practical applications in the early days of the internet, and still has functionality in use cases today.

Skeuomorphism has evolved into many forms, such as neumorphism, as well as influenced opinion to sway UI design trends the other way into flat design. Both the lovers and haters of skeuomorphism cannot deny that it was an influential design technique that still has a place in certain areas of UX/UI design.

To employ skeuomorphism with skill and tact, UI designers must take UX into account. The user, who lives on the internet in daily life, is already familiar with many of the skeuomorphic design cues. To have skeuomorphism back in daily use, designers must recognize the ways in which the user uses their intuition to get where they need to go online and how skeuomorphic designs can assist them.

Skeuomorphism is (somewhat) dead. Long live skeuomorphism!