Are graphic designers ruining the web?

Observer article provokes backlash from web designers

Are graphic designers ruining the web?
Data from websiteoptimization.com shows web pages have rapidly grown in recent years, but are graphic designers to blame?

In provocatively entitled article Graphic designers are ruining the web, John Naughton has argued designers are largely to blame for websites becoming increasingly bloated. In the early days of the web, he said, "the browser, not the designer, controlled how a page would look to the user," and he argued that "there's nothing that infuriates designers more than having someone (or something) determine the appearance of their work", adding that designers then embarked on a campaign to exert detailed control over the appearance of web pages.

While Naughton admitted sites became more attractive and, in some cases, more user-friendly, he said this came at a cost: the average page swelling from 93.7kB to 679kB. He said designers and photographers 'rejoice' at this "epidemic of obese webpages", but engineers "fume at the appalling waste of bandwidth", adding that page weight makes many sites inaccessible to users in places with flaky internet connections.

Making the web richer

Designers we spoke to largely slammed Naughton's assessment of the industry. Web designer Daniel Howells argued that design is "making the web richer", and suggested Naughton "had no exposure to the many wonderful sites that leverage super-nimble, lean code that employ almost zero images". Also a fan of minimalism, Howells added: "He's missing the link between minimalism and beautiful designed interfaces."

Designer and writer Daniel Gray thought Naughton's argument was "lost by taking a shotgun approach to the web and then highlighting a single favoured alternative, as if the 'underdesigned' approach of Peter Norvig is relevant to any of the other sites he discusses". Gray added: "News and photography sites are mentioned as examples of bulky sites, but the appropriateness of the quantity and size of the loaded items isn't addressed. It seems ironic to me that I accessed his article thanks to some of the great steps forward in web design: mobile access to an RSS article via Twitter. And illustrating the piece with Naughton's idea of good minimal design contrasted against a page full of LOLcats seems to be missing the point completely."

Keith Butters, chief experience officer and co-founder of The Barbarian Group, also suggested Naughton's argument about engineers wasn't accurate: "He says they're pissed about wasted bandwidth, but every engineer I know believes in the power of design to help communicate. Also, I used text-only browsers way back when, and it wasn't better. It's sort of a sad bit of writing, wishing for the old idealism and blaming it on design."

A lack of optimisation

Not everyone thinks Naughton was entirely wrong. Adaptive Web Design author Aaron Gustafson told us: "Graphic designers are not ruining the web, but a lack of web professionalism is. Without proper training and an appreciation of the ramifications of each decision that goes into building a website, you more than likely won't make the right decision regarding optimising the user experience. This isn't print and it's not television – bandwidth is a factor."

Gustafson said Naughton hints at the fact that a website's beauty is more than skin-deep: "It's well architected and well executed in addition to being attractive. Until more web professionals become aware of this, we're doomed to see this trend continue. I can't count the number of times I've spoken with web professionals about minifying JavaScript or compressing images and they brush it off as unnecessary, or how many sites include jQuery just to achieve a single, simple effect that would be easily achievable without the inclusion of a big library. Our profession needs to come to grips with the fact that every keystroke and every decision we make affects the user experience."

Developer Matt Gemmell also thought Naughton had some good ideas and told us it's "wilfully obtuse" to claim he was really saying graphic design was ruining the web: "Graphic design is a discipline whose output can most certainly include visual minimalism; there's no such thing as 'no design', after all. Like Gustafson, Gemmell agreed page bloat is a concern, and that graphic design is a tool that can be used or mis-used.

A question of balance

However, Gemmell was also quick to point out that while designs can be gratuitous and distracting, they can also be "refined and aesthetically pleasing, in which case there's substantial evidence such designs improve usability". He argued it's a common misconception that usability and aesthetics are at odds with each other: "Usability is primarily a combination of intuitiveness, selectiveness and visual appeal, rather than simplicity per se. Naughton's chosen exemplar of the academic-like homepage of Google's Director of Research is of course artificial and ungeneralisable, and entirely ignores the enormous role of visual appeal in influencing a person's opinion."

