5 Website Design Practices To Leave Behind In 2013

by 22 11/26/2012

As 2013 approaches, it’s time to forever say goodbye to some bad design practices.

I don’t mean the worst possible aesthetic decisions, but rather trends and fads that need to be put out of their misery. In this article we will be looking at some of the design trends and habits of yesteryear.

1. Elaborate Flash animations, load filters and splash pages

Flash has its place but in a world where we want information right away, Flash should be used sparingly for 2013 web design.  Over the years, Flash has been abused.

Since Apple went to war with Flash, using it poses a very real threat of losing out on a good chunk of your target audience.

Load filters and splash pages are also barriers to quick access to information. Try to keep your site’s load time as low as possible and make it easy and quick for your visitors to find what they’re looking for. Don’t waste their time. Your visitors should be able to tell what your website is about and what you’re offering in a matter of seconds.

If you absolutely must have a nice intro, make sure it contains a little button that allows visitors to skip it if they wish to do so. There’s nothing more annoying than Flash animation, video or pop-up that you can’t skip.

2. Excessive Skeuomorphism

It goes without saying that all design rules (including the ones in this article) are subject to exceptions. Skeuomorphism, the design practice of making elements look like their real life counterparts, when used well, can still produce great results.

However the ubiquitous fad of giving the ‘leather bound’ and ‘stitching’ treatment to every web page is definitely over.

Skeuomorphism for the sake of skeuomorphism should be avoided.

If you think your website will benefit from natural looking elements, find ways to be fresh and creative. If that isn’t possible, a much better alternative is do away with skeuomorphism altogether.

The new Microsoft website, much like its Metro interface, eschews all skeuomorphism for a sleek, modern and highly intuitive user experience.

3. Lack of contrast

Unlike certain trends and fads that are just past their prime, lack of contrast has never gained acceptance and yet you see plenty of designers using white type on a light blue background and similar color combinations.

Poor Contrast

Make sure your typography uses plenty of contrast to stand out from the background and allow visitors to make sense of your information.

WeatherWise uses a striking black and white reverse-type approach to improve readability.

4. Certain typefaces

Comic Sans and Monotype Corsiva have become running jokes among designers but, believe it or not, they are still widely in use.

With the huge amount of great display fonts and body text beauties available to us today, do we really need to continue using certain typefaces that have started gaining a significant negative connotation?

The reason behind singling out certain fonts is more than a personal pet peeve: The current trend-and foreseeable future- in design is all about simple professionalism. From the Metro look to the need for readable typefaces across different screen devices, standard typefaces like Helvetica are here to stay- Comic sans and the bulk of cursive, not so much.

Thanks to Web fonts and services like TypeKit, web designers can now use rich typography to their hearts content.

Gone are the days when we were restricted to a set of widely available generic fonts or using graphics for beautiful typefaces.

Web fonts also allow for a high degree of scalability so you can do away with another bad typography practice: using fixed size fonts that restrict the usability and accessibility of your webpage.

The Coop uses a lot of different but contemporary typefaces to make for a visually pleasing web experience.

5. Unloading PDFs on unsuspecting visitors

Viewing PDF documents in browsers is not only possible these days but also much more convenient.

That being said, they still mean a break in the navigation process and require heavy loading, technical capability or some other resources on the visitors end.

Try to reproduce as much of your necessary information in the form of simple HTML. If a PDF document is required or necessary, make sure you let your visitor know what they are about to get before providing them with an innocent looking link that leads to wait times or, worse, a browser crash.

What other design mistakes and conventions are you tired of? Let us know in the comments.

About 

Babar Suleman is a visual storyteller and a communication planner. He is interested in the interplay of words and visuals in the communication process and uses his diverse experience as a writer and designer in creating meaningful user experiences and effective branding strategies.

You can contact Babar at his official website or on the social media channels below.

Get our Daily Newsletter

Get conversion optimization, design and copywriting articles delivered to your inbox FREE

22 COMMENTS

WordPress Tribe

The more I study web useability and practical design, the more I see that being conservative is good for conversion. By conversion I don’t just mean selling. I mean persuasion and effectively sharing your ideas.

I am gratified to discover that none of these practices you’ve listed are used on any of my websites. However it does reinforce that it needs to be primarily about understanding and connecting with my readers.

Thanks for creating consistently great content and for helping keep us all focused on what’s important.

November 26, 2012 Reply

Tyler

