Web Pages That Suck - learn good web design by looking at bad web design

 

Worst Websites of the Year

Worst Websites of the Year: 2012-2005

bad websites are like sinking shipsWorst Websites
of 2012

Worst Websites of 2011

Worst Websites of 2010

Worst Websites of 2009

Worst Websites of 2008

Worst Websites of 2007

Worst Websites of 2006

Worst Websites of 2005


Daily Dose of Bad Design (Daily Sucker)

Current Examples of Bad Web Design Presented Daily (direct link)

Bad Web Design

Overview (direct link)


Good Web Design


Web Design Checklists


Subscriptions

opens in new window
My Google + Page

subscribe to my rss feed
Subscribe to RSS feed

Follow me on Twitter
Follow me on Twitter

Articles


Everything Else

The Daily Sucker - Current examples of bad web design

The Daily Sucker

Sites featured in articles like Worst Websites of 2010 often are redesigned, which explains why some sites mentioned in my articles don't match their current look. The Daily Sucker features current examples of bad web design which haven't been fixed (yet).

If you see a site that you think sucks, email the URL to me. No personal pages (personal pages are supposed to reflect the individual's personality and artistic freedom) or web site designers (it would look like a conflict of interest), or others of their ilk.

If I think there's some merit to your selection, I may post it along with some commentary. If you know of a site that qualifies, let me know.

Sarcasmistan – NSFW – An Example of Bad Web Design for November 12, 2012

November 12th, 2012 3:03 am by Vincent Flanders

A bad website

Submitter’s comments: As far as bad taste goes, my candidate is on par with The Afterlife, though at least it won’t trigger epilepsy attacks.

Better close other tabs before opening this web page in Firefox (under 64-bit Windows 7); it brings down the browser despite the available 16 GB of RAM.

This is a 2.6 MB heavy HTML page containing nearly 4,000 image links in one huge table.

Each image is shown as a 200 x 200 thumbnail, but the referenced pictures are full-size images averaging 100 Kb. That means that the renderer has to handle no less than 400 MB of data to display the page.

So you can’t blame Mozilla for the crashing of Firefox. Firefox faithfully tries to load all the resources on the page and the renderer simply can’t handle the 400 MB. You can start loading the page though, but make sure to abort it after a couple of seconds.

Since most pictures are not square, the scaling to a square distorts them, with an extreme example at the bottom left of the screen. This is a 454 x 12,432 pixel JPEG image, weighing in 2.2 MB. Horizontally it’s scaled by a factor of 2, vertically by a factor of 60.

Internet Explorer doesn’t crash because it quickly stops downloading images. If you try to save the complete web page, IE downloads the images one after another without rendering them, yet it also gives up after 2 hours(!) of downloading, and removes the 2,700 images it got so far (260 MB).

I estimate the whole page to be around 500,000 pixels high, so it’s no surprise the screen capture program SnagIt also “failed scrolling capture”.

Vincent Flanders’ comments: There’s nothing funny about this website. In fact, there are a lot of “humor” websites who use the same horrible web design techniques.

I ran the page through WebPageTest and the page crashed the test. It stopped at 10Mb and 25,000 DOM elements. The Page Speed Optimization Test scored a marvelously low 19 out of 100. The page is a big, fat POS, which is what an old girlfriend once called me. Hmm.

Sarcasmistan NSFW

Posted in Daily Sucker, Usability, Web Design, Worst Web Sites |