Ultimately, Gemmell thought websites were forced to compromise on any attempt at minimalism, due to needing funding (via the likes of embedded ads) and hooks to retain visitors (through rich media), but that Naughton's basic point was nonetheless valid: "Designs should be judicious, and should complement and enhance the content, rather than detracting from it. Surely, that's an argument that we can all agree on, irrespective of the unhelpfully inflammatory phrasing of the article."

Clearleft partner Andy Budd told us that the main issue with the article was really that it confuses and conflates a variety of issues. He said the web is no longer a collection of static pages and if you compare like-for-like, sites probably haven't expanded as much as the article suggested. However, Budd noted: "But bandwidth has risen steadily over time, and site owners have used this extra capacity to deliver richer experiences. So while when I started using the web I could be sat for ten minutes waiting for a JPEG to progressively load, it's now possible to stream HD video almost instantly."

Design is a fraction of the web

According to Budd, the mistake Naughton makes is to assume extra page weight is down to graphic design, and lay too much blame at the feet of designers: "If you look at the weight of any major site you'll see that design only accounts for a fraction of the overall size. And while the author believes only words count as content, images and videos are just as important [and can be] integral to the story."

Budd also told us that much of the weight of today's sites comes from additional functionality added in order to improve usability: "Things like auto-completing search queries, auto-checking the existence of usernames or ensuring that details you've entered into your shopping basket are correct." And while he admitted some designers do try to control every pixel – something Naughton rallied against – they are in the minority: "You see, good design isn't about being flashy – it considers the content and aims to present it in a way that aids comprehension rather than detracts from it. Good design also concerns itself with how services are to be used, and will often focus on making them as simple and easy to use as possible. That doesn't mean stripping away all design. Instead it means making sensible choices around layout, positioning, and legibility to enhance the user experience. As such, it's wrong to blame all designers for the issues outlined as they are usually the ones fighting for the simplicity Naughton so dearly craves!"

10 comments

Comment: 1

Wow, Naughton really touched a nerve didn't he! As it's been pointed out here, there are scraps of sense in his article, but his whole argument has has been really let down by a lack of knowledge about web design.

Comment: 2

A very interesting debate and what a shame for Naughton to have gone so overboard. He does his arguments ( some of which are valid to a point ) no justice whatsoever.