Image sliders/header carousels are #6 for me. While it seems like every business site redesign now features one, Peep from ConversionXL did an excellent post about why to avoid them (yet to see a positive split test with one, causes visitors to miss important content, too many messages equals no messages).

November 26, 2012 Reply

    Russ Henneberry

    Tyler — I think you are right — and so many non-blog WordPress themes are based on having an image slider above the fold.

    November 27, 2012 Reply

      Nate

      When I read about the slider stuff, my first thought was, “Well Apple.com still uses sliders.” Then I went to their site and realized they don’t. Instead, they use a modification: when I visit their home page it will show me one feature, then I go to a sub-page and come back to the home page and a new feature will be there.

      If I just keep clicking on the home page, those two focused products will rotate back and forth.

      Thoughts on this?

      November 28, 2012 Reply

Vapor Paul

thanks sharing about design. this is very useful for our web designers…

November 28, 2012 Reply

Jonathan Kelp

Thanks for the list. I especially agree with having less Skeuomorphism.

November 29, 2012 Reply

Marcel

I absolutely agree with point 2. It also reminded me of the quote “Why does an e-book reader need a page-turn effect? Like having a fake needle on a CD player. Or horse-shit coming from the back of a car” – Jer Thorp

December 4, 2012 Reply

Ian Said

@Tyler: Do you have the link to the article “Peep from ConversionXL did an excellent post about why to avoid them (sliders)”.

Thanks Ian.

December 4, 2012 Reply

Stacey Shimabukuro-Lui

Thanks for the great article! I’ve been delving into changing the look of my site lately & your article certainly came in handy!

December 4, 2012 Reply

Kristen

It is a good idea to avoid using outdated website design practices like complex flash animations and unreadable fonts. This will increase the readability of the webpage and the number of page downloads as well. Moreover, the webpage will take lesser time to download on a browser.

January 16, 2013 Reply

Erika

Thank you for sharing!
it’s absolutely true: short loading time is really important to keep being read!

January 24, 2013 Reply

Ram Kumar Verma

Hi Babar,
Thank you for the article. Your article helps to web designer to improve their work.. Carry on and keep posting.

January 31, 2013 Reply

Dan Brail

A great way to pick up design work is to find terrible sites and reach out. Pulling a few quick Google searches, I found these monstrosities:
http://www.spacetownlimo.com
http://www.imaginginhouston.com
http://salmonbaymarina.com/
http://www.theboardwalkoi.com/
http://myflamingheart.com
http://lettherebeshade.com/
http://www.cbsmechanicalsvcs.com/

Are these people serious? Who represents their brand like that?

May 15, 2013 Reply

    interachnid

    The problem with this idea is that, usually when the design is bad, the “inbox in the basement” (so to speak, i.e. the contact email supplied) is either seldomly checked, or in some cases, no longer monitored. Not that this approach is all together fruitless, just don’t expect overwhelming responses to your offers. I did freelance design for over three years and I used this approach when I had down time to try and garner new biz. On average, 3 in 50 inquiries even bothered to respond, and of that, I may have landed one client. The largest hurdle is that there is a reason they have a crap site. Someone “designed” it for free (or next to free), and they either have no budget, or are not willing to invest in professionalism.

    July 2, 2013 Reply

Video Websites

Great article and amazing tips on what not to do and to be aware of when outsourcing the work for Web Design.
Local Web Design for small business is a very good choice for many of the reasons listed above in this article. The benefits of having a team that you can meet and work with in person instead of through emails and online conversations will make a very large difference. Also if updates and new ideas come to mind, having a local team of designers will put your thoughts to actions.

June 4, 2013 Reply

Shruti

All points are right. web designers in 2013 is not so easy without considering these points. I agree with your point on the strength of typography. Thanks for these info.

Shruti

September 9, 2013 Reply

David Landriault

Great List. Add overly flat websites and apps and you are off to a good start!

November 29, 2013 Reply

Paresh

When it comes to web design every small things are important, to get great sales, inquiries, leads or whatever, call to action thins play’s big role. Now a days it is necessary to have good userfriendly website to beat your competition.

Great tips, will keep these points in mind while developing my new website.

Thanks

January 29, 2014 Reply

D Thomas

Thanks enjoyed the read and I certainly agree with the section about Flash as I’ve never really been a big fan of it! Keep up the good work looking forward to reading more articles.

March 3, 2014 Reply


Leave comment

Some HTML allowed

Get conversion optimization & A/B testing articles FREE >>>