Download these free resources
We'll treat your email address with the utmost respect and won't sell it, rent it, or let it stay up past its bedtime watching horror movies.
Last updated: May 2019
Our clients include many of the web’s most successful companies. In fact, as far as we’re aware, no other company has had the privilege of designing pages for as many of the world’s top 500 websites as we have. We say privilege because these companies are, by definition, already great at creating websites, and many of them wouldn’t normally ask an external company to design pages for them.
When we look at how those companies improve their websites, it’s striking how their practices have almost nothing in common with the way that most other companies do it. Their approach is perhaps best described as “Scientific Web Design.” In this article, we describe how Scientific Web Design differs from most other web design, and we explain why it’s much more effective.
Take a look at the following two hammers:
Both hammers have been meticulously designed, but for different goals. Karl’s mother’s hammer was designed for beauty. The Stanley hammer was designed for hammering.
They represent two approaches to design:
Similarly, there are two approaches to web design:
Which approach is most effective? Take a look at the homepages of Google, eBay, Amazon, Craigslist, LinkedIn, Facebook, Wikipedia, YouTube and other sites in Alexa’s Top 500 list and decide for yourself. Are they designed for beauty, or does their form follow their function?
It amazes us how few people have noticed this.
To be clear, it’s fine to optimize for beauty if your insights indicate that your visitors will buy more as a result. At that point, functional design and aesthetic design become the same thing, and you should test making your website more beautiful. The mistake happens when companies think that pure aesthetics are a substitute for research and testing.
Scientific Web Design is functional.
Some people ask why they shouldn’t optimize for function and aesthetics. Even if their visitors are perfectly happy with the current appearance of the website, what’s the harm in being beautiful regardless?
It’s like asking “What’s the harm in giving Usain Bolt an egg and spoon to carry while he runs?” They don’t realize that beauty, like an egg and spoon, tends to slow progress to a crawl.
One of our first clients had one of the most beautiful, polished sites we had ever seen. We first noticed a problem when we asked the head developer to italicize a particular word. “That’s not just a 15-minute job,” he replied, “it will have to wait till next week.” We were amazed. We had just come from working in-house, where we had tripled our employer’s sales in 12 months. We were used to making changes quickly. Putting a word into italics would have taken us 60 seconds. We had taken that agility for granted.
Imagine if your site were as easy to edit as Wikipedia, Google Docs, or this page (which we urge you to read). How much more work would you get done? How quickly could you iterate? Typical web marketers could edit a Wikipedia page in one minute, but would take at least a day to make a similar change to their own site. That’s over a thousand times longer. Much of that time difference is because their own site is more complicated for aesthetic reasons: Fonts are substituted, decorative images are included, layouts are complicated, and ornamental graphics are included. The technical burden soon becomes immense: changes must be checked on multiple devices running multiple browsers on multiple operating systems; plug-ins conflict; fonts don’t render…
…and before long, you’re no longer outraged that it takes seven days—seven days!—to turn a word into italics.
Meanwhile, Facebook has pushed live several thousand more changes.
If your website is already more beautiful than Amazon’s, and your customers are happy with its appearance, are you sure that the best way to grow your business is to make it more beautiful, or have you just run out of ideas? Beauty can lead to sluggishness, and sluggishness can lead to economic death.
If you do make your website more beautiful, ensure your designs are minimalist—visually and technically. Keep them elegantly simple and easy to update. And don’t forget that—like the Stanley hammer—good functional design has a beauty of its own.
“Being able to figure out quickly what works and what doesn’t can mean the difference between survival and extinction”—Hal Varian, Google Chief Economist.
“If you double the number of experiments you do per year you’re going to double your inventiveness.”—Jeff Bezos, CEO of Amazon.
When top companies change their websites, they measure the effects of the changes, using split-testing software or some other type of experimental technique. They want to know if their changes worked.
When you split-test, you get the following benefits:
One of our first clients, whose sales we more than tripled, stopped split-testing after we finished working with them. Their marketing manager then began making radical changes and persuaded his team that there was no need to split-test them, because they were “obviously better.” Within a year, the company’s sales had plummeted, and no one in the company knew why. The marketing manager was fired. Had he split-tested his changes, he wouldn’t have broken the company.
The following story from Microsoft’s Senior Statistician, Roger Longbotham, describes how Microsoft avoided a similar disaster: “We ran an experiment for a site where the management was reluctant to run the test because they considered it a “no-brainer” that the Treatment would win. We agreed the value proposition looked quite promising but proceeded with the experiment. The Treatment had some unexpected and subtle negative aspects that would not have been detected had we not run the experiment. If the Treatment had been launched we estimate the annual loss to the site would have been in the millions of dollars.”
Split-testing is like a compass: It tells you which direction to move in. One of our clients, a company in the telecoms industry, was debating whether to lower the price of its top-selling phone. The phone was already the lowest-priced in the marketplace. To measure how price-sensitive the company’s visitors were, we split-tested the existing price against zero dollars (completely free-of-charge). To everyone’s surprise, the zero-dollar offer didn’t sell more phones. Our research revealed that users were concerned that the free-phone deal was “too good to be true.” Concluding that the visitors weren’t sensitive to the price of the handset, we went in the other direction by split-testing higher prices. The winning page featured two higher-priced premium versions of the phone alongside the standard product. We then obtained a further win by offering optional upsells including accessories, insurance, call credit and 24-hour customer support. So not only did split-testing save the company from pointlessly destroying its margins, but it revealed an unexpected opportunity for growing its profits.
Scientific Web Design involves experiments, not arbitrary, unmeasured changes. Amazon’s Jeff Bezos said: “Successful invention is inventions that customers care about. It’s actually relatively easy to invent new things that customers don’t care about. But successful invention, if you want to do a lot of that, you basically have to increase your rate of experimentation and that you can think of as a process—how do you go about organizing your systems, your people, all of your assets, your own daily life and how you spend time, how do you increase those things to increase your rate of experimentation? Because not all of your experiments are going to work.”
“Every work day Facebook is safely updated with hundreds of changes including bug fixes, new features, and product improvements. Given hundreds of engineers, thousands of changes every week and hundreds of millions of users we have worldwide, this task seems like it should be impossible.”—Facebook’s Engineering Team.
The top companies update their sites frequently—often weekly and sometimes daily. The changes are usually improvements to parts of pages rather than complete page redesigns or website redesigns. If you update your site in small iterations like this, you get three benefits:
Work-in-progress is the toadstool of business; it looks harmless but is poisonous. For example,
That’s why Scientific Web Design entails carrying out frequent, iterative changes.
Some people choose not to follow the three principles of Scientific Web Design, for several reasons:
The three principles of Scientific Web Design are embedded into our methodology as follows:
This makes life challenging, because of course not every experiment results in a win; but there’s a strength in it too: Our clients and team members get immediate feedback, so they discover what works (and what doesn’t) for their specific marketplace.
That’s rare in business.
By taking this approach, our clients’ internal processes over time get re-engineered for speed and profits—a hallmark of the top online businesses we have helped to grow. This is perhaps the most important aspect of our service.
If you are a regular reader of this site, you are likely to already be sold on the principles of Scientific Web Design. If so, here’s what you can do:
1. We have already grown companies just like yours. (We have helped to grow clients in 37 countries in 11 languages.) So wherever you are in the world, if you’d like us to work on your website—to dramatically increase its profits—then claim your FREE website strategy session. On this free phone consultation, one of our experts will discuss your conversion goals and suggest strategies to double your sales.
2. If you’d like to learn conversion for free, go to our “Learning Zone” page, where you can download templates of million-dollar winning pages. Or, if you’d like us to build your company’s in-house capabilities (not for free), then contact us and we’ll discuss your requirements.
3. If you’d like to work for us—or see why our team members love working for us—then see our “Careers” pages.
All of our articles are subject to our Testimonial Protocol, which is described here.