The best websites are useful and ugly

Functionality and usefulness are far more important to the success of your website than how nice and elegant it looks.

The first time I saw the Grand Canyon was a truly memorable experience. The depth, distance and hazy rainbow of colors were like nothing I had ever seen before. The great Colorado River looked shoe-lace-wide down below.

We spent a day driving along the Grand Canyon and then up into the equally magnificent scenery of Utah. But along with the otherworldly beauty what also struck me was the poverty that surrounded the Canyon.

For all its stunning beauty, The Grand Canyon would not be a great place to live. Certainly, you would have a hard life if you lived in the middle of the Canyon itself. And, given the steepness and inaccessibility it would be hard to imagine how a city the size of New York could develop there.

The things we think are the most beautiful are often the least useful in a practical and functional sense. Mount Everest is beautiful. Gold, jewellery and diamond rings are beautiful. Do certain things increase in beauty as they lose practical function?

There is no question that certain designs can be made both beautiful and functional. But for other design challenges, the more beautiful the design is made, the less functional and easy to use it becomes. This is particularly true for websites.

Ryanair, eBay, Amazon, Google, Craig’s List, My Space, and YouTube are ugly websites. They are also hugely successful websites. When I show audiences the Ryanair website, there are audible gasps. I see people recoil from its sheer ugliness. Yet last year, Ryanair flew 42 million passengers, and the vast majority of them booked their flights through Ryanair.com.

Have you noticed that the Web has started to grey? There is a severe outbreak of grey text syndrome, particularly in blogs. Web design is falling into the trap of caring more about how a page looks than how it reads.

Few would dispute that it is harder to read text on a screen than in print. Most would agree that black text on a slightly off-white background is easiest to read. It could also be argued that font size for webpages should be slightly larger than font sizes chosen for print.

So, why do an increasing number of websites today use small font sizes and grey text? The answer is simple: small fonts and grey text look better. They blend into the overall design of the page. They are more elegant and visually appealing.

The problem with larger font sizes and black text is that they stand out. They can dominate the page. This is exactly what makes them easier to read. Black text in a large font stands out from its background.

When I ask people to look at a website like Ryanair their instinctive reaction is often to say that it is ugly. If you ask most people to look at the most successful websites, they would also probably tell you that they look ugly.

The fact is we don’t spend our time looking at websites. We spend our time reading and using them. There are three things a great web design must be: useful, useful and useful.

 