It seems true to argue that lax design - that takes no consideration of the available optimisations (sprite'ing, minifying etc) - where it is prolific is a problem. But large web properties know the sheer cost advantages, let alone the SEO & conversion advantages, of properly optimised sites.

To argue that the move to a richer-web is a bad thing is like arguing that the move from static html sites to complex database driven sites is also a bad thing. Sure; it is where clear optimisation options have been ignored but the move itself isn't, surely, a bad thing: it's called progress!

Nevertheless; a great way to stur up a bit of controversy and if it kicks a few more folk into opening Firebug (et al) and diving in to see what's going on then it was an article worth writing.

Comment: 3

The title and focus of the article perhaps should have been 'SOME Graphic designers are ruining the web'.

Articles like this are always going to be controversial but can obscure the bigger picture. Just because a site is beautifully designed doesn't mean that it will be a bad and poor performing user experience. There are many beautifully designed sites that load in just over a second and are a joy to use because of their rich design.

Of course like most great things the web has the potential for some to pollute it with poor design. Good graphic design, carefully crafted in harmony with good user experience design based on real knowledge of the how the user will engage with it is what has made the web the wonderful place that it is.

Comment: 4

John Naughton is almost right, but for the wrong reasons. You are never going to win people over when you main theme is "When we were less expressive, things were better." Yes, image use and image size has grown since 2003. That's a good thing. The bad thing is not in using images, it's in creating and using them poorly.

Aaron Gustafson touched on this and he is completely right. Design cannot be created without thinking about the overall user experience, and that user experience is limited by technical means like bandwidth. Designers should focus on finding a middle ground, where images are created and optimized, preserving the visual integrity of the design while improve page speed.

I wrote more here: Poor Choices are Ruining the Web - http://zoompf.com/blog/2012/02/poor-choices-are-ruining-the-web

Comment: 6

we (Riverbed) have found that sometimes there is no time for the designer/developer to make all the optimisations that they should/would like to do. Sometimes this is due to pure time constraints, sometimes because there is no budget to do this extra work.

Obviously as soon as you move on, and the site develops further, then other optimisations should be made (and often are not).

This is why Riverbed added the Aptimizer prodict to the Stingray portfolio (see http://www.aptimize.com for a free demo/eval)

This product automates the process of minifying, merging, streamlining the static content of a site. It also manipulates the caching times and other techniques to significantly improve the first load and subsequent load times of a page.

Nick

Comment: 7

I think the title of this article should have been 'Are some bad designers ruining the web?'. The article should then have consisted of a single line paragraph stating 'no, it's the SEO guys that are dong that'.

But seriously, bad design is bad design. A good designer takes into account things like page load times, usability etc. They know the boundaries and how to work around them to produce the results and as we all know everything in the planning stages through to signed off artwork IS design.

This article falls into the trap of thinking that design is just pretty pictures. Pretty pictures are only half the battle at this point in the net's lifespan.

Comment: 8

This from a site which takes +5 seconds to load, makes 118 requests and 900k in data.

Comment: 9

I think the point is missed in this article as I would place more emphasis on the web bloat problem being driven by client demand and poorly skilled front-enders rather than the designers.

We’ve all seen simple sites behaving like dogs because they're built badly (one well known luxury department store site is 2 colours and a basic grid but there are 38 JS includes). Poor devs are filling gaps in knowledge and ability with monolithic libraries and popular, glossy plugins (which are likely50%+ larger in file size and 90 – 1000% slower to execute). Poor knowledge of writing large scale CSS is also a factor as bulky CSS – poor selectors, repetition – not only increases file size, increases the likelihood of the developer making multiple requests but takes thousands of times longer to parse and draw the site, though this is often minor in terms of performance and more an issue of maintainability compounding problems later.

Client demand is the second factor, they usually demand large images, textures and custom fonts just because they can (their Internet at home may be 50MB/s etc.) or because it matches their juggernaut marketing departments latest print campaign. We all know that it's irrelevant how pretty a website is that if it's so jerky and sapping power by multiple re-draws but we let the client win-easy and end up alienating users on netbooks, older laptops without graphics hardware, users of older browsers and mobile (the actual users of a site) based on the decisions of someone likely without a clue.

Client demand is also responsible over-ruling sensible technical decisions way down the line past the design stage; such as loading on demand. Their behaviour of clicking about like mad on their own site results in an expectation of all images and videos to be there in an instant. A sensible approach would be to only load media when requested by the user (who is less inclined to flit about) but this would involve an ugly loading bar and perhaps a wait of a few precious seconds.

Lastly, analytics are a (literally) large factor that the changes in privacy law will probably compound. If I’m on a crappy connection I don’t want 80kb of something I can’t see and benefits me in no way?

Comment: 10

As Nathan Shedroff demonstrates brilliantly in his book "Design is the Problem" (Rosenfeld)...well, design is the problem.

Putting the blame on front-end developers is like the designers of the Hummer getting mad because the engineers can't make their creation get 100 miles per gallon. The problem is usually the design, not the code.

Most instances of page bloat are a result of a designer not understanding the web, and expecting someone else to make their design work. The front end developer have to make the site work down to the last pixel.

As Shredoff demonstrates in his book, other design fields have recognized this - without a re-thinking of design, optimization and efficiency can only go a little way - you just streamline a hippo.

After seeing the websiteoptimization page a few months ago, I did my own search - in particular to see if "green" designed sites matched their message, or if users were driving to the virtual eco-rally in SUV websites. The results, shown here:

http://wp.me/p1ZvVh-bQ

demonstrate that at present, designers are insensitive to the sustainability of their own medium. In other words, designers are acting like their designs have no effect on real-world issues like Internet energy amd resource use. This is similar to the attitude that industrial designers had 20 years ago, and graphic designers had before the development of "sustainable graphic design".

The real problem is that critique only flows one way - the developers have to get the design right. Instead, when a design has sustainability issues, critique should flow up to designers, who in turn can apply creativity to re-think the design.

My own opinion is the best way to solve this is to encourage hybrids. Coders should take some design classes, and designers should take coding classes. A hybrid team will do a much better job of integrating design, UX, and sustainable web design issues.
June issue on sale now!

The Week in Web Design

Sign up to our 'Week in Web Design' newsletter!

Hosting Directory
.net digital edition
Treat yourself to our geeky merchandise!

site stat collection