Web Design Trends: A Closer Look at Skeuomorphism

The world of web design moves fast. New trends pop up every day. Current trends quickly become just part of the norm. And old trends can easily fall out of favor, resulting in websites that look generic. As a web designer, you must keep yourself on the cutting edge in order maintain a great reputation and continue to earn the business you desire. And one of these web design trends that you need to take a closer look at is the use ofskeuomorphism.

What is skeuomorphism?

In general terms, a skeuomorph is a design feature that is brought from the original, known version of a product and incorporated directly into the design of a new product. If you pay attention, there are examples of this everywhere. From decorative buttons or fake pockets on your clothing to the way the calculator on your computer mimics the real-life version. Normally, a skeuomorphic design feature doesn’t actually serve the same functional purpose as it did in the original product. So why should you even consider including skeuomorphs in your designs at all?

Why Use skeuomorphism in web design?

The simple reason to use skeuomorphism in web design relates directly to the experience of the user. Though some might argue that this type of design can be counterproductive, it’s hard to overstate how much providing familiarity can benefit your business when trying to draw in and keep consumers. Simply put, most people are attracted to the things they are familiar with.

Change can be scary, but the proper use of skeuomorphism in web design can act to allow users a way to experience something new, but with a certain familiarity that keeps them moving forward. However, you must be careful not to oversimplify everything in a way that makes your users feel talked down to. That’s why the introduction of skeuomorphism must be carefully calculated before you decide to implement it into any web design.

iphone-calculator-braun

 

What are some famous examples of skeuomorphism in web design?

Most people would say that the leader in skeuomorphic design is Apple. Many of their software applications, such as their calendars and maps, have incorporated this type of real-life look and feel. The same goes for their note functions, which can look and act like a legal pad. While these design elements don’t necessarily affect the functionality of the applications, they do go a long way towards improving the actual user experience, which is often what separates Apple from the rest of the pack as true pioneers.

 

skeuomorphism-110112

Another famous example of modern skeuomorphism is found on many eBook readers.

Virtual_Flip

 

When these were being designed, there was a fear that consumers would miss some of the more familiar elements of reading a book. The main one of these elements was the actual act of finishing a page and physically turning to the next one. This led eBook reader developers to create a skeuomorphic design that actually imitated the feeling of turning your book to the next page.

All in all, the use of skeuomorphism in web design must be considered on a project-by-project basis. It is not the right way to go in every instance, but it is certainly something that all web designers should be familiar with and willing to employ when the time is right.

 

Aileen Galsim is a blogger for Showcase Creative a UK printing company, based in Camberley, that provides bespoke presentation folders, calendars, and other printed presentation products.

Contributor

The above post is written by Guest Authors on Orphicpixel. The Guest Author information is available in the post itself. If you wish to write for us. Send your guest post at contact@orphicpixel.com

4 Responses

  1. Ayisha Papiya says:

    I was not idea about skeuomorphism after reading your article i have to clear about it. Hopefully skeuomorphism will be helpful for my product design !!

  2. Simon M. Macbeth says:

    <a href="http://www.1-to-1.org.uk/ " >web design</a>
    <a href="http://www.1-to-1.org.uk/cheap-web-design.html " >cheap web design</a>
    <a href="http://www.1-to-1.org.uk/cheap-web-design.html " >cheap website design</a>
    <a href="http://www.1-to-1.org.uk/seo.html " >cheap seo</a>
    <a href="http://www.top10ukwebsitehosting.co.uk&quot; >top 10 uk website hosting</a>
    <a href="http://www.webdesignreview.co.uk/&quot; >web design review</a>
    <a href="http://www.simonmacbeth.co.uk " >simon macbeth</a>
    <a href="http://www.simonmacbeth.co.uk " >simon m macbeth</a>
    <a href=" " > payday loans</a>
    <a href=" " > payday loans</a>
    <a href=" " > payday loans</a>
    <a href="http://www.1-to-1.org.uk/logo-design.html " > cheap logo design</a>
    <a href="http://www.review-site.co.uk/client-1-to-1-web-design-read-review.html "> 1 to 1 web design</a>
    <a href="http://www.1-to-1.org.uk/custom-web-design.html " > custom web design</a>
    <a href="http://www.1-to-1.org.uk/cleaning-business-website.html " > cheap cleaning business website</a>
    <a href=" " > 0843 phone number</a>
    <a href=" " > oven cleaning web design</a>
    <a href=" " > free hosting</a>
    <a href=" " > unlimited hosting</a>
    <a href=" " > web design</a>
    <a href=" " > web design</a>
    <a href="http://www.1-to-1.org.uk/ecommerce-website.html " > ecommerce web design</a>
    <a href="http://www.1-to-1.org.uk/1-page-website.html " > 1 page web design</a>
    <a href="http://www.1-to-1.org.uk/cheap-backlinks.html " > cheap backlinks</a>
    <a href="http://www.1-to-1.org.uk/cheap-leaflet-printing.html " > cheap leaflet printing</a>
    <a href="http://www.1-to-1.org.uk/logo-design.html " > logo design</a>
    <a href="http://www.1-to-1.org.uk/banner-design.html " > banner design</a>
    <a href="http://www.1-to-1.org.uk/leaflet-design.html " > leaflet design</a>
    <a href="http://www.1-to-1.org.uk/facebook-fanpage-design.html " > Facebook fanpage design</a>

  1. August 12, 2014