Oops...
If you want to use the PHP function "add_revslider" in your code please make sure to activate "Include RevSlider libraries globally" and/or add the current page to the "Pages to include RevSlider libraries" option in the "Global Settings" of Slider Revolution.
scolling atom

Designing a webpage for your website may seem simple, but there are a lot of basic design and content mistakes that are easy to make and equally easy to avoided. I have spent many years as a website designer creating SEO websites and undertaking web marketing for clients in both Sheffield and around the country. And during that time, I have come across the same mistakes made again and again by people creating a webpage.

So, to help you avoid these simple mistakes and create a webpage that is easy to read and pleasing to the eye, I have created a list of my top web content and design mistakes that can easily be avoided.

Or, if you’d rather use a sheffield-based web designer and SEO expert to do the hard work for you, just get in contact.

Web
Content
Mistakes

Large blocks of content

It’s easier for your user to read information on a webpage if it’s separated into smaller blocks of information, rather than a big wall of text. A good way to separate text blocks on a webpage is to use colour backgrounds – this makes the content immediately clearer and less overwhelming. Another good way to separate content on a webpage is by using images, key phrases or pullout quotes.

Uneven spacing

Make sure the spacing around each text blocks is the same, otherwise the webpage looks messy and uneven. It may also lead to the website user not viewing each content block in the same way, seeing some content blocks on the webpage as more important than others.

Narrow Columns

Do not put lots of text into narrow columns on your webpage. It is hard to read and makes the webpage look too text heavy. Even if you have lots of content you want to squeeze onto a webpage, it’s better to use wider columns, as they are easier to read.

Centered text

Don’t overdo the use of centered text when designing your webpage. It works well on small items, such as headings. But in larger blocks it is hard navigate through for the user. The eye automatically reads a page from left to right, so finds content left aligned much easier to digest.

Different fonts and designs

When designing your webpage don’t use lots of different fonts or design styles. Lots of different fonts are hard to read and makes your website look unprofessional. Pick one font style and stick to it, just using variations of this font to emphasis items, such a bold or italic.

Web
Design
Mistakes

Small colour blocks

Using a colour block is a great way to emphasie something on your webpage. But avoid using it on too small items, such as headings or quotes. It just isn’t good web design practice, as it doesn’t look good or professional. Instead, use a bold to emphasis a small point and colour block for the header and content block, marrying it all together as one.

Placing text over a detailed image

It is not advisable in webpage design to put text over the top of a detailed part of an image, such as a face or a landscape scene. It not only obscures the image but make the text unreadable. If you want to put content over an image, find a plain section of the shot, such as the sky or a path, and place the text there. That way it can be easily read and doesn’t ruin the image.

Incorrect headlines sizes & spacing

Make sure that the headers and subheads are correctly sized, to make clear which is the most important subject on the webpage. If a subhead is bigger than the header, the user’s eye will be drawn there first, confusing the meaning of the webpage.

If using a long-worded header, do not make the font too large when designing your webpage. This makes it harder to read. But also, as above, do not make it smaller than the subheads. It is ok to make them the same sizes, as the user’s eye will be drawn to them equally.

It is also important that the headline is positioned closer to the paragraph it relates to, than the previous paragraph. Make sure the gap is two to three times bigger between the previous paragraph than the following one when designing your webpage.

Recent Posts