The Elegance of Imperfection

by David Sherwin

45 Reader Comments

Back to the Article
  1. Many years ago, i learned a Japanese word, something like shobuye. It represented a japanese concept that beauty was enhanced by a slight imperfection. Too bad that English or French do not have a similar word. Maybe our world would be different.

    Copy & paste the code below to embed this comment.
  2. Love this. Reinforces something I’d realized a long time ago in practice and have tried to apply whenever suitable situations show themselves: do something unexpected, including to yourself. I think many actors know to do this when appropriate. I’m not totally sold on “asymmetrical,” these things have to suit the situation. I am sure, however, that you don’t mean ‘do something unsuitable,’ just unexpected, or surprising… can we still say ‘fresh’? Great… thank you so much!

    Copy & paste the code below to embed this comment.
  3. I recently came to similar conclusion asymmetrical is beautiful .

    Copy & paste the code below to embed this comment.
  4. I agree with the approach exposed in this article. And I would to add that the imperfection inside a perfect design push the user to think and not to lay down on the layout.

    Copy & paste the code below to embed this comment.
  5. Brilliant article. I have often tried to incorporate these attributes into my own design work, but often fail due to a client’s misconceptions regarding “pixel perfection”—even though that term in and of itself is a misnomer (pixels aren’t really perfect). Hopefully this article will help to educate people on this subject and bring a little asymmetry to modern web design.

    Domo arigatou gozaimasu!

    Copy & paste the code below to embed this comment.
  6. It’s also about living happily with the fact that nothing you do will ever be perfect. Every website I’ve ever created has next steps toward perfection, but they’re mostly just fine as they are, as well. That’s a good feeling.

    Copy & paste the code below to embed this comment.
  7. This is exactly the kind of article I love the most from AlistApart. I’ve never heard of wabi-sabi before.

    Copy & paste the code below to embed this comment.
  8. Under what category would a social networking site fall under, such as Facebook or MySpace, which is dependent on random content posted by users.  This content usually goes against the design wishes of the designer of the web application itself, which gives one an unpredictable web environment decided on by its users.

    Would these kind of sites fall under the ‘petri dish’ model or some new category called, say, ‘cess pool’?

    Copy & paste the code below to embed this comment.
  9. @*uxdesign* I understand what you mean when you said, “I’m not totally sold on “asymmetrical,”? these things have to suit the situation.“

    Perhaps a better way to look at asymmetry is to view it in a non-dualistic way. By that, I mean that symmetry and asymmetry are ideals, not fixed points that you can achieve with 110% certainty and aspire towards. It’s likely that every layout you create will land somewhere on the continuum between the two.

    Seeing asymmetry in this manner may open up some possibilities that may have seemed unavailable to you when working on a layout that felt balanced but dull, and lacking some sort of spark. Somewhere in the space between the two ideals is the right solution, and the final result may not require the label “asymmetric.”

    @*Matt C* – I agree with you, it’s good to aspire towards a great result, but it isn’t perfection you’re striving towards. This is often where we see great print designers flame out when they enter into doing some form of complex interaction design.

    @*Daniel* The vast majority of social networking sites fall squarely within the Page model if you’re talking about user interface design. Facebook, LinkedIn, Twitter, and MySpace are all like bulletin boards with notes and type shifting around in a 2D plane. What’s interesting about Facebook is that through their inclusion of user-created applications, you can bring in experiences that conform to the Garden and Petri Dish models. This creates a greater variety of ways that you can interact with the Facebook website as a whole, which leads to the ‘cess pool’ effect that you’d mentioned.

    Perhaps a way to think of Facebook or MySpace in that ‘cess pool’ sense is to consider how their sites have been architected systemically. Instead of shaping a world of content that is designed to present a controlled experience, they have ceded control of content and simply created tools for users to come in build their own bulletin boards. It’s fancier than a high school yearbook, but still a poor substitute for a dinner party.

    Copy & paste the code below to embed this comment.
  10. I don’t agree saying asymmetry is imperfection.
    Perfect symmetry is simply boring; is the simplest way to find “balance”.
    If you look at fine art, especially paintings you’ll not find a symmetrical artwork.
    The balance is the key word. And nature is balanced. Or, better: nature seems to us to be balanced, or Wabi-Sabi if you want, as we are used to perceive it from our birth. Is the start-point of our visual perception system.

    I don’t disagree with this article in general, but I feel the topic to be much more complex

    Copy & paste the code below to embed this comment.
  11. Very nice article David. I have actually bought dishware that is asymmetric in its form for this very reason. I agree with Jan Tonellato that balance is an important factor. Obviously there are some amazingly asymmetric designs that still have wonderful visual balance.

    My only concern is that a lack of understanding around this “wabi-sabi term” could lead to poor designers thinking it is ok if “things are a little bit off”.

    I think we should all clarify that the key for designers is intent. If you decide to have something be imperfect, make it obvious to the user that you are aware of its imperfection.

    For instance, having two navigation elements that look identical except for one’s baseline is a few pixels off… is not good or thoughtful design. Having those same elements both slightly askew but balanced IS!

    Copy & paste the code below to embed this comment.
  12. @*Chris Meeks* I think you bring up a great point: “wabi-sabi” isn’t something your design is. It’s a quality that it exhibits. And it’s intuitive. If you’re forcing it, then it isn’t well-considered.

    Here’s a useful analogy. You’re watching a master potter at work. He’s sitting over the wheel, finishing his perfectly formed pot. Then, at the last moment before he stops the wheel, he drives his thumb into the bowl’s edge and dents the corner. The bowl is complete, and it has utility, but the dent—which was placed with intent—is what elevates the bowl beyond any mere piece of pottery.

    If you were to ask this potter why he dented the pot, he would probably not have “a reason.” I think most people who do any kind of art or design work recognize that impulse to seek a pure form, and then via “controlled accident”, discover a more powerful solution that wasn’t intended. This maker’s intuition infuses your work, but your intent is married to uncontrollability.

    This kind of idea probably makes more sense after one has made a few thousand pieces of pottery… I know I haven’t. :)

    Copy & paste the code below to embed this comment.
  13. @David Sherwin I think you are definitely correct about the “Maker’s Intuition” part. Being aware of the happy accident and not being so rigid in your previously conceived end-goal is vital.

    Funny thing actually, I was a ceramics major in college. So I literally HAVE made thousands of pots and handbuilt forms.

    Good discussion!

    Copy & paste the code below to embed this comment.
  14. Shibumi

    It is a Japanese word that connotes understated beauty. An ineffable quality having to do with great refinement underlying commonplace appearances. It is a statement so correct that it does not have to be bold, so poignant it does not have to be pretty, so true that it does not have to be real. Shibumi is understanding, rather than knowledge. Eloquent silence. In demeanor, it is modesty without pudency. In art, it is elegant simplicity, articulate brevity. In philosophy, it is spiritual tranquility that is not passive; it is being without the angst of becoming. In personality, it is authority without domination, overwhelming calm.

    Your article made me think of the concept of Shibumi.

    Copy & paste the code below to embed this comment.
  15. There is no excellent beauty that hath not some strangeness in the proportion. Francis Bacon

    However, the author goes beyond this topic of beauty and imperfection in discussing that beauty in UI design is really a functional matter. The site must exist to serve a clear purpose and audience. Moreover, elegance is ascertained by the efficacy of the site in accomplishing its purpose by engaging and compelling this target audience.

    On a lateral connection, this reminded me of an interesting talk on TED I recently heard:  http://www.ted.com/index.php/talks/dan_dennett_cute_sexy_sweet_funny.html

    Copy & paste the code below to embed this comment.
  16. Have you considered that there is a difference between perfection and symmetry? Perfect symmetry to be sure, exists, but most perfections are concerning things other than symmetry.

    I like the ideas about beauty and UI, there is so much crap out there.

    Copy & paste the code below to embed this comment.
  17. Perfectly symmetrical often tends to be a little boring or kind of steriotypical. If you want something different you must take a risk and break some design rules.You never know the output would be something stunning some thing totally diffrent than done before.

    As far as commercial designing is concerend you cant really predicts your clients perspective regarding any design. So staying away from any set rules are always better. Try to be a bit innovative.

    vaishali

    Copy & paste the code below to embed this comment.
  18. I have to agree with @*Vaishalli* that something that’s perfectly symmetric can be drab.

    @*Matt* – Shibumi is an intriguing concept that does aid in describing the effect of experiencing something infused with wabi-sabi characteristics (as opposed to the artifact or event itself). However, it is not directly associated with wabi-sabi… and it’s also the title of a great spy thriller by Trevanian that I read a few years back. :)

    Copy & paste the code below to embed this comment.
  19. This is a favorite quote, and as I think is related to your article, I’d like to share it with you.

    From Trevanian’s book “Shibumi”:

    “Shibumi, sir?” Nicholai knew the word, but only as it applied to gardens or architecture, where it connoted an understated beauty. “How are you using the term, sir?”

    “Oh, vaguely. And incorrectly, I suspect. A blundering attempt to describe an ineffable quality. As you know, shibumi has to do with great refinement underlying commonplace appearances. It is a statement so correct that it does not have to be bold, so poignant it does not have to be pretty, so true it does not have to be real. Shibumi is understanding, rather than knowledge. Eloquent silence. In demeanor, it is modesty without pudency. In art, where the spirit of shibumi takes the form of sabi, it is elegant simplicity, articulate brevity. In philosophy, where shibumi emerges as wabi, it is spiritual tranquility that is not passive; it is being without the angst of becoming. And in the personality of a man, it is . . . how does one say it? Authority without domination? Something like that.”

    Nicholai’s imagination was galvanized by the concept of shibumi . No other ideal had ever touched him so. “How does one achieve this shibumi , sir?”

    “One does not achieve it, one . . . discovers it. And only a few men of infinite refinement ever do that. Men like my friend Otake-san.”

    “Meaning that one must learn a great deal to arrive at shibumi ?”

    “Meaning, rather, that one must pass through knowledge and arrive at simplicity.”

    Copy & paste the code below to embed this comment.
  20. Love the article. But when following symmetrical design one most be careful on not loosing creativity. Just my 2cents.

    Copy & paste the code below to embed this comment.
  21. I find myself working towards symmetry but always admire websites, etc that are beautifully asymmetrical.  A sort of unconscious ambivalence…

    Copy & paste the code below to embed this comment.
  22. A very interesting article. First time I have seen a web site design compared to the design of a Japanese garden. I have designed many web sites – a recent one on “coin collecting”:http://www.coincollectingsecrets101.com for instance – and I’d like to have the privilige of one day designing a Japanese garden. (Right now I am working on a small garden with some elements of the Japanese in it though.) Guess I need to re-read the text to fully grasp the analogy.

    Copy & paste the code below to embed this comment.
  23. I too learned a new lesson today. The story is so inspiring. We may say that one thing is too perfect but how we know if its really perfect when you can’t see both sides of the picture. :)

    Copy & paste the code below to embed this comment.
  24. This all came from Chinese philosophy originally…  Of course there is the flip side of the coin, a tale of a man who went to buy a silver serving spoon.

    After loking at many ornate ones priced quite reasonably, however all out of the man’s price range, he settled upon a simple plain polished silver spoon.

    When he enquired about the price, it was many times the price of the ornate one’s.

    After asking why this was so theshop keeper replied: “Sir, this is a simple polished spoon, perfect and flawless in its execution.  The others haveguilding, mouldings and engravings in which the artist can hide many mistakes…”

    Anabelle
    x
    “love by birthdate | birthdate compatibility”:http://www.lovebybirthdate.com

    Copy & paste the code below to embed this comment.
  25. .. Perfection is a state of hypothesis. I believe it is very important to have an element of imperfectness so that it looks natural.

    Copy & paste the code below to embed this comment.
  26. Such a Japanese concept.  As an artist, I really enjoy the disharmony that one red square on a black background can create, and the jolt of excitement it brings to the veiwer

    Copy & paste the code below to embed this comment.
  27. I’ve always been a fan of what I think of as “pretty ugly”.  To me, it’s when something beautiful and perfect is flawed by a clashing color or a lack of balance.  To me, it turns something that is so perfect it’s boring into something interesting.  Colors that clash and yet look beautiful together.  it’s a very difficult concept to articulate, but I think you’ve done a great job.

    Copy & paste the code below to embed this comment.
  28. What’s so special about this plate? Before it was fired, it was perfectly round, but the artist intentionally roughed up the edges. It’s elegant, enhanced by anything that touches its surface: a bright green pear, roughly chopped chocolate, a pile of toasted almonds. Today, this plate sits on the desk in my home office. It symbolizes a crucial lesson about craft: utility is not contingent on perfection of form. In fact, the lessons I’ve learned about crafting elegant experiences—from the creative brief to user interface design—involve abandoning the desire for perfection entirely
    “cellulite creams”:http://www.bestcellulitecreams.org

    Copy & paste the code below to embed this comment.
  29. So many of us never follow through or finish anything because it isn’t ‘perfect’. This isn’t a apology or defense for sloppiness or bad work but an acknowledgment that our own judgment of ourselves and our output can be crippling. I know. I used to have that disease myself until I stumbled across the concept of “kaizen”, which simply means improvement, no matter how slight. “Is this copy better than my last effort?” If so, then I define my product as successful. Incremental improvements lead to … magic.

    Copy & paste the code below to embed this comment.
  30. That was an enjoyable article to read. For me, clarity is the first virtue that a professional website design should have, if only because of such an UN-elegant reason like eye strain!! :-)

    The second is elegance, or you could call it art, poetry, beauty. Although what beauty is still so difficult to define…

    Warmth is the third of my virtues for the best design, but in fact, it goes hand in hand with elegance. Elegance and cold together? I don’t think so.

    I am not sure I agree with craigslist being elegant. It has an impressive clarity, but it could easily feel chilly.


    “Foreclosure Process Highlights”:http://foreclosureprocesstoday.com

    Copy & paste the code below to embed this comment.
  31. I creat a few website and have to say Imperfection is OK as far as the website is interesting for the visitors

    Copy & paste the code below to embed this comment.
  32. I agree that imperfections make a person think, however, as an editor, I like to direct what a person thinks about. For instance, when I see imperfections on grammar and spelling, I think about the imperfection, and not more interest in the site or product.

    Copy & paste the code below to embed this comment.
  33. I agree, too much sameness lends a site to boredom for a user, especially a user seeking a social experience.

    Copy & paste the code below to embed this comment.
  34. I know that this is not really saying that you can put anything anywhere and that when you break it down there is an exact art to it but anything that frees me from symmetry is like skinny dipping in the lake on the 18th hole of the US open!

    Robin

    Copy & paste the code below to embed this comment.
  35. Really like the anecdote, this article is inspiring.

    Copy & paste the code below to embed this comment.
  36. Hi David,

    Thanks so much for this. It took me awhile to get it up, but I had to pass this on in a post: http://www.webmarketingtherapy.com/blog/perfection/ This made me think of many ways that the fear of imperfection can hold us back. You were much more eloquent.

    :-)

    Copy & paste the code below to embed this comment.
  37. From the perspective of a fairly equally-brained front end dev who couldn’t draw or come up with a memorable logo to save his life but still feels the creative rhythm, it’s always struck me how much more natural and fluid the process of converting a design from a good artist tends to go as opposed to overly busy, needlessly tight layouts from those of a more engineering background.

    It generally takes a lot fewer elements to get the job done, I always feel better about the site I’m working on and the resulting layout always feels more intuitive and easier to use. Of course, I’m in Chicago and there’s a lot of REALLY good designers in town but I don’t think it’s just that.

    When you try too hard to quantify things with prototyping and demos and put all this effort and resource into what ultimately has no other purpose than making management feel artificially connected to a process they will never understand, creation rather than control, you’re killing the potential of a site by ignoring what your own senses and experiences are telling you.

    Deny it all you want, but this is first and foremost a craft and that means intuition and personal judgment has to have a place. When does any media start sucking by and large? When people start demanding accountability for the unaccountable. When they try to quantify what will make a game, a song, a movie, a toy or a site popular without really understanding what goes into the thought process from an artistic or development perspective and then finding and repeating a meaningless pattern ad nauseum because they got too hung up on a formula for success.

    I saw a big blogfest by a bunch of UX guys talking about how Google’s success wasn’t accounted for by its design, which was bad, apparently. Here’s the thing: I’ve never had a problem using Google. It’s never felt awkward. The elements didn’t need to be clumped together “where the action is” by which I assume they meant the actual search field. What links were placed where never struck me as odd and I think I’ve clicked every link on that old-school Google page at one time or another so I didn’t miss anything. It works. It’s easy and instantly recognizable. I didn’t have to think too hard. It provides a tool to help you solve problems and then gets the Hell out of your way. I’m not surprised to find things where they are. That’s good design.

    Copy & paste the code below to embed this comment.
  38. KAIZEN meaning small constant improvments is the key word here.

     

    Copy & paste the code below to embed this comment.
  39. Hi David, Great blog – I teach sales & website marketing to students/companies – the question I am asked the most by my students is did I get it right? The answer I give often surprises most of my students. Is the customer happy with the goods & are they happy with you? …

    In reality the salesmen that recite their scripts to perfection are actually worse salemen than the ones that make a few blunders & appear more natural & imperfect to the customer. Web design is no different – the flaw can sometimes be the making of a site & how the customer remembers you – there is of course a flip side to that…

    Lack of attention to detail can in reality kill a site at the worst or make it look sloppy – see “web design mistakes”:http://www.vuzudesign.com/web-design-blog.php?comments=1&aid=51&article=Top+60+Web+Design+Mistakes+of+2009 – one of my students websites is at the very least basic as far as design goes but perfectly formed as far as quick loading – working in any browser and well written for search engines – can’t help thinking though perhaps he hasn’t shown off his creatve skills to potential customer – see “web design cheltenham”:http://www.vuzudesign.com but who’s perfect?

    Copy & paste the code below to embed this comment.
  40. Great article. thank you

    Copy & paste the code below to embed this comment.
  41. Truly a very inspiring article.The approach of asymmetrical design to gain perfection is true in many sense.
    Great Article…..thanks again

    Copy & paste the code below to embed this comment.
  42. Great article. Living in Japan I could really see the ideas of Wabi-sabi that are being mentioned.

    The Golden Ration is also a wonderful idea to incorporate into the equation of designing through balancing perfection/imperfection.

    Copy & paste the code below to embed this comment.
  43. We made russian translation of this article:

    “Красота несовершенства”:http://www.internet-expert.ru/news/articles/155/

    Copy & paste the code below to embed this comment.
  44. Wonderful to encounter Wabi-Sabi in this context. Yes, really nice thinking about ‘heart’ in the context of web design.

    Much food for thought … thanks for the great post.

    Copy & paste the code below to embed this comment.
  45. I always wondered why I loved fonts that look like handwriting, hand drawn/scanned illustrations in presentations and slight imperfections. I think they make things a little bit more human.

    I never comprehended why. Reading about Wabi Sabi and the mention of shobuye helps a bit. I like the article at several levels and I love the discussion.

    Copy & paste the code below to embed this comment.