Jump to content

Year

Day

24 ways to impress your friends

I’m going to step into my UX trousers for this one. I wouldn’t usually wear them in public, but it’s Christmas, so there’s nothing wrong with looking silly.

Anyway, to business. Wherever I roam, I hear the familiar call for simplicity and the denouncement of complexity. I read often that the simpler something is, the more usable it will be. We understand that simple is hard to achieve, but we push for it nonetheless, convinced it will make what we build easier to use. Simple is better, right?

Well, I’ll try to explore that. Much of what follows will not be revelatory to some but, like all good lessons, I think this serves as a welcome reminder that as we live in a complex world it’s OK to sometimes reflect that complexity in the products we build.

Myths and legends

Less is more, we’ve been told, ever since master of poetic verse Robert Browning used the phrase in 1855. Well, I’ve conducted some research, and it appears he knew nothing of web design. Neither did modernist architect Ludwig Mies van der Rohe, a later pedlar of this worthy yet contradictory notion. Broad is narrow. Tall is short. Eggs are chips. See: anyone can come up with this stuff.

To paraphrase Einstein, simple doesn’t have to be simpler. In other words, simple doesn’t dictate that we remove the complexity. Complex doesn’t have to be confusing; it can be beautiful and elegant. On the web, complex can be necessary and powerful. A website that simplifies the lives of its users by offering them everything they need in one site or screen is powerful. For some, the greater the density of information, the more useful the site.

In our decision-making process, principles such as Occam’s razor (in a nutshell: simple is better than complex) are useful, but simple is for the user to determine through their initial impression and subsequent engagement. What appears simple to me or you might appear very complex to someone else, based on their own mental model or needs. We can aim to deliver simple, but they’ll be the judge.

As a designer, developer, content alchemist, user experience discombobulator, or whatever you call yourself, you’re often wrestling with a wealth of material, a huge number of features, and numerous objectives. In many cases, much of that stuff is extraneous, and goes in the dustbin. However, it can be just as likely that there’s a truckload of suggested features and content because it all needs to be there. Don’t be afraid of that weight.

In the right hands, less can indeed mean more, but it’s just as likely that less can very often lead to, well… less.

Complexity is powerful

Simple is the ability to offer a powerful experience without overwhelming the audience or inducing information anxiety. Giving them everything they need, without having them ferret off all over a site to get things done, is important.

It’s useful to ask throughout a site’s lifespan, “does the user have everything they need?” It’s so easy to let our designer egos get in the way and chop stuff out, reduce down to only the things we want to see. That benefits us in the short term, but compromises the audience long-term.

The trick is not to be afraid of complexity in itself, but to avoid creating the perception of complexity. Give a user a flight simulator and they’ll crash the plane or jump out. Give them everything they need and more, but make it feel simple, and you’re building a relationship, empowering people.

This can be achieved carefully with what some call gradual engagement, and often the sensible thing might be to unleash complexity in carefully orchestrated phases, initially setting manageable levels of engagement and interaction, gradually increasing the inherent power of the product and fostering an empowered community.

The design aesthetic

Here’s a familiar scenario: the client or project lead gets overexcited and skips most of the important decision-making, instead barrelling straight into a bout of creative direction Tourette’s. Visually, the design needs to be minimal, white, crisp, full of white space, have big buttons, and quite likely be “clean”. Of course, we all like our websites to be clean as that’s more hygienic.

But what do these words even mean, really? Early in a project they’re abstract distractions, unnecessary constraints. This premature narrowing forces us to think much more about throwing stuff out rather than acknowledging that what we’re building is complex, and many of the components perhaps necessary.

Simple is not a formula. It cannot be achieved just by using a white background, by throwing things away, or by breathing a bellowsful of air in between every element and having it all float around in space. Simple is not a design treatment. Simple is hard. Simple requires deep investigation, a thorough understanding of every aspect of a project, in line with the needs and expectations of the audience.

Recognizing this helps us empathize a little more with those most vocal of UX practitioners. They usually appreciate that our successes depend on a thorough understanding of the user’s mental models and expected outcomes. I personally still consider UX people to be web designers like the rest of us (mainly to wind them up), but they’re web designers that design every decision, and by putting the user experience at the heart of their process, they have a greater chance of finding simplicity in complexity. The visual design aesthetic — the façade — is only a part of that.

Divide and conquer

I’m currently working on an app that’s complex in architecture, and complex in ambition. We’ll be releasing in carefully orchestrated private phases, gradually introducing more complexity in line with the unavoidably complex nature of the objective, but my job is to design the whole, the complete system as it will be when it’s out of beta and beyond.

I’ve noticed that I’m not throwing much out; most of it needs to be there. Therefore, my responsibility is to consider interesting and appropriate methods of navigation and bring everything together logically.

