Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Is The Internet Killing Creativity?

The internet is a wonderful place (mostly). An unprecedented revolution in communication, it continues to empower more people to publish and share their knowledge than any other phenomenon in history. It is a limitless playground of ideas and unbridled creativity.

Or is it?

It All Looks The Same Link

In 2014, Elliot Jay Stocks declared that designers have stopped dreaming1. That we’ve stopped being creative. That every site looks the same. A crazy notion considering the magnitude of tools and resources we have at our disposal. But Elliot’s been right, and he’s not alone either.

Further Reading on SmashingMag: Link

In 2015, Noah Stokes chimed in, telling us web design is losing its soul6, no less. According to Noah, RWD patterns have become habitual, we’ve become stuck in them, and we’re struggling to break out and be different. Subsequently, at the height of summer last year, Sergio Nouvel declared web design dead7, triggering a minor uproar among the people who cared.

Web design is dead. In the ground. Finished. “Frameworks and templates have us covered”, Sergio said. Our patterns are mature, and “trying to get creative at this point will probably be pointless or even harmful.” He mentions The Grid8 as a pioneer in automation and artificial intelligence, essentially taking over the role of web designers.

“[The Grid] analyzes your content to detect the best layouts, colors, fonts, and extra imagery for your site.”

– Sergio Nouvel

Take that in for a moment. The Grid – a piece of software – analyzes your content and makes a website out of it. Boom. No designer needed, no fiddling around in SquareSpace, no agency fees. Websites at the push of a button.

Judgement Day is upon us. The robots are coming. The very tools we’ve built to make our jobs easier are turning on us. And why wouldn’t they?

All your web design is belong to us!9

“All your web design is belong to us!” (View large version10)

Think about it. We’ve focused all our efforts on making sure we get the tech right. That we follow the right UI patterns. That our sites perform well. For the best part of our short history, we’ve focused on creating a recipe for making websites. So let me ask you this: what’s the point of web designers if there’s a recipe?

Our future is bleak, people. We’ve laid the foundation for our own extinction. In a few years time we’re out of a job.

Unless we do something about it.

A History Lesson Link

Whatever you call yourself – whether you’re a web designer, a visual designer, a UX guru or a ‘creative’ (*shudder*) – we’re all part of a grand movement, a discipline that spans centuries. We all share a common ancestor: the graphic designer.

Our medium is different, of course. We communicate with pixels and bandwidth, not ink and paper. But we can’t ignore our past. Web design is just an extension of graphic design – they are the same thing. We share the same history. And in that history lies the key to our survival.

For the sake of argument, let’s say modern graphic design was born in the 15th century, with the invention of the printing press. At this early stage, layouts were straightforward, largely consisting of justified columns and drop caps.

This pattern largely persisted, although towards the 20th century, under the influence of art nouveau, designs became more ornamental and flourishes were added across the board.

Both these styles were challenged in the early 20th century by the modernist movement, which advocated asymmetrical layouts, simplicity and more complex grid structures.

A little later, we got mavericks like David Carson, who literally threw out all the rules and transformed the page into a playground for creativity.

An illustrated history of graphic design11

An illustrated history of graphic design. (View large version12)

I hope you can excuse the imprecise nature of this summary of events, the details of which have little to do with my point, which is that graphic design has come of age. The discipline has arrived at a place where rules have been defined, but we also have the maturity to know how – and when – to break them.

Web design, on the other hand, is infantile.

We’ve almost moved past centre alignment as the default and we’ve swapped ornamental skeuomorphism and shiny buttons for what we annoyingly call flat design. (Even more annoyingly, we keep referring to it as a trend. For the record, the absence of embellishment is not a trend, it is simply graphic design without the bullshit. But I’m digressing.)

We’ve started playing with different layouts, asymmetrical grids and making the most of different viewports. We’ve finally got a good handle on typography, we have blend modes and animation, we have Retina screens. We’re ready to experiment.

Right now is easily the most exciting time ever to be a web designer.

So why do all websites look the same?13 Have we simply stopped caring? Are web designers incapable of being creative? No. I don’t think so. But I do think we’re facing formidable obstacles to new ideas. And the first of these obstacles is the C-word.

The C-Word: How Content Changed Design Link

Around 10 years ago, I started my career in a small publishing agency called White Light Media14. I was a magazine designer.

And in the world of magazines, content is taken seriously. Half my colleagues were editors. Not only did this mean that all the content was written before I designed the final layouts, I could also work with the editors to mold headlines and paragraphs to fit.

Our process looked pretty much like this:

Magazine design process: content, design, then content and design together15

Magazine design process: content, design, then content and design together. (View large version16)

We were a team: content and design, together.

On the web, of course, content is an entirely different beast. The invention of the CMS has changed everything. On the one hand, it allows clients around the world to edit their own content and continuously update their sites without external intervention. That is a great thing.

On the other hand, however, the CMS has, in many, many cases, moved content from the start of the process to the end of the process.

Web design process: design, build, then content17

Web design process: design, build, then content. (View large version18)

What happens when we remove ourselves from content?

Well, first of all, editorial design is no longer bespoke. We no longer match meaningful headlines with complimentary images. We no longer tailor layouts to suit a particular feature.

Instead we design systems, empty templates waiting for content to fill them. We break sites down into component parts and create style guides. We worship atomic design19. We focus on the organization of our design assets, not the meaning of them.

We start our processes, not by coming up with ideas and concepts, but by creating element collages20: collections of buttons and paragraphs and feature boxes. We design them so that our clients can sign off on the look and feel. We obsess over style, ignoring the substance in the process. We fall in love with sexy.

Why? Because we no longer know the context of our designs. And when there is no context (read: content), all that’s left is visual effects and polish. We’ve created a new paradigm. And that paradigm is based on the fallacy that graphic design equals the sum of its parts. That as long as we neatly organize, theme and polish each element of a website, we’re doing it right.

Wrong.

Reclaiming Content Link

If we are to raise our collective creative bar, we need to reclaim content as part of our process. And I don’t simply mean sending an email to the clients and asking them to pass on a Word document. I mean integrate it. Make it ours.

We need to do content and design at the same time. Because the basis of graphic design is image plus text. Not just text. Not just images. Both together.

Of course, lots of graphic design is text only – that in itself is a design decision – but in most cases, photography or illustration improves the experience. Likewise, images can speak for themselves, but in most cases text improves the meaning.

Imagine you’re designing a site for a legal firm. They want something that says that they’re different from the rest, that they are honest, and that they have courage where others lack it. At the kickoff meeting, the CEO hands you this picture for the home page:

The handshake of death21

The handshake of death. (View large version22)

Now, if your text is Lorem ipsum, you’re pretty screwed. Using Lorem ipsum is the same as not having text at all. And if you don’t have text, you don’t really have graphic design.

This is where we should unleash our inner copywriter. You may think you can’t write, or “I’m dyslexic.” That’s fine. We’re not writing an essay here; we’re just using words to sketch out an idea. And we all have ideas. By writing an idea into the picture, we can change the context:

Copywriting adds meaning to mundane images23

Copywriting adds meaning to mundane images. (View large version24)

Immediately, the meaning has changed. You’ve just made the user think. (Take that, Steve Krug25!) The most boring image on earth is suddenly intriguing.

Conversely, changing images has a profound effect on the same piece of text. So if your starting point is “synergy” (the text equivalent of the handshake picture), you can enhance – or change – the meaning of it by choosing the right image. Of course, the bigger the disparity between the picture and the text, the more memorable it gets.

Synergy: the interaction or cooperation of two or more organizations, substances, or other agents to produce a combined effect greater than the sum of their separate effects26

Synergy: the interaction or cooperation of two or more organizations, substances or other agents to produce a combined effect greater than the sum of their separate effects. (View large version27)

Let’s look at some real-life examples. The first example is the work and passion of my colleague Steve Brown28. His core idea is the fusion of two minds, the coming together of a mentor and a mentee. It’s not quite the above two elephants, but it makes so much more sense than your generic stock image.

Mentor and mentee at re-create.com29

Mentor and mentee at re-create.com. (View large version30)

