What makes a website great?
Well, it depends on what you mean by “great.” Since each website has a different target audience, offers a different service, and has been made by a different person, the answer to this question is hard to pin down.
For this reason, making a great website is as much an art as a science. Nevertheless, there are some basic principles of design that can help you to create a website from scratch. These principles apply whether you are trying to figure out how to create a small business website or how to create a personal website. Now if you already have an existing site, how do you make it better?
In this article, we’ll run through the principles of how to improve your website and explain why they are at the heart of good website design. Applying these website builder tips will help you enhance your website and is going to make it easier to use, more effective, and might even save you money. And if you are an e-commerce business, you’ll definitely need to know the importance of a website with great content, user experience, and design elements.
The tips below will allow you to avoid travesties like this hilariously awful website.
1. Use white space
Let’s start with a basic principle of graphic design: don’t use the whole page. The space around your content is as important as the content itself. Giving your content space to breathe makes your site more legible, and allows your users to focus on what’s important.
This is a principle that plenty of amateur website designers forget about. That’s understandable – after all, you are probably keen to showcase all the great services and products you can offer to your potential customers – but it’s a mistake nonetheless.
Apple is a great example of the effective use of white space in web design. Source: Apple.com
And don’t just take my word for it – the research backs up the importance of website white space as well: according to Crazy Egg, white space around text and titles increases user attention by 20%.
2. Focus on your content marketing strategy
Many of the tips that follow will emphasize small details, and making sure that your site is fast, secure, and consistent. Paying attention to these smaller issues is important, but make sure you don’t lose sight of your marketing strategy and the role of your website within it. Ultimately, your website maintenance costs should be justified against your business strategy.
The most common problem in this regard is for companies to put too much information on their site’s homepage. While your managerial structure and company history infographics might be interesting to you, your customers are unlikely to be as interested as you are. The screen readers on your site to see if your services or products can help them, so that’s what your site should focus on.
Great website design starts with a robust strategy. Identify what you want your website to achieve, and who you are talking to, and then focus your content tightly on this objective. Not only does this make website navigation easier for the customer, but it also allows you to cut down the cost of your website when setting up an online store because you no longer need to pay for endless pages that your viewers don’t care about anyway.
3. Optimize page speed
Another hugely important part of your website design is how fast it is. Whether or not we like to admit it, we’re all a little impatient when it comes to browsing the internet, and a delay of just a few seconds means your customers simply go elsewhere. Again, the research in this area is hard to argue with: according to Section.io, an extra five seconds of page load time can increase your website’s “bounce rate” (when a visitor visits your site, but leaves before any meaningful interaction) by more than 20%.
Many of the tips on this list pertaining to responsive design – such as leaving white space around your content, deleting unnecessary content, and using high-quality images correctly – will improve your website speed. While you are following these tips, though, you should also monitor the effect your changes are having on the speed of your site. Many website builders offer you a dashboard where you can check this information, but Google also offers a free service that helps you track and improve the loading time and speed of your site.
4. Use Calls to Action (CTAs) correctly
Most people are aware of the importance of “Calls to Action”, or CTAs. The problem is that too many of these simply don’t work. That’s because a boring button that says “click here!” is not going to generate user interaction by itself.
There are two key things to bear in mind when thinking about your CTAs. The first is that they need to highlight the value of what you are offering. Instead of just saying “click here”, encourage your website visitors to “sign up for the latest news”, or “click here to get 10% off”. A great example of this is WUFOO, a form-designing service, that uses continuous CTAs to guide customers through their website.
The second principle here is to make your CTAs attractive. Instead of inline hyperlinks, use buttons, and make sure they look good. In a study done by Maxymiser, researchers were shocked to find that they achieved an increase of 11% in clicks to the checkout area of the Laura Ashley website, by testing color variations and action messaging. You can also play around with your design, and see what works for your business.
5. Hyperlink highlighting
Hyperlink highlighting is a small tip, but it’s an important one. With so many options for working with text in modern website builders, some people try and reinvent the wheel: making their hyperlinks a strange color, or even (worse) hiding them in a mass of text.
When it comes to showing your customers where your links are, simplicity is best. In a study done by Karyn Graves, she shows that the regular web user sees the blue and underlined text as links and knows to click on them. At the end of the day, you want your screen readers to see your links, and click on them with minimal load time.
To do that, make your hyperlinks a “normal” color, and make them nice a big. That way, no-one is going to miss them.
6. Segment information
A slightly more complex issue is information segmentations. The way that you lay out your website and how you arrange your various pages depends on choosing a website design that works for your business and varies by sector and your target audience.
Nonetheless, there are some basic ideas that help you break up your content, and let your users navigate more easily around your site:
Break your pages up into grids that are clearly delineated,
Give each product or service it’s own page that contains all the relevant information on it, and
Use bullet points to break up your points, just like I’m doing here!
7. Use (the proper) images
You should use high-quality images: they are an incredibly powerful way of engaging your audience and are, perhaps, the most important element of beautiful website design. That said, you need to use the correct images.
The “right” images mean a few things. First, don’t use stock images. Research shows that stock images reduce conversion rates. That’s because using stock images makes your website look cheap, but also because it’s a wasted opportunity to show your customers your personality (more on that later).
Secondly, make sure that your images are optimized for your website. Taking a few unique images of your actual business is a great idea, but be aware that the files that the average camera (or smartphone) produces are far too big for your website, and often lose resolution when being uploaded to cloud storage providers like Google Drive. Making them smaller won’t affect the detail that your customers can see, but does increase your page loading speed dramatically. And that, as we mentioned above, brings benefits in itself.
8. Use well-written headlines
When advertising professionals are training, they spend weeks in lessons on how to craft headlines and meta description examples. That’s because it’s harder than it looks.
The key here is to be as clear as possible. Your headlines should accurately describe the benefit that your company can give to your customers, and stand out from the rest of your text. Ultimately, you should try and put yourself in the shoes of your target audiences, and work out why they have come to your site.
Using well-written headlines also has another advantage: it improves your search ranking. The Google search rank algorithm gives more weight to H1, H2, etc. headlines than your content. If you put the key terms that your customers are searching for in the headline, you are likely to see your search traffic increase and climb the Google page rank.
9. Be consistent
Consistency can be a real problem for pages that have been around for a while. If you have legacy pages on your website from years ago, redesign them. You should aim for the same beautiful design on every page on your site, from your product pages to your contact forms.
There are two problems with inconsistent website layout design. The first is simply that pages that look totally different from each other make your page look cheap because it looks like you can’t be bothered to update your old pages. The second issue is that your users get lost if your pages look different across the various parts of your site and if they don’t know where they are they are going to leave.
10. Check 404s
Part of ensuring consistency across your pages is to check that every link on your site works.
There are a couple of reasons for this. The first is that encountering a 404 error annoys your customers, and makes it look like you are not taking your site seriously enough. Also, having lots of broken links on your site slows down, and it negatively affects your search ranking.
The best web building software now automatically checks for broken links, so you can identify and fix them quickly. There are also plenty of free tools, though: to check if you have any 404s you can set up Google Webmaster tools on your website and check crawl errors.
11. Remove the jargon
Whatever sector you are in, you probably come across jargon in your everyday working life. After hearing the same buzzwords and acronyms for years, it is easy to forget that your customers aren’t as knowledgeable as you when it comes to the details of your industry. Considering this, are you now wondering how to write great content for your website that will grasp and maintain the viewer’s attention?
Great content writing, therefore, aims to remove as much jargon as possible from the website copy. Not only does jargon confuse customers – but it can also actively dissuade them from using your site. Explain your products and services as clearly as possible, and you are sure to be rewarded with loyal, engaged customers.
Jargon is not only a problem when it comes to industry-specific terms. Website content writers can sometimes also catch the bug, and start writing content that is generic and boring. Take a look at your site, and remove words like these: next-generation, flexible, robust, scalable, easy to use, cutting edge, groundbreaking, best-of-breed, mission-critical, innovative. These words are used on thousands of websites and have essentially lost their meaning.
12. Include sharing buttons
If you don’t include opportunities for your visitors to share their experience on your site, you are probably going to miss out on a lot of traffic. Social media shares are one of the most effective ways to promote your website because this traffic is built from the existing visitors to your site.