What we can learn from some UGLY sites!

First up, http://noodle-house.blogspot.com/ Much like getting dressed in the morning, putting black and navy blue together is not always a wise choice. The various blocks seem to sit uncomfortably on the blue background and seem unintentional. The goldenrod borders around everything, including boxes within boxes, stare at the reader like a bad blind date.  Thankfully, the fonts are white on black background, so I have an opportunity to read the content. Let us not forget the Sylvester the cat graphic with a white background sitting on the dark blue background. The only thing I think Sylvester is missing is possibly a goldenrod border.

 

 Next, http://happymomiam1.bravejournal.com/. I love that this blog resembles the exact table cloth my grandmother used so we wouldn’t spill food on her table.  Unfortunately, the color scheme of baby blue, red, grey, acid green, electric blue, and orange says I don’t understand hex notation so I just guessed.  The badges for several other sites sit haphazardly under the horrifying animated gif logo at the top of the site.  The Beauty of Life?  The travesty of design.

 

 I have to include this one because it is SOOOOO ugly.  http://cmdshiftdesign.com/ilovesmekitty/

This blog follows the rule, if one animated gif is good, then six is better.  Everything is animated on this site, but it has NO content.  Just pictures of her cat, a terrible cat background along with ANOTHER cat background in the left column.  Visible table holding links that are barely legible, visible hit counter AND my browser got a warning that a Windows Media Player was trying to start.  As if there wasn’t enough going on in this site that is the equivalent of a 12 year old girls messy room. 

 

http://www.hammerdowndesign.com/ugly/ is the next blog that makes my design brain physically hurt.  Having only four animated gifs on the page, the designer, and I use that term loosely, has decided that a repeated image of Sarah Palin is the best background for any blog.  Unfortunately, one of the graphics is broken, most likely it was an animated gif of me scratching my eyes out.  The most appauling thing is that the domain name, HammerDownDesign, alludes to someone who thinks they are actually good at this.  Less is more, Hammerdown. 

 

 Lastly, http://jayj.dk/grim/.  Blogs typically want people to read their content, but this site seems to be hell-bent on the opposite.  With barely readable text on tie-dye-inspired backgrounds and badly executed animated gifs, this site verges on abominable.   The structure of the page seems to be two columns occupying 50% of the width each combined with NO content.  What surprises me most is that someone, somewhere thought this site would drive people to their door asking them to design a site for them as well.  Sort of the philosophy of a wedding photographer advertising the business with blurry dark photos of someone’s cat.

 

So, keeping those sites in mind the next time you set off to design a web site, avoid the busy backgrounds, make your design seem intentional, avoid animated gifs, make sure the site has purpose and valuable content.  Choose colors that contrast well with each other and limit your color choices to prevent the site from looking like confetti.  Lastly, if your site ends up in an article like this, it’s time to rethink your design and career choice as a professional web designer.