Another example is from an about page we did for activpayroll31, a global payroll company based in Aberdeen. Instead of simply writing “About us” and waiting for the client to choose a stock photo, we create synergy (cue mental image of elephants procreating) by linking the image with the content, which talks about the DNA of the organization.

It's part of our DNA' – activpayroll.com32

‘It’s part of our DNA’ – activpayroll.com. (View large version33)

Last, but not least, the history page for Cruise Loch Ness (yup, they do cruises on Loch Ness). This piece of text was written by a copywriter, and Steve had the great idea of letting the typography sink into the loch. Isn’t it beautiful?

Cruise Loch Ness' emotions run deep34

Cruise Loch Ness’ emotions run deep. (View large version35)

Creating empty carousels and sexy hero images is easy. Adding meaning through design is more difficult. But that’s exactly what people should be paying us for. To put it bluntly, if your job is to re-skin Drupal themes, you’re not a graphic designer.

Does Everything Need A CMS? Link

Content management systems often force your hand when you do a layout; for example, by requiring content areas to be variable height, or using overlays over images because you don’t know when the client will change the background. With a CMS, we have to be generic.

Without a CMS, we can be much more bespoke, making use of creative typography, fixed positioning, animation, unique illustration, and so on. And chances are you might not need to CMS everything. So before you start limiting your ideas, ask yourself two questions: how rare is the content I’m designing for, and how likely is it to change?

Do you really need to CMS that bit of content?36

Do you really need to CMS that bit of content? (View large version37)

Rare content types – that is, content that isn’t replicated throughout the site – usually don’t need a CMS. And the longer the lifespan, the more you can invest in it. Common content, like a news article or a product listing, is likely to need a CMS, because they tend to have relatively short lifespans, and their content type is used across multiple entries on the the site.

Waterstons: building better businesses38

Waterstons: building better businesses. (View large version39)

The feature (above) we did for Waterstons40 is a good example. This whole feature area is hard-coded. We wrote it. We commissioned an illustrator for it. We animated it. And the client can’t change it. This doesn’t mean it can never change. Here’s their first campaign after the launch of the site. New copy. New illustration. New animation.

Five ways to performance improvement41

Five ways to performance improvement. (View large version42)

And here’s what we launched at the end of last year:

The Great Quest: Raising quality and lowering costs43

The Great Quest: Raising quality and lowering costs. (View large version44)

Is this more expensive than a standard hero image with a text editor? Well, yes. Is it more inspiring? We certainly think so. Is it worth it?

“The best money we ever spent”

– Michael Stirrup, Financial Director at Waterstons

Right. Moving on.

The Holy Book Of Don’t-Do-This-But-Do-That Link

As a community of designers, researchers, and developers, we love to share our expertise, and that’s one of the best things about this industry. Ironically, it is also one of the main obstacles to creativity.

We’re simply too good at telling each other what to do and what not to do. Everywhere you look there are helpful guides, tips, and hints. The problem is, the more guides there are, and the more we repeat them, the more they start to sound like commandments.

  • Thou shalt not define thy line-height in pixels.
  • Thou shalt not base thy breakpoints on devices.
  • Thou shalt not take the name of the lord Performance in vain.
  • Thou shalt begin with mobile.
  • Thou shalt not put important shit below the fold.
  • Thou shalt not worship the carousel of false idols.

Et cetera.

Sharing our expertise is ironically also one of the main obstacles to creativity.45

Sharing our expertise is ironically also one of the main obstacles to creativity. (View large version46)

Our rulebook is problematic for two reasons. The first is arrogance. We start to think we’ve solved it. That we’re finished. That, if everyone just follows best practice, we’ll create the perfect web.

Now, there will always be best practice and best practice is usually good practice. We absolutely need a standards movement. We absolutely need to consider performance, and usability, and all the other things that make web design difficult. The danger is that when too many people walk the same path, it becomes very uncomfortable to create an alternative, particularly as Twitter is full of firebrand preachers who take it on themselves to sniff out blasphemy.

The second problem is this: with so much focus how to do stuff, how to implement stuff, we forget our most valuable assets: meaningful ideas. By creating so many rules for ourselves, we miss out on those ideas. We put blinkers on, and we fail to explore concepts that don’t fit in with the current dogma.

Breaking The Rules Link

I have a confession to make. I use parallax. And carousels. Even hamburgers. Shocked yet? I doubt it. But I can sense your judgement. As our industry matures, we see the rise (and sometimes fall) of contentious issues that polarize our community. Yesterday it was hamburger menus, today it is page bloat. Tomorrow? Who knows.

Are carousels inherently bad? Of course not. Should parallax be banned? Don’t be daft. Do hamburger menus work? Well, I guess the jury is out on that one.

When I was designing magazines, no one ever talked about click rates, or conversion funnels or usability patterns. We simply had to trust that our readers knew how to open the magazine, how to find the contents page and how to read page numbers. And most people did. I think. (We had no accurate way of checking.)

On the web, things are not that easy. There are so many things that can go wrong when you can’t give everyone the exact same experience. Does this behave the same way on a slightly older version of Firefox? Do people know what the hamburger icon means? Do they even scroll? Luckily, we can measure things!

Worshipping metrics47

Worshipping metrics. (View large version48)

We desperately love metrics, and we lap it up when someone publishes their results. If you’re into your hamburgers, you’ve probably seen James Foster’s A/B tests, which proved that putting the hamburger inside a box, so it looks like a button, increases use by 22.4%. It also proved that switching the lines for the word ‘Menu’ makes 20% more people click.

I’m using the word ‘proved’ quite generously here. What I actually mean is that Foster’s tests showed us particular results from a particular period of time on a particular site, using a particular set of hamburger icons. In other words, as far as everyone else is concerned, the tests prove nothing.

Why? First of all, because A/B testing excludes the rest of the alphabet. We cannot know what would happen if the button was in a different color, a different size, or in a different context altogether. What if the home screen only consisted of a hamburger menu and nothing else?

A/B testing excludes the rest of the alphabet49

A/B testing excludes the rest of the alphabet. (View large version50)

Second, there are simply way too many factors at play, making us unable to pinpoint exactly what determines the results. It could be differences in the technical background of the audience. It could be affected by what mobile phone they were using. They could be influenced by the apps they are already used to. By their emotional state. By the temperature outside, or whether they were in a rush, or in a meeting, or on the toilet.

Or, as this simple A/A test51 shows, it could be coincidence.

I’m not knocking A/B testing (or James Foster, for that matter). By all means, test your stuff and see what works best for you. My point is that someone else’s A/B test rarely has takeaways for your own project. Despite our best efforts or intentions, we simply don’t have the tools, or data, to say how well something works across all contexts.

Despite our best efforts, the answer to most design related questions is still “It depends.” Throwing pseudo-scientific stats around Twitter doesn’t change that.

Think about this: if carousels are inherently bad, how come practically all smartphones use them as the main means of navigating? Most of us use a carousel every single day. Which means that as long as people a) know how to operate the carousel, and b) actually want to see what’s on the next slide, carousels may actually be all right.

It means that at least in some contexts, carousels work. And the same goes for hamburgers, or parallax, or even pages weighing a ton: it depends.

So I say fuck the rules (responsibly). Rules are stifling.

Sure, we’ll make mistakes. Lot’s of them. We’ll make horrible things, bloated things, painful things. But every now and then, we’ll make something extraordinary. Something wonderful.

And I’d much rather have the web be a mix of horrible and wonderful than an ocean of beige.

Pattern Fatigue Link

The term ‘lateral thinking’ was coined by Edward de Bono52 in 1967 and made famous by his 1970 book53 by the same name. In this book, he talks a lot about patterns and how difficult it is to move beyond patterns that have already been established. As an example, he provides the reader with a puzzle that involves combining an increasing number of shapes to create a larger, simple shape (such as a rectangle).

Adding each piece is easy until you get to the last one54

Adding each piece is easy until you get to the last one. (View large version55)

Adding each new piece to the existing shape is easy. Until you hit the last piece. What then? Most people really struggle at this point, but as de Bono points out, the solution is to reevaluate the whole pattern – not just the final piece.

Ignoring the initial assumptions make the final solution easier to reach56