I’m using things like smart defaults, graphical timelines and colour keys to make sense of the complexity, techniques that are sympathetic to the content. They act as familiar points of navigation and reference, yet are malleable enough to change subtly to remain relevant to the information they connect. It’s really OK to have a lot of stuff, so long as we make each component work smartly.

It’s a divide and conquer approach. By finding simplicity and logic in each content bucket, I’ve made more sense of the whole, allowing me to create key layouts where most of the simplified buckets are collated and sometimes combined, providing everything the user needs and expects in the appropriate places.

I’m also making sure I don’t reduce the app’s power. I need to reflect the scale of opportunity, and provide access to or knowledge of the more advanced tools and features for everyone: a window into what they can do and how they can help. I know it’s the minority who will be actively building the content, but the power is in providing those opportunities for all.

Much of this will be familiar to the responsible practitioners who build websites for government, local authorities, utility companies, newspapers, magazines, banking, and we-sell-everything-ever-made online shops. Across the web, there are sites and tools that thrive on complexity.

Alas, the majority of such sites have done little to make navigation intuitive, or empower audiences. Where we can make a difference is by striving to make our UIs feel simple, look wonderful, not intimidating — even if they’re mind-meltingly complex behind that façade.

Embrace, empathize and tame

So, there are loads of ways to exploit complexity, and make it seem simple. I’ve hinted at some methods above, and we’ve already looked at gradual engagement as a way to make sense of complexity, so that’s a big thumbs-up for a release cycle that increases audience power.

Prior to each and every release, it’s also useful to rest on the finished thing for a while and use it yourself, even if you’re itching to release. ‘Ready’ often isn’t, and ‘finished’ never is, and the more time you spend browsing around the sites you build, the more you learn what to question, where to add, or subtract. It’s definitely worth building in some contingency time for sitting on your work, so to speak.

One thing I always do is squint at my layouts. By squinting, I get a sort of abstract idea of the overall composition, and general feel for the thing. It makes my face look stupid, but helps me see how various buckets fit together, and how simple or complex the site feels overall.

I mentioned the need to put our design egos to one side and not throw out anything useful, and I think that’s vital. I’m a big believer in economy, reduction, and removing the extraneous, but I’m usually referring to decoration, bells and whistles, and fluff. I wouldn’t ever advocate the complete removal of powerful content from a project roadmap.

Above all, don’t fear complexity. Embrace and tame it. Work hard to empathize with audience needs, and you can create elegant, playful, risky, surprising, emotive, delightful, and ultimately simple things.

Like what you read?

Comments

Comments are ordered by helpfulness, as indicated by you. Help us pick out the gems and discourage asshattery by voting on notable comments.

