The worst of the worst in web design!

[SrWebDeveloper]

You all have seen the topics posted here where everyone is encouraged to post the BEST iWeb sites, the most professional looking sites, award winning sites, those that make you go "Wow!!!" and so on...

Think about it, we already have a frame of reference for what proper and well designed sites look like. We've discussed web standards, why the exist and how important they are to cross browser compatibility and less headache for the developers and web designers out there trying to make a dollar, or simply for the DIY's working on a personal site in iWeb.

Well, how is a developer or designer to know what NOT to do in a given layout?

:eek:

Yes, folks, I dare to be different.

Read below before replying...

In this topic, if you choose to reply, include a link or snapshot of a web site or page which defies all logic as to common sense design. I'm referring to sites that break all the conventions we're used to talking about here, ones that seem to mock web standards (unintentionally) and great examples of mistakes in execution of concept, functionality and general poor craftsmanship.

Now, let's be clear:


I'm NOT looking for typos, obvious mistakes in coding or broken HTML or CSS that doesn't validate. Everyone makes mistakes so alignment is a little off, missing elements, etc.
Nor should the CONTENT of the web site be singled out, i.e. something silly, funny or plain old stupid. But if the content and style doesn't fit so the result is obviously pitiful in terms of execution of the overall concept, then you're on the right track! This isn't about newbie sites, either! It's even better if you find sites that fit the mold of "professional" but clearly miss the mark. The more important the site, the more fun to post it here, too.

How else is a developer to improve their craft unless they can view a few examples of what NOT to do, right? This post is not intended to be purely entertaining, although I hope it will be, but seriously very educational.

PLEASE: When you post, please follow the basic credo above, and be so kind as to explain what caught you eye or what specific principles of web development, design, layout or implementation of standards are (in your opinion) horribly askew! Every link is open to discussion.

Any sites created by anyone you know or is a member of macrumors.com forum is exempt for the obvious reason, i.e. NO personal attacks! Keep your sense of humor but keep focused, too. This topic MIGHT help someone, heh.

So... Who's going to start? ;)

-jim

[mkrishnan]