Ignoring the initial assumptions make the final solution easier to reach. (View large version57)

I wonder if we’re stuck right now. We’ve got all these patterns, and they fit so well together that it’s almost impossible to imagine anything else. It feels like our patterns are complete.

There are many examples of so-called completed patterns online. Hamburgers. Horizontal navigation. Pagination. We even have patterns that dictate our page layouts, like the F pattern.

“F for fast. That’s how users read your precious content. In a few seconds, their eyes move at amazing speeds across your website’s words in a pattern that’s very different from what you learned in school.” – Norman Nielsen Group

People read differently on the web, we’re told. In fact, they don’t actually read our pages, they scan them. They start at the top, going across. Then they move down the page a bit and go across again, before they scan the content’s left side, in a vertical movement.

Every website, ever58

Every website, ever. (View large version59)

It’s no surprise we design to this pattern. We put our navigation at the top, our content directly below it, and our sidebar on the left-hand side. It makes sense because that’s how users read websites.

But this is a chicken and egg situation. What comes first, the F reading pattern, or the F design pattern? I think people read our sites like they do because we design them that way. I think that if we changed our design patterns, the reading patterns would change too.

“We need creativity in order to break free from the temporary structures that have been set up by a particular sequence of experience.”

– Edward de Bono

In order to become more creative, we must think more like children. We must dare to doubt the obvious, to be curious about the mundane, and to ask the silly questions. Questions like, “Why do we always put the logo in the top-left corner?” or “Why do we always put the navigation at the top of the screen?”

We don’t have to. There are tons of places we could put the logo, and there is no reason other than expectation not to put the navigation at the bottom of the screen. Why not ditch the navigation altogether?

Why are we so obsessed with having every page accessible from anywhere, instantly? Without the navigation as a primary means of moving around the site, perhaps the content can do the job instead. Perhaps every website could have a contents page, leaving all the other pages free of clutter. Perhaps that means we’d discover a whole lot of content we wouldn’t necessarily seek out. Perhaps we’d consume content in a different way. Maybe getting lost is a good idea sometimes?

What if we designed for landscape instead of portrait?

Screens aren’t just getting smaller, they’re also getting bigger. And most of our non-mobile viewports are landscape. Why do we think a long, vertically scrolling wall of content is the best experience for a landscape device? What if we broke our layout into sections, spanning the full width of the viewport?

What if websites read like magazines?

You may think I’m an idiot. That I’m going too far. That challenging patterns that have taken years to develop is unnecessary and dangerous. Well, you wouldn’t be alone in thinking that.

“One of the biggest problems in modern web design is that everyone keeps reinventing things that don’t need reinventing.”

– Matt Hill60

For the record, I have since spoken to Matt, and he pointed out61 that he’s not advocating a lack of creativity, rather “lamenting the constant re-engineering of solved problems at the *expense* of being creative. IE, designers tweaking pointless things and ignoring the big picture.”

A fair point. Looking at the bigger picture, I believe Matt – and many more – would agree that we’re not done inventing yet. We’re not actually finished. In fact, as far as I’m concerned, we’ve barely scratched the surface.

So, Is The Internet Killing Creativity? Link

I have discussed content, rules and pattern fatigue as major obstacles to creativity online. So where do we stand? Is web design dead yet?

In a word, no. The internet hasn’t killed creativity, and web design isn’t dead. But generic solutions62 are. And the robots really are coming. There are so many tools, there are so many frameworks. There’s SquareSpace. There’s the Grid. And others will follow.

Soon, it will be virtually free to create a nice looking website. There will be super sexy templates. There will be themes. There will be payment plans and production lines. If it can be done with an algorithm, it will. Maybe it even should.

But remember this: machines have no imagination. Robots work to a specific set of rules. They follow the recipe. They can’t create something that’s original and meaningful. They have no imagination. If we want to survive the Matrix (my robotic dystopian metaphor of choice), we need to maintain ours.

So we’re left with a choice. We can take the blue pill: we carry on as we are. We perfect the recipe. We choose the familiar. And eventually we hand our jobs over to robots.

Or we take the red pill: we go beyond the obvious and enter Wonderland. We fail. We fail again. And in the process, we offer what the machines can’t: memorable, original and creative experiences.

(og)

Note: this is a write-up of my talk delivered at SmashingConf Barcelona 201563.

Footnotes Link

  1. 1 http://www.creativebloq.com/computer-arts/stopped-dreaming-41411268
  2. 2 https://www.smashingmagazine.com/2011/12/the-process-of-creativity/
  3. 3 https://www.smashingmagazine.com/2015/07/web-design-is-dead-no-it-isnt/
  4. 4 https://www.smashingmagazine.com/2012/09/not-all-doom-gloom-web-community/
  5. 5 https://www.smashingmagazine.com/2016/04/design-or-get-undesigned/
  6. 6 http://www.creativebloq.com/design/noah-stokes-projects-meaning-1135838
  7. 7 http://mashable.com/2015/07/06/why-web-design-dead/
  8. 8 https://thegrid.io/
  9. 9 https://www.smashingmagazine.com/wp-content/uploads/2016/01/01-robot-opt.jpg
  10. 10 https://www.smashingmagazine.com/wp-content/uploads/2016/01/01-robot-opt.jpg
  11. 11 https://www.smashingmagazine.com/wp-content/uploads/2016/01/02-timeline-opt.jpg
  12. 12 https://www.smashingmagazine.com/wp-content/uploads/2016/01/02-timeline-opt.jpg
  13. 13 https://twitter.com/zeldman/status/611187696271290368
  14. 14 http://whitelightmedia.co.uk/
  15. 15 https://www.smashingmagazine.com/wp-content/uploads/2016/01/03-process-opt.jpg
  16. 16 https://www.smashingmagazine.com/wp-content/uploads/2016/01/03-process-opt.jpg
  17. 17 https://www.smashingmagazine.com/wp-content/uploads/2016/01/04-process_cms-opt.jpg
  18. 18 https://www.smashingmagazine.com/wp-content/uploads/2016/01/04-process_cms-opt.jpg
  19. 19 http://patternlab.io
  20. 20 http://danielmall.com/articles/rif-element-collages/
  21. 21 https://www.smashingmagazine.com/wp-content/uploads/2016/01/05-handshake-opt.jpg
  22. 22 https://www.smashingmagazine.com/wp-content/uploads/2016/01/05-handshake-opt.jpg
  23. 23 https://www.smashingmagazine.com/wp-content/uploads/2016/01/06-secret_handshake-opt.jpg
  24. 24 https://www.smashingmagazine.com/wp-content/uploads/2016/01/06-secret_handshake-opt.jpg
  25. 25 https://www.sensible.com/dmmt.html
  26. 26 https://www.smashingmagazine.com/wp-content/uploads/2016/01/07-synergy-opt.jpg
  27. 27 https://www.smashingmagazine.com/wp-content/uploads/2016/01/07-synergy-opt.jpg
  28. 28 http://re-create.com/
  29. 29 https://www.smashingmagazine.com/wp-content/uploads/2016/01/08-recreate-opt.jpg
  30. 30 https://www.smashingmagazine.com/wp-content/uploads/2016/01/08-recreate-opt.jpg
  31. 31 https://www.activpayroll.com/
  32. 32 https://www.smashingmagazine.com/wp-content/uploads/2016/01/09-dna-opt.jpg
  33. 33 https://www.smashingmagazine.com/wp-content/uploads/2016/01/09-dna-opt.jpg
  34. 34 https://www.smashingmagazine.com/wp-content/uploads/2016/01/10-cruise-opt.jpg
  35. 35 https://www.smashingmagazine.com/wp-content/uploads/2016/01/10-cruise-opt.jpg
  36. 36 https://www.smashingmagazine.com/wp-content/uploads/2016/01/11-content_matrix-opt.jpg
  37. 37 https://www.smashingmagazine.com/wp-content/uploads/2016/01/11-content_matrix-opt.jpg
  38. 38 https://www.smashingmagazine.com/wp-content/uploads/2016/01/12-waterstons-opt.jpg
  39. 39 https://www.smashingmagazine.com/wp-content/uploads/2016/01/12-waterstons-opt.jpg
  40. 40 http://waterstons.com
  41. 41 https://www.smashingmagazine.com/wp-content/uploads/2016/01/13-waterstons_2-opt.jpg
  42. 42 https://www.smashingmagazine.com/wp-content/uploads/2016/01/13-waterstons_2-opt.jpg
  43. 43 https://www.smashingmagazine.com/wp-content/uploads/2016/01/14-waterstons_3-opt.jpg
  44. 44 https://www.smashingmagazine.com/wp-content/uploads/2016/01/14-waterstons_3-opt.jpg
  45. 45 https://www.smashingmagazine.com/wp-content/uploads/2016/01/15-rulebook-opt.jpg
  46. 46 https://www.smashingmagazine.com/wp-content/uploads/2016/01/15-rulebook-opt.jpg
  47. 47 https://www.smashingmagazine.com/wp-content/uploads/2016/01/16-metrics-opt.jpg
  48. 48 https://www.smashingmagazine.com/wp-content/uploads/2016/01/16-metrics-opt.jpg
  49. 49 https://www.smashingmagazine.com/wp-content/uploads/2016/01/17-alphabet-opt.jpg
  50. 50 https://www.smashingmagazine.com/wp-content/uploads/2016/01/17-alphabet-opt.jpg
  51. 51 http://kadavy.net/blog/posts/aa-testing/
  52. 52 https://en.wikipedia.org/wiki/Edward_de_Bono
  53. 53 http://www.amazon.co.uk/Lateral-Thinking-A-Textbook-Creativity/dp/0141033088
  54. 54 https://www.smashingmagazine.com/wp-content/uploads/2016/01/18-pattern_puzzle-opt.jpg
  55. 55 https://www.smashingmagazine.com/wp-content/uploads/2016/01/18-pattern_puzzle-opt.jpg
  56. 56 https://www.smashingmagazine.com/wp-content/uploads/2016/01/19-pattern_solution-opt.jpg
  57. 57 https://www.smashingmagazine.com/wp-content/uploads/2016/01/19-pattern_solution-opt.jpg
  58. 58 https://www.smashingmagazine.com/wp-content/uploads/2016/01/20-f_pattern-opt.jpg
  59. 59 https://www.smashingmagazine.com/wp-content/uploads/2016/01/20-f_pattern-opt.jpg
  60. 60 https://twitter.com/matthillco/status/623786355651411968
  61. 61 https://twitter.com/matthillco/status/664364771509215232
  62. 62 https://www.facebook.com/vitaly.friedman/posts/10155740174175573
  63. 63 https://vimeo.com/145055819

