For the uninitiated, skeuomorphism is

> “A graphical user interface design to describe interface objects that *mimic* their real-world counterparts in how they appear and/or how the user can interact with them”

For those looking for a pop quiz answer

> “digital buttons that look like real buttons”

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FnEC4k6KumxbK4wUS7nk4DVKsdng2%2FnX5Mtv0riV7dXRmOs1fN%2F91a8ef27-3778-49d4-b530-515faf8043bc.png?alt=media&token=a262391c-3999-47fc-b260-8119b99c1702","id":"91a8ef27-3778-49d4-b530-515faf8043bc","width":550,"height":300,"filename":"fsfsfsdf.png","type":"image/png","caption":"Skwuomorphism in all its glory","border":false}]}
```

## **If there’s one topic I see brought up more than I would like, its skeuomorphism and its place in the world of design.**

**Firstly**, let’s make one thing clear, I’m not against skeuomorphism in of itself. It served its purpose when it was needed and it led to the greatest undertaking of technological societal change in history. It played its part wonderfully. By its definition it was used as a guiding hand through the new and unfamiliar digital terrain that has since changed the world.

So what exactly am I against with my vaguely insulting title? My issue in fact lies with those among us that believe skeuomorphism should see a return to its former glory, that design has become too formulaic, too cookie-cutter and that the only real way back to a sense of uniqueness and individuality is skeuomorphism (or atleast its an option).

This has always felt like change for the sake of change as opposed to moving forward with purpose. I’ve long been a believer that a vast majority of UI and product designers at the moment are graphic designers in disguise, looking for the next trendy aesthetic to work into the newest problem, I should know, I started as that type of designer.

But real, solution based design IS cookie cutter, we should take pride in solving a problem, we shouldn’t need to dress it up in forty different ways to feel validated. Take the image above for example (Scroll up). Let’s say it’s a recording device of sorts. I, like you and countless other designers will look at that and say YES! that is gorgeous, the subtle off-white buttons with some good ol’ common region UX law, the almost tactile look of the nobs where you can mentally hear the “clunk” when you turn it, the purposeful use of colour! Brilliant.

Nevertheless, the basic function of a recorder here has been made cumbersome and difficult to use when modern product design is taken into account. Look at the interactions available to the user and ask how many can be automated away? Almost all of them by 2019 standards, a casual user expects to be able to push one button and be done.

## **Skeuomorphism meets UX Laws, Dieter Rams and common sense**

> *If you need a refresher or you just need to know…[click here](https://lawsofux.com/)…for the brilliantly curated list of UX Laws by **Jon Yablonski***

Something often ignored when people advocate for the return of skeuomorphism is how it contradicts its very definition. Simply put, users don’t need skeuomorphism to understand digital spaces anymore because they understand those spaces just as easily now as they would a real world interaction.

In fact its reasonable to make the argument that at this point it would actually confuse a user more if they were to experience their digital spaces with a skeuomorphic design. The reason for this is to emulate the real world you emulate its spaces, when you emulate its spaces you are inherently emulating its solutions. Suddenly a library app has shelves to hold virtual items, an app for reading has pages so the publisher doesn't run out of space, so on and so forth.

With this in mind the ability to have a continuous digital vision is hindered because the accommodation for nonsensical solutions has been met.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FnEC4k6KumxbK4wUS7nk4DVKsdng2%2FnX5Mtv0riV7dXRmOs1fN%2F8a924871-6e9f-4998-85de-68db9eee3785.png?alt=media&token=8a3823a0-f5c2-4a18-ab22-2f5be29a82fa","id":"8a924871-6e9f-4998-85de-68db9eee3785","width":1200,"height":630,"filename":"ppalss.png","type":"image/png","caption":"Apple's App Store","border":false}]}
```

If you have an Apple device, browse around their native apps, primarily the app store, Apple Books and Apple News. With the shackles of skeuomorphism removed, each app can define a coherent digital space that a user can be familiar with, without having ever picked up a newspaper, gone into a library or browsed a store.