I guess the last time this was done (http://forums.macrumors.com/showthread.php?t=186044&highlight=awful) was actually quite a while ago, so what the heck, have at. ;)

I can't think of any really great examples now, so I'll mostly watch. I will say that the Nikeplus website deserves some kind of award for the most unnecessary overuse of Flash known to the internet.

[yetanotherdave]

A professional company, that totally misses every single useability point possible. It makes you have to work, just to get into the basic site, browsing and navigating the site is terrible. Just finding the "entry" point to the website is unnceessarily hard.
It all seems to be done in flash so what do you expect really? I went to this site to buy a specific pair of shoes, I refused to buy them after seeing this.

The offending site http://clarks.co.uk/

the design company who made it http://un.titled.co.uk/

[Apple Architect]

A professional company, that totally misses every single useability point possible. It makes you have to work, just to get into the basic site, browsing and navigating the site is terrible. Just finding the "entry" point to the website is unnceessarily hard.
It all seems to be done in flash so what do you expect really? I went to this site to buy a specific pair of shoes, I refused to buy them after seeing this.

The offending site http://clarks.co.uk/

the design company who made it http://un.titled.co.uk/

I just checked out the designer web site...which looks ok. However you would think that they would get their client list correct. (check out the selected works -> technology -> NTU, it says Nottingham university when it is in fact Nottingham Trent Uni)*

Pretty rubbish. Will not be using them.

* for no UK residents that is like saying "work from Cambridge" when it is in fact Oxford.

[Lau]

A professional company, that totally misses every single useability point possible. It makes you have to work, just to get into the basic site, browsing and navigating the site is terrible. Just finding the "entry" point to the website is unnceessarily hard.

I totally agree, yetanotherdave, that Clarks one is awful. I remember trying to look for a pair of shoes and also giving up and eventually finding a different pair somewhere else, not even as a matter of principle, just because the other site would let me actually find out about the effing shoes. :p

[SrWebDeveloper]

Yeah, there are alot of poorly designed E-Commerce sites in the sense of navigation and overall usability. Thanks for contributing to the thread, I could not agree more!

BTW, nothing wrong with a 100% Flash site so long as basic principles of navigation and layout are included in the design, i.e. a great point was made by yetanotherdave who noted it was impossible to find the entry point. I also want to clarify that 100% use of Flash does not constitute "overuse" by simple definition. Overuse can also occur with most anything if its not properly balance, i.e. a whole site written in JS so anyone with JS disabled sees nothing but a blank white page, Ajax calls for everything so people with JS disabled can't move from page to page or click on a link, too many large or unoptimized graphics so load time takes eons, 14 iframes in one page, etc.

Okay, keep 'em coming! Anyone come across sites with colors that make viewing links and text virtually impossible? Or a corporate site where you can't tell at all what the product is?

-jim

[rdowns]

One of my sales reps asked me to get on the phone with a customer who said he was considering this company.

http://warranties4wheels.com/

I just said (to the customer), are you serious?

[Daringescape]

A great site for examples of bad design is

www.webpagesthatsuck.com

the site truly showcases bad design, and you can learn a lot about what to do by looking at what not to do.

[stndn]

It took me a while to remember the websites that are considered "not good enough", because ... well, if they're not good enough, I usually don't try to bookmark them or look into them too much further.

Unless, of course, the contents are of use or the websites really suck that they got stuck in my head for years.


Then suddenly I remembered how most government websites suck, especially those made here (Indonesia). I tried one randomly, which happened to be a website about the capital of Indonesia (http://www.jakarta.go.id/).

Some of them lead to undefined or forbidden pages. Some of them lead to a page that's somehow unrelated. But what puzzled me was the decision to make some links as pop-up to new _blank page, while some were made as regular, non pop-up links. Oh yah, the index page has different look and feel compared to the other pages, too.

Then there's some javascript source code scattered in the source code. If you take a look at them, the codes are just basic codes that can be put anywhere, either within <head></head> section, or external script. Not sure if this is counted as obvious mistake in coding, though.


-stndn.


Edit:
Just to add to the reasons why this site sucks, if you change the language for the site, you will:
1. Get sent back to the index page instead of current page
2. Get different list of "latest" information (eg: Indonesian version = News from 2008, English version = News from 2005)

[iTeen]

www.myspace.com (http://forums.macrumors.com/www.myspace.com)
;)

[ezekielrage_99]

This one (http://www.ikissyou.org/) for sure, although it has become somewhat of an internet icon...

I'm guessing this is where Borat came from, NAAAAIIIICE :D


Also these rate highly as well
http://www.acrobat-3d.com/
http://www.mindtaffy.com/
http://www.wowsignage.com/

[stndn]

www.myspace.com (http://forums.macrumors.com/www.myspace.com)
;)

I was going to add myspace (http://www.myspace.com) (fixed the link for you) as well, but I guess that's a common knowledge already :p

Jokes aside, here's something else I found a while back: http://www.izzipizza.com/.
Warning: Make sure you enable flashblock, as the navigation make use of lots of flash, as in: Each navigation link (on top) is actually an individual flash file. I've had SeaMonkey crashed on my MacBook when I first opened the site long ago, which was terrible.

That site is either an example of flash overuse, or an example of site made by beginner flash coder/user/scripter/etc. Or both.


-stndn.

[snickelfritz]

This horrid site is for the Kramer Reality Tour in New York. (BTW, the tour is well worth the admission if you're a Seinfeld fan)
http://www.kennykramer.com/

[SickSided]

Hello everyone, I don't usually do this but I felt compelled. A little backstory of the restaurant; think trendy hip "sex and the city style" sushi place here in Palm Beach, Fl.

http://www.toobizaare.com

The wonderful crack team of designers http://www.wycombeweb.com

[DAC47]

all i want to know is, what time does the bus go?
IS THAT TOO MUCH TO ASK

one of the worst sites i know
http://www.cardiffbus.com/

[Pixellated]

For stupid links that auto-open on mouseover - http://ryman.co.uk

[SrWebDeveloper]

Then there's some javascript source code scattered in the source code. If you take a look at them, the codes are just basic codes that can be put anywhere, either within <head></head> section, or external script. Not sure if this is counted as obvious mistake in coding, though.

The site in question was awful, thanks for posting!

Just wanted to comment GENERALLY (not about that site) that some web sites use content management systems where within an article inside a given bucket, well or section often JS code can be inserted by the content provider specific to that article. This means the JS code for that article might display in the source flow, not in the headers where it belongs, it's all one record in a DB sometimes.

Obviously this means many third party CMT's are poorly designed in terms of separating JS and CSS from content, not necessarily the fault of the content provider. FYI, if you view source and see things like that.

Excellent replies so far, such fun this is (and soooo educational!)

-jim

[jimtaylor678]

One of my sales reps asked me to get on the phone with a customer who said he was considering this company.

http://warranties4wheels.com/

I just said (to the customer), are you serious?

What company do you work for that you would say something like to that a potential customer? Seems not very smart on your part.
Did you check them out before you made such a flippant comment like that to a consumer?

[Thom_Edwards]

http://www.artfulspider.com/

Notice the "Golden Web Award" winner icon! And be sure and visit each link...

[condor]

I live in New Haven CT and vote their city website as one of the worst I have ever used. Not only is it terribly ugly, but there is very little valuable information on the site and what is there is difficult to find. http://www.cityofnewhaven.com/

I should add though, that it is a great city to live in!

[a456]

Agree, agree, agree, agree ... These sites are all crazily busy and difficult to get a grip on - I particularly like the one that gives advice on how not to suck but sucks itself (ooops that sounds rude, sorry!)

Now here's one with too few visual stimuli for a change: http://www.c-s-p.org/

And here's one that is for a web consultancy firm: http://www.cxpartners.co.uk/

I have actually seen one of the guys from CX Partners speak and here was mightily impressive but unfortunately for me their website does not practice what he preached - mores the pity.

[InkMaster]

Before reading a single reply here... worst thing in web design... INTERNET EXPLORER --- every single version of it.

Anything I design works PERFECT in every version of Firefox, Safari, Opera and every single other browser out there. EVERYTHING is ALWAYS broken in IE!!! :mad: Always have to spend hours trying to figure out why its broken again and again

[ezekielrage_99]

http://www.artfulspider.com/

Notice the "Golden Web Award" winner icon! And be sure and visit each link...

Hahahaha, that is brilliant. I sent an email saying how much I enjoyed a good laugh (but I didn't get a good response).

[Giovannino]

all i want to know is, what time does the bus go?
IS THAT TOO MUCH TO ASK

one of the worst sites i know
http://www.cardiffbus.com/

I bet you win the competition with that one...

Services=>(Blank page, uh? oh! the right sided menu changed!)=>Timetables (So what? Why not put the Timetables here?)=>View Timetable (of course... I previously clicked on Timetables but that doesn't mean that I want to see them, right?)=>Day... let's select Monday to Friday (Why don't you let me select the Route now?)=> get redirected to an ugly page
http://www.cardiffbus.com/services/timetables/TIMES/MF/

Website design like it was in the mid-90s... Should be a crime... :confused:

[alphaod]

I've seen pretty bad sites; I recall seeing one recently, where everything was all over the place; the site was too wide and too long. It was like 10MB HTML homepage. I was like WTF.

[rogersmj]

The offending site:
http://www.betweenthebuns.com/

The site of the "designer" that made it:
http://www.icemantech.com/

Be sure to read all of the IceMan's "tips" and try not to fall over laughing. Especially gems like "never pay more than $4 per month [for hosting]". The random price/feature comparison chart with him against unnamed and probably totally made-up "Competitor #1, Competitor #2, Competitor #3" is great too.

The guy is from my hometown, I found it awhile back while checking the Between the Buns site for their hours. It still is the pinnacle of awful, at least in terms of someone who seriously considers himself a web designer.

[werther]

wow mrogers! Thank you for posting that. I loved it!

Also, most website designers are either techies, or designers. Neither of which know real business. With my business background, I will fuse practicality, business, design, and function to achieve the best website to suit your users' needs. --Iceman

hmmm, as a web designer, I should think that being a 'techie' and a designer are pretty good qualifications. Another contradiction in the same paragraph is the pushing of his fantastic business background. Why would someone who professes to be so good at business start a web design business which does not employ 'techie' nor designer folks.

The chart was also wonderful.

[geese]

The offending site:
http://www.betweenthebuns.com/

The site of the "designer" that made it:
http://www.icemantech.com/

Be sure to read all of the IceMan's "tips" and try not to fall over laughing. Especially gems like "never pay more than $4 per month [for hosting]". The random price/feature comparison chart with him against unnamed and probably totally made-up "Competitor #1, Competitor #2, Competitor #3" is great too.

The guy is from my hometown, I found it awhile back while checking the Between the Buns site for their hours. It still is the pinnacle of awful, at least in terms of someone who seriously considers himself a web designer.


Ha ha! If you were looking for a website design for that Netscape 2 retro look- he's you're man.

[SickSided]

The offending site:
http://www.betweenthebuns.com/

The site of the "designer" that made it:
http://www.icemantech.com/

Be sure to read all of the IceMan's "tips" and try not to fall over laughing. Especially gems like "never pay more than $4 per month [for hosting]". The random price/feature comparison chart with him against unnamed and probably totally made-up "Competitor #1, Competitor #2, Competitor #3" is great too.

The guy is from my hometown, I found it awhile back while checking the Between the Buns site for their hours. It still is the pinnacle of awful, at least in terms of someone who seriously considers himself a web designer.


Just wow! It just makes me laugh knowing that there are companies out there using his designs and probably think it's great themselves.

[Daringescape]

Agree, agree, agree, agree ... These sites are all crazily busy and difficult to get a grip on - I particularly like the one that gives advice on how not to suck but sucks itself (ooops that sounds rude, sorry!)



Not trying to insult your intelligence, but you do know that that site is SUPPOSED to suck right? - thats the point.

[InkMaster]

It still is the pinnacle of awful, at least in terms of someone who seriously considers himself a web designer.

AH! but unlike YOU, he's an Eagle Scout and worked at KFC! :rolleyes:

[ezekielrage_99]

Be sure to read all of the IceMan's "tips" and try not to fall over laughing. Especially gems like "never pay more than $4 per month [for hosting]". The random price/feature comparison chart with him against unnamed and probably totally made-up "Competitor #1, Competitor #2, Competitor #3" is great too.

The guy is from my hometown, I found it awhile back while checking the Between the Buns site for their hours. It still is the pinnacle of awful, at least in terms of someone who seriously considers himself a web designer.

That is just too funny. The client comments are pretty darn good as well.

I liked
The results were FAR above expectations.
All I could think was that the expectations were too low ;)

[desenso]

The offending site:
http://www.betweenthebuns.com/

The site of the "designer" that made it:
http://www.icemantech.com/

Be sure to read all of the IceMan's "tips" and try not to fall over laughing. Especially gems like "never pay more than $4 per month [for hosting]". The random price/feature comparison chart with him against unnamed and probably totally made-up "Competitor #1, Competitor #2, Competitor #3" is great too.

The guy is from my hometown, I found it awhile back while checking the Between the Buns site for their hours. It still is the pinnacle of awful, at least in terms of someone who seriously considers himself a web designer.

God that's gold. Sadly I used to go to the bloody mary bar at Between the Buns on football Saturdays in South Bend. I'm a little sorry that I contributed money to this guy's career.

[MindBrain]

The offending site:
http://www.betweenthebuns.com/

The site of the "designer" that made it:
http://www.icemantech.com/

Be sure to read all of the IceMan's "tips" and try not to fall over laughing. Especially gems like "never pay more than $4 per month [for hosting]". The random price/feature comparison chart with him against unnamed and probably totally made-up "Competitor #1, Competitor #2, Competitor #3" is great too.

The guy is from my hometown, I found it awhile back while checking the Between the Buns site for their hours. It still is the pinnacle of awful, at least in terms of someone who seriously considers himself a web designer.

"Professional Website Design, Creation, Hosting Guidance, Flash Production, Gifmaking, and Bulk Emailing"

BULK EMAILING? Hahahahaha, well I guess bulk emailing could be considered an art.

[SrWebDeveloper]

Those last two were particularly awful! Well done, posting them here, I mean!

I especially liked the images that were cut in half, and a one pixel border around where a magic wand was used in a graphics tool to select the image for copy/paste into the web site but the wrong tolerance set. Those who work with graphics alot know what I mean! And talk about a left justification issue, overall. I'm serious, those sites really sucked.

-jim

[Hrududu]

http://www.spymac.com :(

[decksnap]

I defy you to suggest a site this good at being bad. I am strangely in love with it.


http://www.rivercountry.net/august/index.html

[Me1000]

I defy you to suggest a site this good at being bad. I am strangely in love with it.


http://www.rivercountry.net/august/index.html

That is horrid... Almost to the point that I thought it may have been a joke site at first!

[XnavxeMiyyep]

http://mospi.nic.in/ - Indian Govt Site

[angelwatt]

I defy you to suggest a site this good at being bad. I am strangely in love with it.


http://www.rivercountry.net/august/index.html

Wow, it's so hard to comment on that site. My mouse simply didn't know which way I should go, and yet I couldn't get myself to close the window for a couple minutes of gawking at it.

[ezekielrage_99]

I defy you to suggest a site this good at being bad. I am strangely in love with it.


http://www.rivercountry.net/august/index.html

I love it, that site is brilliant :D

I especially like the animation on the main page, it's bad but done so well. It's like if Troma went into web design.

[11800506]

http://mospi.nic.in/ - Indian Govt Site

That site it truly horrible and you would think it would be unacceptable for a country's government's site. The yellow text on the top is such a noob mistake and the use of Marquee and Times New Roman is just... blech.

[MacGeek7]

http://www.icemantech.com/

I don't understand the internet, can you guide me through what I have to do?

Of course. Most people don't understand the net, how it works, or how to start building a site. I'm here to make the entire process as easy as possible for you.

[rogersmj]

AH! but unlike YOU, he's an Eagle Scout and worked at KFC! :rolleyes:

I know. I feel so unfulfilled.

Glad you guys enjoyed it..I've been wanting the right opportunity to share that pile of digital fecal matter for awhile. :p When I showed it to my designer coworkers it provided a solid half hour of entertainment.

[OutThere]

I know. I feel so unfulfilled.

Glad you guys enjoyed it..I've been wanting the right opportunity to share that pile of digital fecal matter for awhile. :p When I showed it to my designer coworkers it provided a solid half hour of entertainment.

I spent a good long time looking through the whole site and the sites designed by the iceman. :D Priceless!

[Fluxkom]

Guys, this site is the absolute winner!

Pure Gold here and be sure you click every link you find in there...

http://www.ingenfeld.de/

:D

[NotFound]

Guys, this site is the absolute winner!

Pure Gold here and be sure you click every link you find in there...

http://www.ingenfeld.de/

:D

NSFW btw...

[Makosuke]

It's not as spectacularly awful as some of the sites here, but this web design company I ran across recently is my favorite in concept:

http://www.tablemtn.com/

The site itself is just generic mid-90s stuff, and their portfolio is full of stuff that's merely bland, not horrifying. What's hilarious is right up at the top of the source, where it says <meta name="GENERATOR" content="Microsoft FrontPage 4.0">

Now, if I'm not mistaken, Frontpage 4.0 is the version that was included with Office 2000. Further, if you look at their portfolio sites, including the ones launched this year, they all have the same generator tag (not to mention telltale well-indented, archaic table-based code).


So if you put it together, what this means is that this "web design firm" bought a copy of Office 2000 sometime 8 or so years ago and has been using the included version of Frontpage as their primary tool for the better part of the past decade. That their graphic skills apparently stopped in 1997 when they opened shop is just icing on the cake.

I'm a little baffled how these people continue to get paying customers, but I guess some people just don't know what their options are.

[Schtumple]

all i want to know is, what time does the bus go?
IS THAT TOO MUCH TO ASK

one of the worst sites i know
http://www.cardiffbus.com/

The best part I got was opening the "services" link, you got alot of buses there I see... :D

[101010]

Sorry to bring up Iceman again, but this made me laugh so much;

“Dave is very thorough, and doesn’t just do what you say, but makes suggestions. That’s a rarity.”
--Debra Pestrak, Success Unleashed

Wouldn't be much of a designer if he didn't make the odd suggestion!

[poisenedapple]

http://www.spymac.com


I agree with you wholeheartedly... I am irritated with the web 2.0 ... I want the classic back.... errrrgh yea they have... really gone down hill, let's hope the best for the classic version of the site...the subdomain that is.:confused:

[tooz]

http://www.tuffypad.com/

[dmmcintyre3]

Did someone link to sites that somehow had the hosting and domain still valid but nobody updated for 10 years? That's what some of these look like http://images.macrumors.com/vb/images/smilies/eek.gif

[uuaschbaer]

http://www.pingu.net/uk/ About as horrid as Pingu's new title song.

Edit: Having seen Iceman's website I consider my contribution hugely inferior. Don't worry however, it still manages to make me sick. It has a certain uncanny quality that is particularly nauseating.

[chiefroastbeef]

http://www.pingu.net/uk/ About as horrid as Pingu's new title song.

Edit: Having seen Iceman's website I consider my contribution hugely inferior. Don't worry however, it still manages to make me sick. It has a certain uncanny quality that is particularly nauseating.

I couldn't stop laughing at the sounds the penguins makes when you mouseover the nav bar, hahaha :D

[Wee Beastie]

http://www.tuffypad.com/

Um did you guys click the Violet Mouse icon at the bottom of this page? If you didn't you should do it right now. Go on. But be prepared to have your mind BLOWN.

Ps. Do you think they have proper permission to use that Mickey Mouse image? Thought they could just slip that one by us...

[adamfishercox]

Nowhere near as bad as Iceman, but the intro, entirely flash setup, and "under construction" pages (since 2007, should I still be staying tuned?) are great.

http://www.pacomputerguy.com/

[ComicStix]

Casio (http://www.casio.co.uk/)Sheesh!

M.I.A UK SITe (http://www.miauk.com/) She's making loads of money and she can't even make a site that doesn't want to make me gauge my eyes out!

[MattSepeta]

I think we can justify MIA's site, it is her whole vibe being portrayed.

The clothes she wears look just like her website, as do her music videos. I am sure she (Or her art director whatever) is pleased as punch with the site:confused:

You are right though, its ugly and I had to close the window immediately after looking at it. But then again, I have to avert my eyes whenever I see her.

[memco]

This is the most useful one of the lot:
http://rainbowdivider.com/

[jonnysods]

The offending site:
http://www.betweenthebuns.com/

The site of the "designer" that made it:
http://www.icemantech.com/

Be sure to read all of the IceMan's "tips" and try not to fall over laughing. Especially gems like "never pay more than $4 per month [for hosting]". The random price/feature comparison chart with him against unnamed and probably totally made-up "Competitor #1, Competitor #2, Competitor #3" is great too.

The guy is from my hometown, I found it awhile back while checking the Between the Buns site for their hours. It still is the pinnacle of awful, at least in terms of someone who seriously considers himself a web designer.

Wow, I read the 'Kudos' page and saw the owner of Between the Buns give this guy props for the job he does.

I wish my clients were that easy to please! I'm sure we'd all love a crack at all of his customers and get them a revamp of their sites!

All of these examples are making me squirm. It reminds me of when it was 1995 and the internet was just getting popular.

[chiefroastbeef]

HAHA, Iceman was the chief excutive designer of tuffypad.com? That website wins every award in my book! How any of his clients were willing to fork over cash for his work is beyond my imagination. And how Iceman is able to conjure up such designs is also beyond my imagination. :)

The websites aren't even post 1990's, but it seems as if they were made at the birth of the internet.

[uuaschbaer]

I'd sooner find my way through a jungle than this through this website: http://www.adobe.com/. Ugh.

Edit: I forgot to get started on those horrible, inexcusable, hurtfully annoying in- and expanding menubars.

Edit 2: Inpand? What the hell was I thinking?

[SchneiderMan]

Casio (http://www.casio.co.uk/)Sheesh!

M.I.A UK SITe (http://www.miauk.com/) She's making loads of money and she can't even make a site that doesn't want to make me gauge my eyes out!

LOL x2 on both sites, i found myself on Casio's site more then once looking for some info and what not and it's extremely difficult.

[XnavxeMiyyep]

That site it truly horrible and you would think it would be unacceptable for a country's government's site. The yellow text on the top is such a noob mistake and the use of Marquee and Times New Roman is just... blech.

I just looked at the site again, and there's a series of white links on the left that I didn't even see before.:eek: