User Experience

These icons are garbage

By:

Morgan Plappert
Morgan Plappert

on 7/31/2015

“I believe that good icons are more akin to road signs rather than illustrations, and ideally should present an idea in a clear, concise, and memorable way. I try to optimize for clarity and simplicity even as palette and resolution options have increased.” -Susan Kare

Even if you are not familiar with Susan Kare’s name, you are familiar with her work. She is responsible for designing many legendary icons and has a unique perspective on the balance of art and usability.

Historically, people used symbols and imagery to convey meaning, such as with hieroglyphics and stained glass windows. In today’s digital world, we use images to communicate in the form of icons. And like other imagery, icons have evolved along with style and technology.

Let’s take a look at the evolution of the trash icon.

In the beginning of the computer’s storied history the one thing that remained true across operating systems was the simplicity of the user interface. The lack of graphical content held strong for decades, but as time progressed, so did the addition of GUIs (Graphical User Interfaces) which included icons. Many icons imitate real-life objects, which instruct the user of that application’s capabilities. So, it makes sense that when you want to get rid of something on your screen, you send it to a virtual trash bin.

Icon design first surged onto the scene in the 80’s, introducing the world to flat, black and white, outlined shapes that were able to represent content with more than just words. These first-generation icons were heavily based off of a grid system, embracing simplicity and structure. In fact, the flat style, that everyone has fallen back in love with today, is heavily based off the humble beginnings of the icon. Trash cans were first designed in a simple, yet effective (and heavily pixelated) fashion, to convey the recognizable shape of the trash bin.

Fast forward to the late 80s and things start to, quite literally, explode. Three-dimensionality becomes all the rage, as file cabinets begin to spill out paperwork, folders fold open off of the screen, and trash cans overflow, spilling their content all over your desktop. The illusion of dimensionality and the portrayal of color took icon design by storm. Trash cans were now … orange? and when full, would bulge from the sides. You know the phrase “less is more”? … yeah, the 80s weren’t buying that, and this was just the beginning. Ahhh, the drop shadow. The 90s introduced a more expansive color palette and built upon the illusion of dimension. By the late 90s, every icon on your screen was afloat. This hovering element held true in the portrayal of the trash can, as some began to show raised lids, or were even replaced by dumpsters with legs and, of course, an accompanying drop shadow.

The 2000s brought realism. Icons took shape, dropped their stark outlines and began to look like realistic objects. Trash cans were now see through, with paper crumbled up within, or metal with reflective, shiny elements. This craze spread throughout the icon world and there was no holding it back. At this time, the digital trash bin was replaced by a recycling bin on some desktops; trends of the real world were translated into the digital world.

The Next Step.

Wait, so less really is more? When we look at the icons today, things have partially reverted to their primitive state. The craze of realism has become exhausted, and icons are, once again, embracing simplicity. We now live in a world of two-dimensional trash can icons, and we’re ok with that.

So, what’s next? What will your trash can icon look like in 10 years? Will it be anything like the robot trash can in our office? Your guess is as good as ours, but we can tell you one thing, we’re excited to find out.

This post was a collaborative effort by Casey LaRue, Morgan Plappert, and Corinne Resch

Share to

Related Posts

Email
Email @ 50: The Art of Email Design
Email @ 50: The Art of Email Design

By:Morgan Plappert on 8/6/2021

I remember when I first started out as a designer (professionally), having to play Photoshop Tetris with cut up image blocks to piece together a full email layout. As a UX designer, we are taught that nothing is more important than usability and utility … and let’s just say, nothing puts those things to the test quite like Photoshop Tetris. Thankfully we have more sensible solutions now, but email design still comes with its added constraints and limitations. Luckily, I’ve had enough time and practice to be able to share a bit of knowledge, tips & tricks with you fine folks. So, let’s cut it up.

Read More »
The Dramatic Uptick in Shopping on Mobile is all about Comfort

By:Ben Wilson on 11/25/2019

The rise of mobile purchasing has changed the game for the long haul.

Read More »