We see these shackles of skeuomorphism in brand identity as well, below is one of Instagrams earliest logos with its sub-brands following.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FnEC4k6KumxbK4wUS7nk4DVKsdng2%2FnX5Mtv0riV7dXRmOs1fN%2F55890919-4768-4067-b5ca-7c14005df13b.jpg?alt=media&token=bf6d00eb-b258-4028-8570-6cdf5a1a6e67","id":"55890919-4768-4067-b5ca-7c14005df13b","width":1400,"height":879,"filename":"inggggg.jpeg","type":"image/jpeg","caption":"Instagram - Early and current logo","border":false}]}
```

Unless you were a hardcore user you wouldn’t know that the three sub-brands were anything to do with Instagram, there aren’t really any real world counterparts to a boomerang that you can apply to an app icon and have a new user instantly know “ah that works with instagram, my photo application”. The modern logo, while heavily mocked at the start, actually solves this solution.

(Edit after watching Abstract: The Art of Design Season 2, Ian Spalter supports this)

## **So let’s talk about UX Laws**

There’s two laws I want to focus on primarily but plenty more could just as easily be here. Those laws are **[Hick’s Law](https://lawsofux.com/hicks-law)** and the **[Law of Prägnanz](https://lawsofux.com/law-of-pragnanz).** Hick’s Law states that the time it takes to make a decision increases with the number of complexities that confront the user. This seems straightforward to anyone today but this was only fully studied in the 1950’s. Slightly more complicated is the Law of Prägnanz which states that people will perceive and interpret ambiguous or complex images as the simplest form possible, because it is the interpretation that requires the least cognitive effort of us.

If we join these together we can immediately see how they would immediately rule skeuomorphic design out as a solution compared to current day approaches.

Its in-fact the second part of Prägnanz’ law that is the real nail in the coffin for skeuomorphism as a modern user centric solution. “**it is the interpretation that requires the least cognitive effort of us.”**

We see this in iconography, we’ve seen it throughout generations of typography and perhaps familiar to most, we see it in logo design. Instagram doesn’t need a highly rendered camera to tell us its a camera app. Lets face it, why bother at all if our brains are going to discount huge portions of the information anyway, just to help itself remember what an icon can already tell us at a fraction of the time with less pressure on the user.

## **Real world design meets digital design**

> “I hate everything that is driven by fashion. From the beginning it was hating the sixties American way of styling. Especially the cars. They changed their cars every two years to sell new ones. Which has nothing to do with good design” — Dieter Rams

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FnEC4k6KumxbK4wUS7nk4DVKsdng2%2FnX5Mtv0riV7dXRmOs1fN%2Fc9f3778f-622c-4d57-a41c-02e1d8d7539b.jpg?alt=media&token=20bccee4-7a8d-486d-bdd2-23f4f16f1ec2","id":"c9f3778f-622c-4d57-a41c-02e1d8d7539b","width":1280,"height":720,"filename":"ditere.jpeg","type":"image/jpeg","caption":"Dieter Rams - The man that designed every Apple product without ever stepping foort in the building","border":false}]}
```

## **10 Principles of Good Design**

Dieter Rams is one of the most respected designers in the world, he is renowned for his purist view on what design means to the world and in recent years has become known for being the core inspiration to the former Head of Design at Apple, Jony Ive.

This is perhaps a post for another time but there is a distinct lack of Dieter Rams’ ten principles in digital product design. Now lets not get it twisted, Rams’ principles don’t translate word for word and some even come undone in the world of digital product design, regardless there’s great points of knowledge that could be carried over that simply aren’t.

Principle number six for example, “Good design is honest”, how many times can we think in the last few years that this principle has come undone throughout cloud storage, social media and simple apps designed to gather our data.

That said, plenty of other principles come clearly into focus when viewed along side digital product design. “Good design is unobtrusive”, “Good design makes a product useful” and probably most important of all “Good design makes a product understandable” are all in a position to play a role.

If we are to push forward for a more defined, even cookie-cutter way of solving design problems, we need a baseline, skeuomorphism simply doesn’t fit into that future of functional, people focused design.

## **“BUT! I REALLY REALLY LIKE SKEUOMORPHISM!”**

Okay okay, within reason I supposed skeuomorphism is acceptable. I would be remised if I didn’t take into account one of Rams’ principles that does defend that use of skeuomorphic design.

> ***Principle 3: Good design is aesthetic***

When it comes to an aesthetic it makes sense for some applications to maintain the real world visual. Sound engineering is one of those spaces that the user will almost always be using physical products along side digital products, for this workflow it makes complete sense to keep the two visuals identities aligned.

Happy?

I know you like skeuomorphism, but you’re wrong

Product Designer

Best Son of the year award

Random, funny, naughty prompts that asks a random friend to answer. A picture, comment or video to show your best and worst moments. Together

Founder / CEO

I joined Dootrix for everything Logically lacked, senior skill sets, more projects and to experience a tightly ran ship of experienced leaders, managers along with designers and engineers. 

to be continued

My first job in product and yep...."lead"...It's not a typo and yes I was woefully under equipped for it, alas I built a small team, I handled product strategy, managed some PM responsibilities all before I touched any UI or UX work. 

Logically's mission and vision was brought on by Brexit in the UK and the 2016 U.S Election of the same year. We wanted to rid discourse of misinformation across both the political climate and media. 

The task I was hired for was to rework the app on both iOS and Android as well as the website. After a first sprint around audits I put forward that we should also commit to a rebrand. 

Before my time finished at Logically I completed a whole host of work that including a complete company wide rebrand of Logically, built a basic design system to increase efficiency for devs. The longest but most rewarding outcome from my time was the visual design work which combined a lot of exploration with user research around the iOS app to figure out how best to present the news in a digestible way while not distracting the user with information showing the validity of sentences, quotes and paragraphs.

James Drake 👋

2022