20 responses


  1. I think your article makes a very good point — that usefulness and functionality should be top-of-mind. However, your title is extremely mis-leading. While you may feel that some of the best websites on the web right now that accomplish this are “ugly” — the best website is one that is aesthetically pleasing, useful and functional. There is no relation between ugliness and being more useful and functional.

    You are also looking at this out of context — who says that the simple act of “reading” is the number one objective of a web user? Try making everything big text and you now limit the amount of content you can display. If you only work with a use case of one, then you have an tremendously easy job. Take Home Depot for example — there are dozens of legitimate use cases on any give day with a audience that is as vague as they get. You have users that want to know the price of items, the locations or stores, and a list of available products as well as home solutions. Black text on a white background at a large size is going to make this site extremely useful for probably only 10%, while the remaining 90% now has an extremely non-useful experience.

    Also, you are looking at websites as a functional utility. Websites are more than that, there is more to them than simple functionality — there are business objectives. Websites are marketing tools and promotional outlets, not online books. How many things in life are less than perfect due to revenue increasing pressures? When you go to an expensive restaurant, the meal would be better if they used more expensive ingredients and hired the most expensive chief in town — the meal would be less expensive if they didn’t decorate the interior or pay their staff or even have a prime downtown location.

    Websites are on the hook to accomplish many objectives, serve a wide array of audiences and please many people. You show me your “perfect” website and I will show you at least a hundred businesses that would fail utilizing that “good” design.


  2. Marvelous column… my personal favorite of the last few months. Let’s add Wikipedia to the list of truly ugly and highly popular websites… one of the “Top 10″ in the U.S. in 2007. And the text.. black on white.


  3. I use the RyanAir website, but not because I like it. In fact, I hate it.

    The only reason I use the RyanAir website is because it’s the only way I know of to get access to what I want - the cheap airfares that RyanAir offers.

    If I could get them through a 3rd party website and not patronise the RyanAir website, I would, in a heartbeat. Even, perhaps, for a small premium.

    It’s not that the website is ugly that makes me hate it though, it’s the way that it tries to trick me into paying for stuff I don’t want to pay for - extra baggage, travel insurance. It doesn’t just offer me these things, it is cynically designed to try to trick me into accepting them without even knowing I had an option, and then it makes it extremely difficult to ‘opt-out’ of these extra ’services’ (read - costs, or profits to RyanAir).

    Based on the RyanAir premise I’d say that perhaps the argument is more that the value of the product/service you are offering to your customer is more powerful than the design/elegance of your website.

    Anyway - rant aside - I do agree that functionality and usefulness are much more important than elegance of design. It is nice to aspire to and achieve both tho’ ;)


  4. I agree strongly with your overall point, but your use of Ryanair as an example seems contradictory.

    For starters, there’s barely any black on white text on the Ryan homepage at all. Much of it is various shades of blue on blue, blue on yellow, or white reversed out of blue. The font choices are neither visually appealling or user friendly.

    There’s also so many links on the homepage, that important info gets lost. Again, ugly and ineffective.

    So why does Ryanair do so much business through its website? a) it offers dirt cheap flights; b) it aggresively pushes customers to book through the website; and c) many discounted fares are only available to those who book on the web.

    While the company does great business, I think their site succeeds in spite of itself.


  5. I disagree with the article. We all agree that content is the king, but a good mix between design and content is the right key. An ugly web site can deter people from reading it. Ryanair is succesfull because it’s cheap and it became popular between students for this reason. The sites your are talking about were and still are teen/young focused. In my opinion if you try to raise up the audience and involve mature users, design counts along with usability.


  6. Gerry - are you being deliberately provacative this week?!

    “The best websites are useful and ugly” - rubbish! The best web sites are useful and well designed, and how can something that’s “ugly” be well designed.

    Any website is a tricky balance between form and function - the customer (I use ‘customer’ rather than ‘user’!) needs to be able to find the information they need, whilst not struggling to read inappropriate fonts (a well-designed site will allow users to easily increase text size in their browser), not wrestling with poor colour contrast (an absolute web design fundamental - black on white is not ‘ugly’, it’s ‘readable’!) and not getting lost in a maze of pages due to poorly conceived workflow and navigation.

    That’s why the “best websites” combine the “function” of a web designer who understands the limitations (and opportunities) of the web page and the computer screen, with the “form” of the graphic designer who knows how colours and shapes work, with a marketeer who understands the customer…and the product. And that’s maybe why the “best websites” are designed by teams rather than individuals, as getting all that from one person is a tall order! I’ve worked with graphic designers, and I know how much they like tiny fonts, and yellow text on white backgrounds! Well, some of them do!

    Agreed, the Ryanair website is truly horrible, and I would argue that it does not directly contribute to Ryanair’s success - it’s success is offering cheap flights, and using the horrible website is (almost) the only way to access the product. Ryanair is successful despite its website, not because of it! In contrast, the EasyJet website is considerably “better” (in my eyes!), in terms of appearance and usability, and so if I’m looking for cheap flights (or car hire, or hotels) I’ll check EasyJet first.

    Google is successful because it provides quick access to possibly the most comprehensive web page database. It’s not “ugly”, it’s functional. It doesn’t need to be visually beautiful because it’s little more than a query tool. It’s beauty is in its sheer simplicity.

    Agreed, also, that there are some “beautiful” websites that are truly useless.

    In between these extremes are countless successful sites that are both useful AND pleasing on the eye.

    Some recent Canadian research has identified that customers make a visual assessment of a website within the first 50 milliseconds (1/20th of a second). In the blink of an eye, web surfers make nearly instantaneous judgments of a web site’s “visual appeal.” Through the “halo effect”, first impressions can colour subsequent judgments of perceived credibility, usability, and ultimately influence your purchasing decisions. If it’s “ugly”, you may just click away…


  7. I’m on the fence with your article. But I certainly disagree with your point about MySpace.

    I use MySpace, but it annoys and infuriates me to no end. I can never find what I want. The linking takes a long time to figure out, and it’s just difficult to use. I intially used it because I was looking for some old friends and found them there. If I didn’t have the need/desire to find those old friends, I certainly never would have gone to MySpace in the first place.

    So, perhaps there’s an element of necessity that you’re missing here. Necessity/desire trumps design and usability when there are no other alternatives.


  8. This article seems awfully nearsighted. All the examples that were discussed are extremely utilitarian. They are task-based sites that usually include content that is constantly changing and requires a transaction. Since most CMS solutions do not allow an extremely flexible design option the point stated in the article seems mute. They are simple, ugly, disgusting, etc because you couldn’t keep up with the demand of finessing the content. It won’t make much sense. Chances are the product is already sold. A user has consciously made the decision to buy the service, whether it be a cheap flight, a bid on an auction etc. Now try and apply that to a site selling a new car, a big screen television or exclusive jewelry. The thought process involved my not yield a final decision, the user needs to be persuaded. Perception is truth and if their perception is that of mistrust, confusion, distaste, etc you have lost. So I think your article is little too targeted to a specific genre of web site.


  9. I would cringe at some of the overwrought designs that our UI designers would come up with; highly creative but highly distracting to the user who wants to accomplish their task in an easy-to-use manner and then move on. “Just because you can do it, doesn’t mean you should.” Give me efficient functionality over chromey drop-shadow elements any day. It doesn’t have to be ugly to be usable, though. Ugly is off-putting, too. Finding the balance is key, but usability and information design should take precedence over aesthetics.


  10. The so-called ugly websites can get away with their appearance because their applications are recognized as valuable/useful so their readers are motivated and single-minded. They’re after the functionality and each site owner facilitates such by making the learning curve short.

    Did I like the look of Ryanair? No, I thought it garish and hard on my eyes. However, if I can catch a flight from point ‘A’ to point ‘B’ for an outlandishly cheap price and I’m not being stored in the wheel, well, I’ll look past its design flaws.

    In the case of MySpace, its purpose is networking and expressing one’s individual tastes and personality through info, pictures, songs, and music. Does it look nice? It doesn’t have to; in fact, I believe the messy, chaotic design is on purpose as it allows its users to customize its appearance on their own. That’s User-generated content, years before the phrase was coined.

    Other commercial sites have different purposes; there are no absolutes. A company might choose to use its site as a public relations outlet for informational or educational purposes. This means content. Another, such as Home Depot, might wish to feature a lot or colour photos, or diagrams to showcase its summer or fall construction tools. Since images can be used very effectively in marketing to imprint people’s minds, extensive content may not be necessary or desireable; it need only be accessible. Even in the online environment, a picture - providing the situation is suitable - can take the place of a thousand words … make that 300 Web words.

    Maybe a site’s purpose, its task familiarity, demographics, psychographics, and user-motivation can help determine the degree and form of design. Each site’s target audience will be different so its design considerations will be distinct.

    As far as the “greying” of the Net is concerned, design trends that contradict known Usability rules (readability) are a constant. That’s why they need web content writers knowledgeable of Usabilty: to re-introduce common sense.

    And now, I will close with a ‘fly in the ointment’ item; an article from Nature Magazine on web design.
    http://www.nature.com/news/2006/060109/full/060109-13.html

    Enjoy


  11. As Leisa and Margherita mention in the case of Ryanair, I don’t think that the Ryanair website is successful because it is usable and certainly not because the website is ugly! (why would ugliness be a factor in a websites success?). Instead I agree that their are many other stronger factors such as price that are driving the success.

    In the case of eBay, MySpace and YouTube, the popularity of these sites is almost certainly driven by having the largest number of members which is adding value to their networks.

    In terms of ugliness, this is also a very subjective opinion. I agree that Ryanair is quite repulsive. But on the other hand I don’t have anything against the CL design.

    What could be seen as messiness on MySpace profiles by a designer, may be appreciated as an expression of identity for a MySpace member!


  12. Thanks for all the great comments. I think Paul is right, in that I was being a bit provocative. However, I do think that on the Web there is very often a trade-off between beauty and usefullness. It would be great to get a nice balance, but I think we should lean towards functionality.

    As with Ryanair, I’ve always found it a very fast site to book a flight on. I have tested it on occasions and found it 2/3 times faster than other airline sites. I know what Leisa is saying, though; you have to be careful or they try to sell you other stuff.

    Does ugly sell? Because Ryanair sold 42 million seats online last year. The people who manage Ryanair are very clever. I doubt the design is accidental.


  13. The last two sentences of your post this week are now posted prominently on the office walls of my entire web team. A great reminder as we redesign our current site. Thanks so much for your weekly inspiration and clear-headedness.

    “The fact is we don’t spend our time looking at websites. We spend our time reading and using them. There are three things a great web design must be: useful, useful and useful.”

    Gerry McGovern
    New Thinking
    July 24, 2007


  14. I actually do not think google is ugly but more simplistic, which is always good.

    Amazon on the other hand is ugly, complex and un-usable. Try login from a different computer


  15. I think it is all about strategy. What is the objective for a site and who will use it.

    Let’s look at our industry. I think that usability companies often take the functionality argument to the extreme, particularly on their own sites.

    Who are the main users of their sites?
    - Their (potential) customers?

    What department in an organisation to they sit under?
    - Marketing!

    What is one currency for marketers?
    - Design!

    So why is the creative on so many usability companies sites so poor? Are they trying to scare marketing departments and Agencies away? I don’t think so.


  16. Good post. But the real point is that graphic design should serve usability instead of damaging it. Saying graphic aspects are useless is likely to upset graphic designers and oppose them to usability guys. That’s not what web professionals need. They need to work in teams : IT design, artistic design, usability design with marketers, content producers, etc.

    Usability rules and principles must be enforced. They are not secondary constraints. They are primary constraints. Visual considerations must comply with web usability rules. Not the other way around. This is where things become tricky as you will always have people discussing and challenging usability rules on the basis of artistic considerations (”small font is nicer”). And often the solution is a tradeoff that can ruin usability pretty easily. As a web usability rule, font size should be resizable by the user… so forget small fonts and design your site with resizable fonts.

    A good graphic web designer should have minimal web usability skills so he can avoid mistakes from the start (he should also understand the technical constraints, but that’s another story…).


  17. I think I’m pretty much in agreement with Paul Biggins’s comments.

    Let’s not confuse pretty colors and cool graphics with “good” design. It seems to me that your perception of good design is putting form before function. Good design allows users to achieve their objectives with the least amount of hassle. Layout and whitespace play a hugely important role. Pleasing aesthetics are just the icing on the cake and must be wielded very carefully.

    Craigslist is not ugly at all.
    Its layout is so well designed, that you can go to the homepage, understand it very quickly, and get to where you need to go. It doesn’t have pretty colors or graphics because they are not needed. This also makes Craigslist faster to load because there aren’t a bunch of superfluous graphics to download. It is a shining example of a design meeting its objectives: get the user to where they want to go quickly.

    I’d also argue that the Google.com homepage is designed pretty well (it could be better in my opinion, but it’s pretty good). Little if nothing stands in the user’s way of doing a search. It doesn’t need to be pretty, so it isn’t - but that does not make it ugly.

    I wholeheartedly agree that aesthetically, the RyanAir site is a turd. It’s distracting, and there isn’t enough distinction between the various sections. I’ve never used the site, but I’d imagine that it’s the deals that keep people coming back. I highly doubt that people are thinking “I like this site because it’s confusing and hideous and navigating it is a chore” but rather “I like this site because I get the best deals”

    Something similar can be said of MySpace. Its design is terrible, its interface is mediocre at best and its performance is slow slow slow. But people keep going back because all of their peers are there. It’s like hanging out at Denny’s with your friends because your friends are at Denny’s. There might be a 10x better restaurant across the street, but all your friends are at Denny’s.

    A lot of the web design community has been moving away from myspace and over to FaceBook. Probably originally because web designers can’t stand looking at myspace. But now it’s because that’s where there peers are.

    A web designer’s job is to make using the site easy for the users first and foremost; and then they can worry about aesthetics. Unfortunately there are a significant amount of web designers that just want to showcase their own design skills at the detriment of the user experience.

    I’m not sure where you’ve been the last 2 years, but small fonts and poor font color choices are not on the increase.

    I hate to use the word “web2.0″ and I hate even more to associate web2.0 with any sort of aesthetic design philosophy (I don’t), but a lot of people do. There are countless articles about “web2.0 design” trends. Almost all of which will mention large fonts. If anything, I think small fonts are on the decrease (please let them be!)

    Thanks for your article. I may disagree with you quite a bit, but you’ve succeeded in getting a great conversation started!


  18. Have you ever been on a Ryan Air flight? The airport is far away from the City you want to go to. Luggage restrictions are very strict and you pay extra for drinks. Those who are prepared to endure this will also endure the website. The website is not ugly, it is consistent with the airline’s concept. This is what makes a good website.


  19. This post is slightly off topic - I just wanted to say that I am a subscriber to your email and didn’t realise until today that you had a blog - so I headed straight here and tried to subscribe… why have you buried your RSS buttons at the bottom of the page?? I very nearly didn’t find them.


  20. Thanks for confirming what I feared - the designers and engineers have taken over; just as they have with e-learning!

2 trackbacks

Leave a Reply