↑ Back to top Tweet itShare on Facebook

Espen Brunborg is Head of Design at Primate, a web agency driven by an overwhelming passion for the web industry and a slightly unsettling love for monkeys, and is an advocate of content-led design, simplicity and typographic principles. He writes about his design convictions at 8 Gram Gorilla and his tweets are occasionally worth reading.

  1. 1

    Love this article. I’ve been bored with modern web design lately and I think you hit the nail on the head with this article. There is definitely a time and place for CMS and templates, but I miss the days of highly creative websites that set a unique tone for the client and amazed users. I’m striving in all my designs to bring the sense of amazement and delight back to websites.

    You’re right that the web isn’t dead, we just need to know when to break the rules and do something unique, and not be afraid to do so.

    21
    • 2

      A traditional graphic design has ALWAYS had “UX” under their belt. A brand system works with TV spots, radio, stationary, website, billboards, flyers, postcards, magazines, etc, etc. All kinds of different “UX” experiences problems that need to be addressed. It’s always about your audience and thinking about their needs. Nothing new here.

      We need to get back to giving the graphic designer all the props and rid ourselves of specialized titles that feel “made up”.

      I’m a graphic designer that loves to read Jakob Nielsen articles. OMG, what do I do now? Change my title? I’m a UX designer!!??? Who do I blame for my conflicting identity? Maybe it’s the powerful business owners, like Amazon, using their influence and money to reduce the graphic designers worth?

      4
  2. 3

    i couldn’t agree more with the idea that technology has a way of taking our awareness and energy away from the natural states that cultivate creativity and imagination. Unfortunately the influences of our capitalist culture find their way into every environment, and this includes those where our most creative and talented reside.

    2
  3. 4

    I mostly agree with your opinion and I feel often the same BUT in the other hand most of the usual clients we are all working for doesn’t expect any “breaking the rules” and I think this is an fact, which doesn’t change that fast.

    And what kind of minimal changes should we do to create unique and smart webdesign? You’re examples were not really different to most of the flat websites, or am I wrong?

    The grade of graphic design is down to a minimal since flat design and I agree with you that robots doesn’t have imagination BUT they are 1) cheap 2) fast 3) easy and a lot of people upload a picture of their company and they are satisfied. Hard topic – and a lot of different views!

    13
    • 5

      Helen_OneLine ethical design

      January 31, 2016 12:42 am

      I hear you. Perhaps though we should be educating our clients that if we don’t break the rules they won’t get what they really want, which is to be noticed.

      10
  4. 6

    I think clients that have no concept of design, GUI of art are the problem.

    How many times have we heard… “its great but can you change just one thing” and after placing “blink” and a waving Homer Simpson on their corporate site, the customers happy!

    9
  5. 7

    Markup rules.
    Accessibility rules.
    UX rules.
    Code standards.
    SEO rules.
    Expert dos and donts.

    We do not provide creativity. We provide rules. Some trying to make a living. Others already living out of this world. A monster like the internet today will crush without rules.
    Out of fear, afraid to fail – that is -, nobody tries to reinvent the wheel. One failure could end your internet future.
    It is just fashion, folks. Who liked the same type of shoes endlessly?
    And… well, beautiful or not, more or less fashionable, big brands are setting trends. So there is something to blame, because this resource says it clearly: design is dying.

    6
  6. 8

    About those A/B tests; I concur with your thoughts, and stressed that my results were from one particular site only. I believe this kind of testing is only useful when you have a very clear idea of your goals.

    Services such as The Grid and Squarespace, etc, are changing the industry. I only recently volunteered for a site design and build, only to discover the client found Squarespace and I was redundant.

    Oh well, I guess I’ll have more time to do some more controversial A/B testing…

    7
    • 9

      Espen Brunborg

      January 27, 2016 10:30 pm

      James,

      I was in doubt as to whether to include a reference to your tests, as I don’t want you to think I’m having a go at you. As you point out, your results were from one particular site only, and in that context they are, by all accounts, completely valid and useful.

      Thanks for not taking it personally.

      1
  7. 10

    Jakub Linowski

    January 27, 2016 8:49 pm

    To say that “the tests prove nothing” is an unscientific, desperate step backwards into the dark ages. When you go against experimentation, you are left with opinion, and the design-as-magical-superhero model. Dark ages. Witchcraft. I say, screw that. Show me the data.

    I agree with you that open mindedness requires some skepticism, and more importantly probabilistic thinking. Agreed, it’s childish to perceive rules or best practices unquestionably and expect them to guarantee results 100% of the time. Your hinting at “good practices” slightly clears us from such naive thinking – thank you for that. It might be what Carl Sagan meant that all scientist are never to be 100% certain and always leave some room to challenge their own beliefs and build new knowledge. I like that about your article.

    But to say that we cannot build knowledge from tests and strive to capture patterns as a means to attain higher probabilities of desired effects, is an attack on design science. Sorry, your argument that A/B are useless because C,D,E,F,G,H,I,J have not yet been carried out is flawed to the bone. Scientists generate knowledge even though an infinite amount of experiments have not been carried out. Infinite amounts of experiments cannot be carried out by definition. True, that strength of a pattern/finding rises when multiple experiments are run. Rigor and multiple comparison need to be made. In that light, Foster’s A/B test about hamburger menus is a starting point and should be thanked for, built on, compared to other tests, but not ignored. Don’t throw stones at someone for sharing design data! It takes guts to share data openly. Foster is the hero here for being transparent. Closing your eyes to experiments is what scared people do – medieval.

    Data does not kill creativity. Creativity comes from discipline and experience as design theorists such as Donald Schön, Kees Dorst, and Bryan Lawson have written about extensively. If you’re not creative, it’s your design process, and not scientific thinking. Don’t crap on A/B testing for killing creativity.

    Do stay skeptical and open at the same time. :)
    Cheers,
    J

    11
    • 11

      Espen Brunborg

      January 27, 2016 10:23 pm

      Jakub,

      Thanks for the constructive feedback.

      First of all, I’m not saying A/B testing is bad (in fact, I specifically point that out in the article when I say “I’m not knocking A/B testing”), and I’m not “throwing stones” at James Foster (ditto, see comment above).

      What I am saying is this:

      1. If you A/B test your own product, with a large enough sample size over a sufficient time period, you will know with some scientific confidence that A or B performs better than the other. However, that is also all you know. You cannot know how C, D, F etc. would compare unless you test them. Therein lie the false comfort of A/B testing – it is too expensive to test twenty radically different ideas, so we limit ourselves to incremental tweaks and end up perpetuating ‘safe’ patterns already tested by others.

      2. What works well in one context does not necessarily work well in another, and vice versa.

      5
      • 12

        Jakub Linowski

        January 27, 2016 11:05 pm

        Espen,

        To your points:

        1. The degree of change is a variable that can be designed into the experiment, openly. You can have a B that is incremental or vastly different from A. We have ran radical tests as one strategy: http://goodui.org/blog/the-best-shot-testing-strategy-the-fastest-way-to-higher-conversions/ We also ran incremental tests. On a side note, nature is incremental and gives rise to a really diverse range of species. :)

        2. The fact that there are various variables acting on participants in a test, do not automatically guarantee that they have an effect. So if someone is sitting “on the toilet” (in your words) during an experiment, that may or may not have an effect. More so, with enough of a sample, those difference are actually irrelevant because both A and B should be exposed to them more or less equally with random sampling.

        My main point, I think, is not to blame data or experimental thinking for some of the creativity problems you identified. Experimentation has immense value. And having 1 test result makes us smarter than having none. Having 10 or 100 test results gives us an even greater advantage. There is nothing pseudo-scientific about sharing 1 test result openly. On the contrary, your logic about carousels might be laced with pseudo-science (“if carousels are inherently bad, how come practically all smartphones use them as the main means of navigating”). Pseudo science gives way to science when common / general opinions are actually tested.

        1
        • 13

          Espen Brunborg

          January 28, 2016 11:13 am

          Jakub,

          1. I agree. (On your side note, nature works in increments because of evolution, which is completely void of design. There *is* a force of evolution happening in web design, of course, but that’s a topic for another day.)

          2. Yes, “sitting on the toilet” may not have an effect on your test. But then again it may. My point is that we don’t know. Contrary to controlled experiments, most A/B tests have no real way to account for unknown factors. As you say, with a large enough sample, such factors may not matter. But what is a large enough sample?

          Finally, my logic about carousels is not pseudo-scientific. I’m not using the example of smart phones to argue that carousels are always good, only as proof that they’re not always bad. If the majority of the world’s smart phone users – a large enough sample size in my book – are comfortable with a carousel as navigation, it stands to reason that it works in that particular context.

          Thanks for the discussion :)

          4
          • 14

            Jakub Linowski

            January 28, 2016 8:50 pm

            Data trumps popularity, beliefs and fads.

            Popularity is not proof that something if good or bad.

            Smart designers don’t follow fads, but become knowledgeable and use data to their advantage. Unless they are not designers, but artists who create stuff to fuel their own fancy.

            Pseudo-science hides under rocks that cannot be measured or falsified.

            Here is some summed up data about where carousels have been shown to be less effective along with some possible explanations:

            http://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore-the-fad/

            0
        • 15

          That Individual

          February 10, 2016 6:49 pm

          While saying that “tests prove nothing” may seem a bold claim (when divorced from the article’s context, where it points how badly done tests prove nothing), saying that shunning such tests is a step in the dark ages is a very harsh thing to say.

          I’ll start with a harsher counter-claim of my own: if you do not have a solid grasp of (at the very minimum) univariate frequentist statistics you have no business in conducting statistical inference. I make this claim with a background of conducting basic statistics in both a universitie’s psychology department and an economics deparment. While I am not (not even by a long-shot) an expert, I can recognize when something is above my head. In our economics department we see A/B testing as a basic statistical tool destroyed by marketing woo.

          Touching upon “incremental enhancement”, frequentist statistics does not easily lend itself to “increments”. If you are doing repeated A/B testing (on let’s say, navigation) and in one quarter of the year, version B “wins” then in the next quarter you have B against C and B still wins, then you have B vs. D and D wins, with this between-groups experimental design you have stacked the type 2 error (in this scenario) three times, where an ANOVA on A/B/C/D would’ve proved more reliable. Using repeated A/B testing, in this scenario, we cannot guarantee that D is better than A, unless you can guarantee that you had a uniform experimental methodology (which you can’t, cause you don’t). Also, I do hope you run Shapiro-Wilk (or any) normality tests on the distributions of your data to ensure that you can apply the parametric version of your test.

          As a last remark, repeated measuring of data and tweaking of models lends itself better to bayesian statistics, where until recently more complex models were analytically unsolvable. Thanks to developments in probabilistic programming, they can sample the distribution with markov-chain monte-carlo stochastic simulation. I say “they” because only our math/CS departments have knowledgeable enough people to run such simulations. We defer that when we need to use such models it must be made in conjunction with those departments. Sadly, a website rarely (if ever) has a dedicated statistician on hand.

          Statistics is not a plug and play add-on or some dangling charm you add on your toolbelt. P-values are so misunderstood (even in academic circles) that they have been banned altogether from some scientific journals:

          http://www.nature.com/news/psychology-journal-bans-p-values-1.17001

          “The perfect is the enemy of the good”. Of course nobody (except maybe(?) the big sites) has a statistician on-hand. That does not save you from the shortcomings of your own flaky experimental design decisions. (OpenStaxCollege has a wonderful statistics manual available for free, that I heartily recommend).

          Wonky procedures done on data are not science. It is an artifice of science, a parade, to please those that would wish the reassurance of “scientifically proving” their decision without the effort of scientific rigor.

          4
  8. 16

    Jakub Linowski

    January 27, 2016 8:58 pm

    Oh an Mr. Kadavy is also guilty of discouraging scientific thinking by running an under-powered insignificant A/A test and claiming A/B tests don’t matter.

    I spent hours pouring over articles, learning just how to run a reliable, significant A/B test, and I came to this conclusion: It Doesn’t F*cking Matter.
    http://kadavy.net/blog/posts/aa-testing/

    Childish. Medieval. Anti-science. :)

    0
  9. 17

    Below are my initial thoughts to the article, forgive me if I have misinterpreted anything. And of course these are just my opinions, I am 100% open to discussion.

    1. A website doesn’t have to be “creative” to be good. Look at Smashing Magazine, does it have a “creative” design? No not really. But is it a good website? IMO yes.

    2. Creativity isn’t just about the visual design. Creativity can be incorporated into all parts of the UX, e.g. creating a unique UI interaction that does its job really well.

    3. I disagree that you have to throw away the rules (assuming of course you have the right rules) to be creative. IMO creativity is creating a unique experience while sticking to the rules.

    4. If a generic solution works… well there is probably a reason why it is a generic solution? Of course the generic solution is probably not the best solution but it is better for a small business to have WordPress template website than to have no website at all.

    8
    • 18

      Espen Brunborg

      January 27, 2016 10:39 pm

      Josh,

      I don’t think you’ve misinterpreted anything :)

      1. Yes. Creativity for creativity’s sake is seldom a good idea.

      2. Yes. Typography, illustration, photography, UI elements, content – creativity works across all aspects of UX.

      3. Yes and no. Not all rules are good. Some are arbitrary. Some make no sense. For example, “Never use hamburger menus” is a stupid rule because it makes too many assumptions, whereas “Always prioritise legibility” is a good rule because it is universally applicable.

      4. Yes. Generic solutions are generic solutions for a reason (they’re cheap), and a generic solution is generally better than no solution.

      3
      • 19

        I agree with your reply, thanks for the follow up :).

        I guess just after reading your article it felt a little like you were disregarding the science behind web design while pushing the creativity whereas IMO the two should go hand in hand. Though now I think maybe that wasn’t your intention, it was just how it came across to me.

        0
      • 20

        Patrick Ashamalla

        January 28, 2016 12:30 am

        It’s interesting that the legibility rule was the example. One of the most important points I have ever read on design was in David Carson’s book, The End of Print. The line, which has stuck with me since I first read it almost 20 years ago, was, “Don’t mistake legibility for communication.”

        Not to discount your point. Your example (or its intent) is valid. That being said, if it’s worth making a rule about something, then it’s also worth breaking it if improves the outcome and if you are in a position to do so.

        4
      • 22

        @Espen

        I think there is a missunderstanding between rules and guidelines.

        Rule:
        Red is a warmer color than blue

        Guideline
        Dont use the hamburger menu, unless you have a special reason for it.

        We have rules and it is often not really clever to throw them overboard because customers are familiar with those rules even if they don’t exactly know them. So if you decide to not stick to them, you absolutly must have a reason for it.

        e.g.
        You design a website about winter sports. But it should be a dynamic, hot site full of action. So, yes, you can say “allright, i go for a more red appeariance instead of using colder colors.” You have a reason to do it.

        To the toppic of internet killing creativity: No, it doesn’t. We are currently facing a time where standards getting truely standards. And this is not a bad thing because it helps people using the stuff we design. Look at books. They mostly look the same with some difference here and there. Its because this form of reading media is good and it works. So why trying to create a new form of book then? What you can do is what i would call “micro-design”. Not the complete product but the small pieces that come together like typografie, Layout of images and text etc…

        0
  10. 23

    Infinite Digital

    January 27, 2016 11:14 pm

    I agree the internet is not killing creativity.

    But generic solutions are not killing creativity either imo.

    The very basics, fundamentals and structure that “generic solutions” provide us are the basic building blocks on which current design can rest on and take-off from. This realization, or the lack thereof, is what is really killing creativity.

    The basic rules, structures and patterns are there not to bind us but to provide a starting point. And I’m surprised the author doesn’t pick up on this considering their ardent support of Flat Design. (The majority of arguments I see against Flat Design is that it’s becoming a cumbersome library of rules and patterns that are restricting the way we design. And I whole-heartedly agree because while the basis of Flat Design is great, the every growing number of rules that bind Flat Design has gotten out of hand).

    1
  11. 24

    Your absolutely right. Brilliant article, concisely expressed!
    That’s my rule book binned, i’m starting over (‘ ‘ ,)

    0
  12. 25

    Read a very brilliant and inspiring article and, simultaneously, see a UI kit ADS is amazing

    0
  13. 26

    Vladimir Jovanović

    January 28, 2016 10:08 am

    I have watched this lecture in Barcelona SmashingConf 2015. and it made left best impression on me. Especially because I am one of those who started as “web designer” and who sees that everything is just a template today – flat design, material design, apple design guidelines…

    On the other hand, I tend to code a lot as well and I can see where is the main problem – creative process has become too complex. Today I need 2 weeks just to make foundations in code, before I start to create something. I need to chose approach, to set up gulp process and plugins, to set up git repo, to select how will I make grid, icon fonts… This has become tiresome. I just want to dive into creative process like we had 10 years ago when Flash was highlight of web design, I don’t want to be slave to “revolutionary” frameworks with a lifespan of a mosquito.

    I feel that the change is near. We must work harder to make it come faster ;)

    9
  14. 27

    Good article, I would say that people’s fears of failure is probably a big decider in such creative ideas. The process of getting something that is wildly creative and innovative to a point where a client may be happy for you to use it with out any tried and tested data behind it, is likely to be difficult. The bigger the client’s worth to you or your business, the less likely you are to take risks.

    2
  15. 28

    This article rhymes one of the recent talks from Andy Clarke about UX killing Art Direction and is one of the best articles I have read in ages. I guess it’s because it really speaks to me, coming from graphic design myself and having been doing web design for 21 years now. I’ve seen rise, decline and fall of creativity throughout the years, as you described… more than fall or murder, I’d point to laziness but it’s kind the same to many.
    IMHO, the discussion around flat/non flat is completely pointless because by defending the use of this trend or another you simply fall into using someone else’s clichés and definitions. Define and use your own style (which may comprise the outcomes of a trend, I give you that) but not someone else’s, otherwise you’re not a creative: you’re merely an executor.

    5
  16. 29

    reading this in some parts, i almost heard the villagers outside the castle with their pitchforks.. but we’re with you buddy… they may take our tags but they’ll never take our freedom!!!

    2
  17. 30

    For too long, the medium has been the message. Likewise social. After a decade of pouring a lot of money and content in with little return, clients want guarantees and correct answers. Hence the rapid rise of UX patterns, user journey work, prototyping tools, split testing and design by data.

    But sadly that’s the right answer to the wrong question.

    Why aren’t audience X or Y converting? Maybe it’s because they don’t care enough about what you are selling or saying. You can have the best user experience, lots of traffic and a water tight SEO strategy. But if the product isn’t great and it looks and sounds a bit ‘me too’ you’re in trouble.

    Creativity is seen as a risk but successful companies don’t grow unless they take them. And tools like macaw, webflow etc might make that risk much more affordable.

    3
  18. 31

    Thank you for this great article. It gives me inspiration…

    0
    • 32

      Saerts, I concur. As I’m starting to enter the web design industry, I’m glad to hear that there is still room and opportunities for creative design.

      0
  19. 33

    It’s a good thing that websites are starting to look the same! It’s a clear sign that the medium has matured and we’re ready to move onto other design problems.

    Does anyone have an issue with most books looking and functioning the same?

    12
  20. 35

    Leanne Tremblay

    January 28, 2016 6:59 pm

    This is by far the best bit on design and content I’ve read in a long time. I’m from the content side: content strategy, writing, and content marketing strategy. I would love to see more innovation when it comes to content/design working together, but don’t know where to start. I love/hate best practices! Thank you again.

    1
  21. 36

    Great, great reading…. congrats.

    1
  22. 37

    I think this article is excellent. And though I am an exuberant amateur from a design standpoint, it strikes at something that has been niggling away at me for a while. In a world of shifting, if questionable, values, with so much pressure to monetize, the internet especially, but similar evidence is elsewhere, has become a vending machine for stuff about stuff. So, being a good designer is no longer about being a designer, it is about selling packaged, formulaic, template-driven solutions to people eager to snap them up, whether through conferences or books or blogs, wherever. Same with photography. The art and the craft is receding and being occluded in favour of marketing to the masses.

    3
  23. 38

    Very good article ! Websites nowadays : a Navbar, a slideshow, intro text, 3 column content and footer. Finished !

    1
  24. 39

    I appreciated the comments about A/B testing and how the results of a specific test conclude nothing. The insignificance does indeed result from “excluding the rest of the alphabet,” as you say.

    However, there is a solution, albeit more statistically complex. We call it in my field of engineering a DOE (Design of Experiments), where all those other letters of the alphabet–all the other factors–are taken into consideration. ANOVA-type regression is used to compare the effects of each factor on the final outcome, even when all of the factors are being changed at once. It helps isolate the “critical few” factors from the “trivial many,” to use a Six Sigma term.

    Now, the A/B test would be a great idea.. if you could run it alongside an A/C, B/C, A/D, B/D, C/D,… you get the point. The combined tests including every factor would give the final results general statistical significance. DOE simplifies this by orders of magnitude by allowing each variable to be changed independently for each experiment.

    All this to say: I think there’s room in the market to start moving away from such simplified statistical models and start using the more rigorous, proven (in the real sense), statistical methods of design and analysis that have been improving real-goods manufacturing systems for the last century.

    1
  25. 40

    Actually, I believe this is a flawed assumption to think we all evolved from Graphic Design. UX design in particular has more roots in Industrial Design vs. Visual. Technically they are both forms of Product Design.

    8
  26. 41

    I agree completely!!
    I am a computer programmer on one side of my brain and a craphic designer on the other. I loved the days when we experimented with doing new things and making the web colorful and exciting.

    Now every webpage is either a template with a few stock graphics thrown in or a wordpress site or a joomla or drupal site with all the same look.

    We used to have 3D buttons, then Apple came out with the flat design so everyone went flat.We used to have interesting navigation elements, now they all look the same.

    I made a portfolio of my work that I thought looked pretty awesome. My colleagues told me it didn’t look modern enough. You are supposed to use those circles now with your percentage of skill in each language, etc. filled in. Yawn.

    These days anyone can build their own website. they don’t need designers anymore. But then, what happens when you want to change it, or when it breaks during the next release of firefox, which will be tomorrow. or the next release of IE which will really break it.

    It used to be fun designing, now it is a lost art.

    1
    • 42

      “We used to have 3D buttons, then Apple came out with the flat design so everyone went flat.”

      Sure about that?

      2
    • 43

      I think Microsoft came first with flat design via their Metro design language. Not going to debate on it but just want to correct you on that.

      4
  27. 44

    I’ve been thinking the same lately as more and more web layout portray the same feeling from one to another. They stacked the same boring face even their contents sometime engaging.

    This article points me into my bulb light and it does shed some hope in me to keep on my creativity alive instead of letting the rules, template, or theme get in the way. And I do believe, creativity need to be pair with the current trend but does not oblique to walk together all day long.

    0
  28. 45

    Thank you for writing this up. This really shed new light on what I can improve with my design skills, by designing more for content rather than the other way around.

    Couldn’t agree more with everything that was mentioned here, especially the pattern fatigue. I really did struggle with the puzzle by Edward de Bono!

    I have always felt like I was not improving my skills when I used a well-defined pattern for client projects. It started to feel like a routine, inert, which is the worst enemy for designer. This article really shook me out of that mindset.

    0
  29. 46

    Espen Brunborg

    January 29, 2016 8:37 am

    interesting

    0
  30. 47

    Brian Gonzales

    January 29, 2016 8:45 am

    Bespoke – custom – tailor fit – should always be our aim when crafting web experiences. A great reusable layout (read: template) can be the perfect solution for a particular section of a site. I often find myself completely satisfied with a nice Druapl Content Type template especially for things like blog or testimonial or company directory. We can still make a fresh design for the template that emotes the DNA of the site as a whole. On that note, my Drupal theme folder is often littered with bespoke one-off page layouts crafted specifically for the content being communicated (in Drupal node–nidhere.tpl.php), throw in your injected content fields and some nice embedded Views (Drupal’s visual SQL magic) for some CMS loving that the client has access to and your sitting pretty.

    I love it when a brands lets us break the grid, but as a good visual communicator it might not be the best approach for our site’s audience – hence the bespoke – custom fit for our target audience.

    I’m surprised Flash has not been mentioned yet. Remember when Flash designers blew us away with experiences that often time recreated the wheel of visual communication all the while aiming to get the message across in a manner that best suited the intended audience. Man – I miss those days (the creativity and the code!), but with write ups like this – I know we are well on our way to the “blow your mind” days.

    Thanks for the passion of your words – they really resonated with me both as an artist and software developer.

    2
  31. 48

    People who support google and apple while they declared war on flash, killed creativty.

    Now we are trying to do animate everything with jquerry ,which 10 years ago we already done with flash.

    1
  32. 49

    Mike (another)

    January 29, 2016 8:58 am

    Great article Espen. As the cheap tools emerged, the masses took over the creatives. But this doesn’t mean that the creatives don’t exist anymore, they do, but their number is more or less constant. This trend is mirroring the society and we have to cope with it. Frankly I’m not concerned, things didn’t change, we just became a bit paranoia with the age. :-)

    P.S. The only thing that is killing creativity over the Internet is Facebook, it transformed our society into mindless scrolling zombies. :-D

    3
  33. 50

    Great article and given a lot of us something to think about
    As a Graphic Designer who has graduated on to Web Design (as I’m sure a lot of us are), I’ve become guilty of “lazy design”, implementing pre-built themes and tweaking them to the client’s needs.
    Unfortunately, a lot of small one-man-band designers don’t have clients who can afford commissioned illustrations for the home page, or have scope for creating something unique. When they’ve got a budget of £300 (and even then they’re gripping the purse strings tightly) you can’t do much more than set up a template and drop in some relevant stock images.
    Saying that though, your article has made me stop and think, even if it is just to give future clients a gentle nudge towards greater creativity.

    2
    • 51

      Client don’t want creativty, they want features and functionalities, just look at G00gle.com for example, absolutely zero creativity in the design, but users go there in the millions because it does exactly what they expect – feed up search results.

      1
  34. 52

    Great article – really got me thinking.

    What seems clear to me, is that print designers must often think *exactly* the same thing.

    The thing is, there’s more room for pattern “paint by numbers” “design” than there is for super creative design. Get a message out there, convey the information, it’s not about *wow* design. The print designer knows their craft and falls into set patterns. It’s bread & butter work. Pays the bills.
    The rules of typography, the rules of layout that’s pleasing to the eye.

    99% of print is dull, cookie cutter layout. But a great deal of it is at least pleasing to digest, in terms of layout.

    That’s where we are getting to with the web – patterns have emerged that work.

    In amongst this is amazing design, but I think we’re heading for more amazing design still. Taking the patterns a designer is an expert at and breaking them. Designers need to know these tried and tested patterns to really push the boundaries.

    1
  35. 53

    Great article, I appreciated your thoughts of designs but one thing crossed my mind and that is as the web becomes more mobile and video replaces the written word wont the design become less important?

    0
  36. 54

    I think there *is* a problem with the culture of templates, frameworks and kits we have gotten into, but I am unconvinced there is a wider issue with web design in general.

    Web designers seem to get caught up in this romantic idea that they are artists. You are not, websites are there to serve a function, one that hopefully stands the test of time.

    One of the best sites out there is this: https://www.gov.uk/ It does it’s job brilliantly, who cares about the fluff. Stop worrying about your own personal expression or portfolio and care about your users. Are they complaining about how websites look similar? I doubt it, they just want to find out how to pay their tax bill.

    The magazine example drives me nuts. Firstly, how long do magazines ‘last’? Potentially a week, maybe a month or two. In that timeframe there is an inherent freedom. How long should a website last? Hopefully a few years, so you need to be more thoughtful to make a design that doesn’t go out of fashion in 10 minutes. These worlds of design reasoning are not as easily compatible as people would like to think.

    Secondly, do magazines move? You can follow that line of thought to its logical conclusion.

    Thirdly, take an example of a popular contemporary magazine, Offscreen. It is basically type, photography and a tiny amount of extra styling, e.g. some banding. No-one complains about it being bare or bland, it’s rightfully vaunted.

    In short, I think web designers need to keep their eyes on the real prize here, which exists *out there*, rather than on internal reasoning or the opinions of their peers. Just do good work.

    2
    • 55

      In addition, I just wanted to add that I am by no means suggesting we eschew all intrigue, delight or variety from our designs, far from it; rather that not only are we getting too caught up in this misguided argument (we REALLY don’t need a David Carson for the web), but there *is* a glut of excellent work being done on the web right now.

      0
  37. 56

    Except you’re assuming the content is coming from one person or organisation. I think we currently see a move towards user pulling or curating short content from trusted sources (friends, etc) into their own collections, rather than organisations pushing content onto them.

    The problem as I see it is we’re still using the DOM (good for push content) rather than an object graph.

    0
    • 57

      ps (I mean that we’re designing with the view in mind that we’ll render it using the DOM and css – whereas these are what are causing the mismatch against the current need at the moment)

      0
  38. 58

    There was a recent article that postulates the Internet is leaving children brain-dead; that children of the “Google generation,” who spend a lot of time on-line, are “losing creativity and skills.” In a story in London’s Daily Mail newspaper, John Stevens reports on a man named Trevor Baylis, a British inventor who said that children are losing creativity and practical skills because they spend too much time in front of screens. Baylis fears that the overuse of the Internet by young people, whether it’s on a laptop, smartphone or tablet, has led them to become “dependent on the Internet” and literally unable to make anything the old-fashioned way, with their hands.
    Mr. Baylis has a very good point. Many children and teens are either “liking” something on Facebook, watching YouTube videos, or playing Call of Duty on a PS3. On the other hand, many kids also play games called “Minecraft” on the computer, a game about breaking and placing blocks to build structures to protect against nocturnal monsters. The key is that there are no boundaries; a kid can build anything they imagine if they’re clever enough to figure out how to work with the blocks. So, it is debatable whether the Internet causes ‘brain-dead” children, as Mr. Baylis said, or allows kids to learn new things with no limits to hold back their imagination.
    The one solid point that Mr. Baylis talked about was that kids do not use their hands to create like they used to; everything they do is virtual, not touchable. He believes that simple challenges using tools, such as model kits, would give children valuable skills. While it is extremely important to give a child the opportunity to physically explore the world around them, the issue is probably more of how electronic devices are being used by young people, rather than that they are replacing other forms of learning.
    A study at Stanford University postulated that media multi-taskers pay a mental price. The researchers took 100 students and put them through a series of tests to see if these young folks could multitask as well as they claimed. Well, as it turned out, texting, while webpage hopping, while watching TV, or while talking on the phone was not a good way to get things done. In a story written by Adam Gorlick of the Stanford News Service, he quotes the researchers:
    “When they’re in situations where there are multiple sources of information coming from the external world or emerging out of memory, they’re not able to filter out what’s not relevant to their current goal…That failure to filter means they’re slowed down by that irrelevant information.”
    So, it’s starting to look like the Internet is inundating kids with so much information, they can’t focus on one thing (almost like Internet-induced ADHD). Instead of the Internet causing creativity to disappear from young people, maybe it is just the problem of multitasking – thinking you can do a lot of things well and, in reality, doing none of them well. In a blog posted by Dick Bourgeois-Doyle on Stubbornbooks.com, he says that, “it is in the long term commitment to an idea and the persistence beyond all reason that true influential creation emerges.” Perusing an idea to the end, without the distractions of texts, TV, Facebook, etc, is really what is needed to be creative. And this commitment, this focus, is the real culprit to our children’s apparent lack of creativity, not just the decline in tactile learning.
    So, some would argue that we’re breeding a robotic generation whose main social contact is a web based one and who are losing the ability to talk and deal with others face to face. Others would argue that the Internet is the largest, most comprehensive encyclopedia ever known to man. There is enough information to become an expert in almost any topic. The Internet is not making children brain-dead; in fact, it should be the opposite. It should be making a generation of incredibly knowledgeable and skillful children.
    So, what is the answer? Do we shut down the power to our computers and wrestle the smartphone away from our kids? Or do we embrace the power of the Internet (and technology)? Probably, like almost everything else in the world, moderation is the key. As a Greek philosopher once said, “Throw moderation to the winds and the greatest pleasures bring the greatest pains” and that still holds true today. If our kids become too dependent on the Internet, they may, indeed, have great pains dealing with the harsh reality of the real world.
    So, let them use the Internet as a tool and resource and encourage them to go to ROBLOX instead of Facebook and Twitter, at least some of the time. But, also get them some time away from it; have them build things, or draw, or simply read a book. Encourage them to have real conversations with their friends (not just texting) and other face-to-face social interactions. Then, we’ll have the best shot ensuring that the next generation is also a creative generation.

    3
  39. 59

    Articles like this are the reason why I love visiting Smashing Magazine. Thank you, Espen, for challenging us. I may not be able to take the “red pill” here in my work but I can surely do that in my freelance projects.

    Cheers to the failures that we’re going to face once again, comrades!

    0
  40. 60

    Amazing article, quoted over and over here:

    http://whosaidthat.co/

    0
  41. 61

    Great article. Loved it!! Very elaborated!

    I believe there are two kind of sites: generic, and original ones.
    And two kind of clients: the ones who just want to have a presence on the internet, and the ones who want to make the difference on internet.

    Making the difference, as you said, it is usually more expensive, but it is totally worth it if you really want to cause some impact in your viewers.

    1
  42. 62

    Very interesting read but I couldn’t disagree more. So much so that I blogged about it over on Medium (in part, a direct counterpoint): https://medium.com/@natalie_shaw/taking-ego-out-of-the-design-process-974096ee9ead#.2jjtpdm64

    2
  43. 63

    I deal with many of the issues discussed here on a daily basis. It’s good to know that there are like-minded individuals who are facing many of the same challenges. It provides me with that glimmer of hope to continue to use my imagination.

    Thank you

    2
  44. 64

    Like you said so well, robots cannot be creative. They can’t think beyond their algorithms. It’s what makes us human that will always give us work to do in design. Let’s also not forget that new technologies are always on the cusp and they offer us infinite amounts of new things to apply our skills to.

    And as importantly, as designers we need to keep adapting and evolving our skill sets to match the environment. I can’t imagine our jobs will go away any time soon, but designers that insist on certain rigid job descriptions for themselves won’t last as long in the industry.

    0
  45. 65
  46. 66

    Very interesting read. I agree that there is a go-to design style that has been done to near death, which seems to have become the ‘standard’ look and feel of modern web design.

    Sometimes it’s quite nice to look back at sites from the early 00s to see how creative designers were, despite the limited tools they had in comparison with the abundance of resources designers have today.

    0
  47. 67

    Great read. Thanks :)

    0
  48. 68

    “Web design is just an extension of graphic design – they are the same thing.”

    That is not only ignorant, but misleading also. Stating something like that reflects a huge gap in knowledge of your craft, our craft. They are similar as much as a cargo ship is to a kayak.

    I understand the notion of what you are trying to say with your post and I appreciate you taking the time to create it, but I think you need to understand that our medium is a unique one and should not (cannot) be compared to anything previously existing.

    A designer’s role on the web is not to create beautiful and flourish visual arts. It can be part of it, but not the main role. A designer’s role is to solve problems, to connect user goals with business goals, to make life easy for visitors and improve conversion rates, to make both sides happy. A designer’s role is also to design systems, not individual pages, to make sure code is as lean as possible.

    Most cars look the same, right? We don’t – literally – reinvent the wheel for a reason. Don’t fix what’s not broken. You can always rediscover things and analyze, rethink the web community’s previous best practices, but should not do that for stylistic reasons.

    Try looking at your job from this angle and I assure you’ll need a lot of creativity and you’ll enjoy it.

    0
  49. 69

    The internet is killing creativity in all sphere’s of life, not just website design. It rewires our brains, and, in such a way that is extremely difficult to break. Too, the expectation is that all will be instantaneous, whether from the designer standpoint, or customer.

    Most all websites not only look the same, but, with a business or organization website, are so close to being fraudulent that I rarely read them. I’ll take truthful content over hyperbole every time.

    0
  50. 70

    Bravo! Hit the nail on the head and inspiring to boot. Thank you!

    0
  51. 71

    Regarding the last paragraphs, i thought about it… and i feel the same, if we “sell” ourselves as indispensable wont be replaced, but if we use the common “bootstrapian” layout, we will… Because it can be built with a script or some sort of pseudo-AI.
    Just my 2 cents,
    Cheers great article

    0
  52. 72

    While companies continue to invest in the implementation of CMS’s and the constructs (read patterns) that work best for them (read cheapest), the converged, repeated and sameness will have a powerful argument.
    Only where being creatively different and better, and that leading to financial reward for companies, is valued will the unique find support.
    Do not forget that for every wonderful new design, in digital, another piece of work and time is needed called “development”. The uniqueness comes at a cost, effort and money.
    Plus not everything deserves to be different. Sometimes the same as the other thing is good enough. I read a good book and a rubbish book. I liked one and hated the other. Had nothing to do with the design of the book, the patterns were the same. And in that case it did not matter.
    Its also the difference between mass produced and hand-crafted. There is a reasonable scenario for both approaches and you cannot say one or the other is simply wrong. Though one without the other is probably unworkable, and certainly undesirable.

    0
  53. 73

    great real racing 3 hack tool

    May 15, 2016 6:18 pm

    i couldn’t agree more with the idea that technology

    1

↑ Back to top