This page shows the source for this entry, with WebCore formatting language tags and attributes highlighted.


Tufte Weeps: ABC News


<img attachment="2010-03-10_2017.jpg" align="left" class="frame">A rather interesting <a href="">article about innumeracy</a> on ABC News was almost completely overshadowed by a layout dominated by advertisements for other products also available from ABC. Anyone happy to read content for free online should also be prepared for a shameless onslaught of self-promotion, but does it have to be so <i>ugly?</i> The page is broken into dozens of blocks (listed below), which seem to only coincidentally line up or share a common style. Take into account that most of the blocks are independently animated and the overall effect is dizzying. As you can see from the screenshot, the article ends up split into four nearly independent blocks on the page---and is then split into four similarly delightful pages. As with most online articles, the <a href="" source="" author="">printable version</a> is a safe refuge. Or you can use the <a href="" source="" author="">Readability</a> bookmarklet to clean things up. <h>List of page blocks</h> <ul> Banner ad Site banner (with search controls & some vestigial top-level menus like "ABC" & "ESPN") Menu bar (pretty comprehensive, though with a few "main" links added to The end of it, like "Good Morning America") Other articles in this section (represented as a thin, horizontal bar and flying in the face of all design and usability trends) Finally, the article itself Then a toolbar for the article (sharing, print, email, etc.) A block containing <i>more</i> related links (with thumbnails!) cutting the article off The article continues Floated in on the left is a block with "Sponsored links" A comments area Another block below that with "More Coverage" A Web 2.0-style footer with most of the menu repeated in static "fat footer" form Dominating the right-hand side are several blocks: <ul> One with even <i>more</i> related links, this time videos Yet <i>another</i> ad for "Good Morning America"---which smacks of desperation Another block with <i>more</i> links from this section A block with completely unrelated slideshows Another sharing (e.g. Facebook) block (as if the article toolbar above wasn't enough) A block of "Most popular" links ESPN Headlines A Digg applet showing "Most Dugg Stories on ABC News" Some advertisements More "sponsored links" </ul> </ul> Sweet Lord! Almost maximum redundancy achieved. I didn't even have the heart to try to validate the page. Talk about a page designed by comittee.