When faced with a design quandary, bosses are often inclined to say,"why don't we just copy X?"where X is some high-profile, successful website. There's something to be said for this strategy; presumably, Site X is doing something right, since they're so big and famous.

Furthermore, usersprefer well-established designsthat follow conventions andwork as expected。For example, having a search box in the upper right corner increases the usability of your search simply because this is what users are accustomed to using in the location where they expect to find it. (See oureyetracking researchfor more examples of where people tend to look for various design elements.)

But copying successful designs is not a foolproof way to improve your own site's business value. Indeed, this strategy has many pitfalls.

(Note: When I say "copy," I don't mean that in a literal sense — that is, I'mnot advocating copyright violationsor design theft. Rather, I'm assuming that once you've considered the pitfalls and decided to go with a feature or design that's similar to a big site's, you'll create a new site that's inspired by that site's example. If you fear that your copy is too close to the original, consult a lawyer, but if you feel the need to do that you're probably already going too far.)

Why Copies Can Fail

There are two main reasons why copying another site can go wrong, even if that site is highly successful:

  • The specific UI element you're copying isnot that good
  • The design works fine in the original site's context, but it'sno good in the different contextoffered by your site.

We recently ran ausability study of 17 big and famous websites: Amazon, Apple, BBC, Chase, Cisco, CNN, Facebook, Flickr, Google, Johnson & Johnson, Kayak, Netflix, TigerDirect, WebMD, The White House, Yahoo, and YouTube. Indeed, our research confirmed that these sites do many things right and have substantially better usability than the more average sites tested in many of our other projects. In fact, the big sites'success ratewas3 percentage points higherthan the average for other sites.

Still, the studyidentified boatloads of usability problemsin the big sites' user experience.

好网站,糟糕的设计

Even if a site has high overall usability, specific design elements can still be bad. And if you're copying one of the bad ones — oops. A good website might contain poor features for many reasons:

  • Nobody's perfect.A good design team still makes mistakes. Maybe team members didn't have time to test some minor design element, so it went up despite being bad. Or maybe they thought it was good and were wrong.
  • Lack of resources.Even a big company doesn't have infinite resources; sometimes designers know very well that their site includes a bad design element, but they haven't had the time to fix it.
  • Waiting for the update.Maybe they did fix it, but haven't launched the revised design yet. You could be copying something that the site owner is about to replace.

In our study, a person who was already a registered user on Kayak had great trouble logging into the site on this screen:

Part of a web page with fields for both logging in and for registering new users.

How can that be? The distinction between "sign up" and "sign in" is clearly marked! Sure, if youread the blah-blah。But users don't. Their eyes and mouse go straight to the field where they can type.

That's what people want to do: they want to get thingsdone。They don't want to read.

In this case, the user didn't notice the difference between signing "up" vs. "in." The most prominent input fields were those for registering, so she typed in those fields, then clicked the "Sign In" button. This went on for 20 minutes as she got more and more frustrated. (Outside the lab, most users would probably give up and leave the site; in this case, we got some great video clips for our seminar that show a user making various mistakes over and over again.)

And how can anybodytypein theleftpart of the form and thenclickthe button on theright? Well, users frequently do such things (and even weirder behaviors). If you don't think so, it's because you have never observed normal people use computers. That's why we do usability studies: because we are not the audience.

After our testing, Kayak redesigned the sign-in workflow to remove this usability problem. Kayak still doesn't have the perfect design for this problem (Amazon.com's is better), but they've definitely improved. So, if you copied Kayak a few months ago, you'd have a serious usability problem on your site. That is,depending on when you copied itrelative to a random date outside your control, your conversion rate would be drastically different. Do you feel lucky?

下面是另一个例子从凯之前/之后ak, which shows how a simple change to the sliders on the right made this design easier to understand.

Two different designs of sliders for specifying desired window of flight departure times: bad usability on the left and good usability on the right

Different Context = Different Optimal Design