Got something to add? You can leave a comment below.

  • Jeremy Archer http://www.github.com/fatlotus

    Can we see the application that Collison was referring to? I’m facing something of a similar challenge at the moment with my other projects, and I need inspiration.

    Vote Helpful or Unhelpful

  • barryvan http://www.barryvan.com.au

    Fantastic article. I work on a very complex web app, and I too find that the question is not so much “what can I get rid of?” as it is “how can I include this essential feature without introducing unnecessary complexity?” Part of the difficulty is that the software we produce needs to leverage users’ existing real-world (non-computer-based) knowledge, whilst still providing all the benefits of a centralised system and the power of a computer. It’s therefore not an easy task to avoid slipping into confusing and complex interfaces — given the users’ mental models of the system.

    Vote Helpful or Unhelpful

  • Asger Norskov Bak http://asnoba.dk

    Great article Simon,

    I can also recommend Donald Norman’s Living with Complexity, in which he touches upon similar themes.

    Merry christmas,
    Asger

    Vote Helpful or Unhelpful

  • Mark Brown

    Very interesting article!

    I don’t believe the push for simplicity has been misunderstood all too much, I think it’s one of the best things to happen to web based UI in a long while.

    Without the paraphrase “Everything should be made as simple as possible, but no simpler.” makes absolute sense to me. I agree with you that it aint’ easy.

    Anywhere I’ve seen the ideas of simplicity promoted they have also been talking about content-first and focusing on the core of the page e.g. Epicenter_Design
    This forces people to focus on real problems your design is trying to solve, and address those complexities first.

    So, I see the Simplicity Movement more about cutting out the things that don’t matter, and then giving those complex areas you want to focus on, more love and attention.

    It’s always interesting hearing other sides of the argument though and it’s a good reminder to do these things after much thought, not hasty heavy handed movements with an eraser.

    Vote Helpful or Unhelpful

  • Simon Cox http://simoncox.com

    Nice piece Simon.

    I have always found that the seemingly simple things, to a users eye, are the things that have more complex thought processes put into their creation. Things that appear complex to users will normally have had less thought spent on them.

    Making things simple to use isn’t simple at all – it’s actually the hardest thing to do – especially if there is a lot going on behind the scenes.

    As an industry we are maturing and getting much better at this each year.

    Vote Helpful or Unhelpful

  • Stuart Robson http://www.alwaystwisted.com

    A bloody marvelous article, I really enjoy Simons candor and this years @24ways does not disappoint. Thanks for an enjoyable read on the complexity of simplicity on a cold Wednesday morning.

    @24ways, 3 days to go, I’m sure they all be corkers too :o)

    Vote Helpful or Unhelpful

  • Ram http://logoraman.com

    Nice article on a very delicate subject. Anyone who has REDESIGNED an interface knows how tough it is to find that balance between pissing off you existing users and making it easier for newbies.

    People take some time to get used to new interfaces.

    Give people a new complex interface. They will not even use it and will dismiss it as too complex.

    Take some features away from an existing complex interface and all the power users will start to complain, even if those are unwanted features.

    Give people a simple interface and start adding new features in a step by step manner, they will not even realize it.

    Moral of the story:
    1) People are cognitive misers. They are not gonna take the time to learn and use a new complex interface.
    2) People resist change and this resistance is proportional to the amount of change involved.

    Lessons to learn: Each interface requires a different approach. If I was building something from ground up, I will try to keep the interface as simple as possible and introduce complex features in a step by step manner to the users. On the other hand if I was redesigning an existing interface used by a lot of people I would think twice before removing a feature. It is very tough to find that delicate balance between complexity and simplicity when you are redesigning something.

    Vote Helpful or Unhelpful

  • Neil

    “If less is more, think how much more more would be”.

    Vote Helpful or Unhelpful

  • Barnaby Walters http://WaterPigs.co.uk

    Sometimes complexity is in fact needed to appear simple, especially in AI. Take iOS’s spelling correction algorithm, which learns your vocabulary. Or siri’s natural language interpretation. Or google translate. Every one of these is incredibly complex, but that complexity is hidden behind a simple or even invisible user interface.

    These tools would be much more complex if, say you had to specify which words were nouns, verbs, etc, or if you had to tell ios which words to learn. So more complex processing is required to maintain simplicity.

    Great article!

    Vote Helpful or Unhelpful

  • Simon Collison http://colly.com

    Thanks for the responses and kind words (so far). I’m delighted this message resonates and feels relevant (or even obvious) to many of you.

    Jeremy Archer: Sorry, but as stated the application I’m building is being built and will be going through a few rounds of private beta until we’re happy that it’s been tested fully and does it’s job. I’d have shared a link if I could. Maybe follow @fanzinefm on Twitter to keep an eye on it.

    Asger Norskov Bak: I completely agree. Living With Complexity is another classic book from Don Norman. Everybody should read it, and I usually steer clear of such dictatorial statements.

    Mark Brown: I agree with almost everything there, although I see or hear people misunderstanding the purpose of simplicity all over the place! Sure, most seasoned practitioners “get it”, but for many (especially those with less experience, or clients) it is a goal they strive for without truly understanding how to achieve it without damaging the user experience.

    Ram: Good comment regarding redesigning complex sites. Completely agree that gradual enhancement is the best way of ensuring a large existing audience isn’t turned away by a redesign or new feature. Incremental baby steps!

    Merry christmas!

    Vote Helpful or Unhelpful

  • Niels Matthijs http://www.onderhond.com

    Great article.

    This is what I wrote some time ago in regard to social platforms and usability:

    Usability for me is taking a certain task and making it as simple as humanly possible to perform, without losing any meaning in the process (= essential).

    This is what many social platforms failed to see. They reduced interaction to single clicks and posting onliners and in the process they cut out actual communication (like replying with arguments that span more than one single sentence). So yeah, these networks are now very popular and extremely easy in use (you just click around and like everything you see), but they didn’t quite become more meaningful in the process.

    In that sense I definitely don’t agree with Mark Brown, people do take it the wrong way and in the end it’s the user that suffers the consequences.

    Vote Helpful or Unhelpful

  • pixeline http://pixeline.be

    This article on complexity resonates with “relativity” in my mind.

    There is really no rule of thumb on the web. Physicians may be currently revisiting Einstein’s laws of relativity (Higg’s boson °-)) but web builders still need to keep a “relative” attitude to every dogma, such as “less is more”, “always / never” statements and the likes. Every project is different (content & meaning, intention, objectives, target audience, customer needs, culture, etc), we should be careful every time and watch our every step.

    Alongside, designers (should) develop our own style, our own approach, our own discourse, our own voice. For instance, i’d always favor “information” over “decoration”. But some projects require decoration. I just know i should say “no” to them, because i know I can’t deliver. But that doesn’t mean you can’t . There is room for all styles of expression on the internet, that’s why it’s such a great place to work on.
    Let’s just not make it all template-based. Or Facebook-paged. For that alone, I ‘d exchange 1000 facebooks for the return of Geocities.

    Vote Helpful or Unhelpful

  • Ted Goas http://www.tedgoas.com

    Simon, just wanted to let you know that I really enjoyed reading your angle on complexity in web apps. I’ve also been working on a rather complex app and arriving at some of the same conclusions. You’ve done a wonderful job at putting it into words.

    The app I’m working on is for clinical and medical trials. Tons of data, numerous admin privileges, several suites of tools, and what I thought were a few cluttered chunks of UI. When first designing each screen, I often asked if menu options or features could be removed to make everything simpler. But usually I was told these extra features needed to be there, even if they weren’t used by everyone. So the features stayed.

    I’m very happy with how the app is shaping up, but I’d be lying if I didn’t open my browser every morning and think about removing pieces of the interface.

    Yesterday we did our first round of real user testing. During the process, I frequently cringed as certain screens were brought up on screen, fearing subjects would be lost amidst a sea of options. But much to my surprise, the testing went quite smoothly. Users found most most of the navigation intuitive and completed tasks rather easily. We kept our eye on simplicity when building this app, and it was nice to see that it looks as though we found a good balance between complexity and clarity.

    I realize that “less is more” or “less is less, which means more” are popular schools of thought, but whenever that’s not appropriate, I can always look back to articles like this. Cheers!

    Vote Helpful or Unhelpful

  • Curt Rostenbach http://www.rostenbach.com

    My experience has been that users want to pave the cow path. They want you to take a process they are used to doing on paper and just make it electronic. My least favorite phrase in response to some edge condition is, “don’t worry about it, it doesn’t occur too often.” Then I have to explain to them that if it occurs even once, I have to deal with it. The other problem is that they will ask for what they think you can do (at that moment). Once they see you do that, then they want you to add to it. I generally ask them to give me their wildest fantasy on what they want to accomplish and then we will scale it back to reality. In other words, don’t tell me you want a wet bar on the other side of the room after I’ve laid the concrete slab.

    To address your concept of simplicity, I agree. I don’t want buttons on the screen or being enabled until it is appropriate. Too many times I’ve seen screens that allow entry of data that is not appropriate at the time and then the program allows them to add bad data to the database. And guess who gets to clean it up?

    The user must be constrained, but still given the sense of freedom, not that of a strait jacket that must be worn willingly.

    Vote Helpful or Unhelpful

  • Keith Instone http://instone.org/

    Another similar take on simplicity is Maeda’s The Laws of Simplicity.

    It is in fact an over-simplification (pun intended) to say that simpler is ALWAYS better. Like all design decisions: it depends. It depends on what your users goals are. It depends on your business model. It depends on the context.

    A good designer understands the dependencies and adjusts as needed. If you are not sure what the “it depends” factors are, then in general, simpler is better. It can help you later figure out what the important dependencies are and add in the complexity that matters.

    Vote Helpful or Unhelpful

  • Chris Cullmann http://blog.cullmanndesign.com

    A nuance to being able to design for simplicity is “selling” simplicity. Almost any client will agree that simplicity is important and that their audience will gravitate to simpler choices. The trick is in managing simplicity as projects progress and evolve. Simplicity is a practice and methodology above a design principle.

    Great article-it’s source like this that can help root a team and focus a project.

    Vote Helpful or Unhelpful

  • John

    Great post. Tell me if you disagree, I work really hard to convince myself complexity is mandatory before I even attempt to tame it in the first place. It’s almost as if taming complexity is the last resort.

    When gathering the business requirements from my clients, I often feel overwhelmed by information. Example of what a client might say, “I want a very simple application that integrates with facebook, manages shipping orders, plugs in HTML 5 games and launches missiles at Moscow at the midnight of every full moon”. Umm..maybe I exaggerated that a bit, but that’s definitely how I feel most of the time. First order of business, get rid of complexity: do we really need to launch missiles at moscow at midnight of every full moon?

    Tame complexity as a last resort. I’d start any blog post with that. Am I wrong?

    Vote Helpful or Unhelpful

Impress us

Be friendly / use Textile

About the author

Simon Collison

Simon Collison is a designer, author and speaker with a decade of experience at the sharp end. He co-founded Erskine Design back in 2006, but left in early 2010 to pursue new and exciting challenges, including writing an ambitious new book, and organising the New Adventures in Web Design event. Simon has lived in London and Reykjavik, but now lives back in his hometown of Nottingham, where he is owned by a cat.

Photo: Lachlan Hardy

More information

Brought to you by:

Perch - a really little cms

The easiest way to publish fast, flexible HTML5 websites your clients will love.