A Word on Contemporary Web Design
Post from February 5, 2014 (↻ December 13, 2022), filed under Web Development and Art and Design (feed).
This and many other posts are also available as a pretty, well-behaved ebook: On Web Development.
These days, and as juror for Design Made in Germany I see a lot of websites, many a designer knows how to make a page appear spacious, even grandiose. Alas, as many appear to have forgotten how to use space effectively, putting the content on the table, designing honestly and with focus.
Figure: Six random sample pages using up to 6,270 pixels length for two sentences. The truly spectacular ones broke the screen-capturing tools (seriously).
It seems to have become an art form to start off dumbing down content “for” the user—or to begin with very little content—, grab a number of unrelated but pretty-to-look-at photographs or icons, garnish them with “HTML5,” misspelling intended, and throw it all on one endlessly scrolling—what could go wrong—page.
This type of contemporary web design is harmful. It’s harmful because it’s package design. It’s not content design. Personally, I’ve had it.
This type of design may match up nicely with the substance-void world the media shows us, but if that’s the best our profession can create then it’s not just my personal preference to endorse Craiglist-esque forms of design, but also my conviction that 1999 pragmatic table-based design has won a late round.
Web designers must be able to produce web sites and apps that can handle, not attempt to pity, information density. Yes, there’s negative space and such. But there’s also such a thing as missing the point.
If you like a taste of numbers, a few months back, already suspicious of information-poor sites, I looked at a sample of popular sites and counted the words in the immediately visible section of an arbitrary 1,024×768 pixels browser window. Apple: 13 words; Microsoft: 15 words; CNN: 124 words; New York Times: 294 words; Edward Tufte: 390 words. In comparison: a tweet: ø <23 words; a text message ø <27 words. But there’s more to do and say here, and so it’s fair to point out problems with these numbers.
I’m Jens, and I’m an engineering lead and author. I’ve worked as a technical lead for Google, I’m close to W3C and WHATWG, and I write and review books for O’Reilly. I love trying things, sometimes including philosophy, art, and adventure. Here on meiert.com I share some of my views and experiences.
If you have a question or suggestion about what I write, please leave a comment (if available) or a message. Thank you!
On February 5, 2014, 20:55 CET, Felix said:
I was with you until the PS. You’re comparing a range of different site types, which isn’t entirely fair (not sure if that was your point). As you can see, the types cluster: product pages have 13-15 words visible, news pages 124-294, academic literature pages 390. I would argue that design done right actually fits the content - and these examples do that just fine.
On February 6, 2014, 10:24 CET, Steffen said:
If the 15 words visible are exactly why I’m on this site, that’s indeed focused.
I believe it’s very hard to find out what to put on a page and what to remove to met users’ expectations. Perhaps these pages do know - and achieve their goal to be referred to in a stumbleupon page 😊
On February 6, 2014, 13:06 CET, James said:
I think some designs are made for the designer rather than the target audience and people are placing lots of pretty pictures on sites to catch the eye but are not particularly informative. Don’t get me wrong you want to make sure you get people’s attention, but you also want people to be able to find things on your site, sot here has to be a practical application in there somewhere.
Maybe this is interesting to you, too:
- Next: Lessons from Writing a Dream Journal
- Previous: HTML Explained in 123 Tweets: The Google #htmltuesday Archive
- More under Web Development and Art and Design, or from 2014
- Most popular posts
Looking for a way to comment? Comments have been disabled, unfortunately.
Get a good look at web development? Try The Web Development Glossary (2020). With explanations and definitions for literally thousands of terms from Web Development and related fields, building on Wikipedia as well as the MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.