Even if you're lucky enough to copy a big site on the day they happen to have a good design for the feature you want, their design might not be the best for your site.

Many years ago, I pointed out thatAmazon.com was no longer the role model for e-commerce design。This is even truer today.

Smaller sites and lesser-known companies have to work that much harder toestablish credibility。Customers placing an order on Amazon.com alreadyknowthat they'll receive the product two days later and that they'll easily get a replacement in the rare case that the shipment was damaged. Not so when they're doing business with you for the first time.

On Apple's site, users had to hunt around to find the button to purchase an iPhone. Not only was the button in an unconventional location relative to most e-commerce sites, apple.com used internally inconsistent colors and labels for itsBuybuttons.

Interestingly, having a (deserved) reputation for good design came to Apple's rescue.Users were forgivingbecause they knew that the iPhone had high usability, and they were sufficiently committed to spending the extra time to find out how to purchase one.

On sites with a weaker brand reputation for usability, prospective customers would give up more easily in the face of difficulties. Even worse, a poor user experience on the website would reflect poorly on the company as a whole: If they can't even design aBuybutton, how hard will it be to use their actual products?

There are many other reasons why a big-site design might not work for you:

  • Scale:Sorting through millions of products or articles requires more UI horsepower than needed for a simpler site with a handful of offerings.
  • Maintenance:Some design approaches — as simple as acompany blog— require frequent updates to avoid going stale. Better not do it if you can't commit the resources to keep it working.
  • Integration:I've often discussed the importance oftotal user experience。Design elements can't be examined in isolation; they should work together. So, if you take one element out and plug it into a different context, it might not play well with your site's other design elements.
  • Domain:Government agencies often say they look to The White House as a role model for their websites. In addition to whitehouse.gov's occasional usability weaknesses, most government agencies offer a completely different set of services to their users. How to present nuclear safety regulations? Definitely differently than posting the president's latest speeches.
  • Audience:Usability is always relative to two things: the users and their tasks. Maybe your users are more technically savvy than the general audience that typically dominates on the big sites. Often your users will have more specialized knowledge about your issues than general users — then again, the opposite might be true if you're offering basic education.
    • This last issue is particularly important forintranet design, where it's rarely appropriate to copy mainstream consumer-focused sites from the open Web. (That's why there are so many separateusability guidelines for intranets。) For example, even though there are many good uses ofsocial features in the enterprise, don't copy Twitter, Facebook, and the like.
      • Web users = customers. Intranet users = employees.
      • Web tasks = shopping/having fun/etc. Intranet tasks = doing your job/cranking out deliverables.

最重要的是,您可能并不像您正在考虑模拟的着名网站一样突出。即使您是一家大公司或政府机构,您也是rarely big on the Net, as measured by the number of hours an average user would spend on your site each month. Users thus won't be as motivated to learn new interaction techniques on your site as they are on a big site that they use more frequently.

For example, YouTube's "Inbox" and "Personal Messages" screens don't explain that this is aninternalmessaging system rather than a normal email account, and the error messages users see when entering an email address don't explain it either. Even after repeated attempts, one of our test users never figured this out. YouTube is clearly successful and can probably afford to place this hurdle in front of its highly motivated users who return to the site again and again for their daily fix of funny videos. You, however, should probably stay with a design that people already understand.

Good vs. Bad: How to Tell?

Often, a big and famous site can beworth emulating。But sometimes it'lldecimate your business metricsif you copy the big boys. How can you tell whether you're in one situation or the other?

如果您已阅读我的专栏一段时间,毫无疑问地知道答案很简单:user testing。请记住,用户测试sn't have to take very long. You can mock up the proposed design as awireframe or paper prototypein less than a day and test it immediately.

Even faster: because the design element is already implemented on an existing website, you can run a user test of that site without any prep (other than writing some test tasks). Of course, testing another site won't give you full insights into how well something will work on your site, but you can get an early idea, which will often put you on the right track with a minimal investment.