A good experience for your visitors -website design tips!
Good website design don’t need to be as complicated as it sounds. Even if you use WordPress templates there are some guidelines to bear in mind. You can almost always change things by customizing your template and style. Most templates are created to follow conventions for websites and that is a good thing. I will tell you more about that later on in this post.
To help you get a design that supports usability I will describe 6 guidelines to be taken into account. I have chosen to mention factors that influence the readability and also how to design your page to support users to understand and find things on your website.
Use headlines that guide your readers. The headline should give a hint about the content. It also will be easier for your readers to find what they are trying to find on your website.
Descriptive link names
Descriptive link names are exactly what it sounds like. The links, like the headlines should guide your readers. It’s not fun to click on a link that just says “click here”. It better to say what it’s all about, like “read more in
this post about website usability”.
Most people don’t read the content of a webpage. They scan it. That means they look for words, images or phrases that interest them. If they find out what they are looking for they will probably find out more and stay for a while. I do this all the time. It makes it a lot easier to find what I look for and I can “read” a lot of content in a short time. If the content supports scanning…
Use colors wisely
Colors are wonderful and make us happy, or? When it comes to readability there are some simple rules: light text on dark background or the other way around. You get the highest readability when writing black text on white background. It might sound boring to know that but it will help your readers to read your content!
Page design guidelines
Signs and clues
Use signs and clues to guide your readers in your site. Ensure that it’s obvious what is clickable and what is not. You can find out when you do usability testing. You can compare with a city, where street signs tell you where to go and helps you get your way. It’s the same on a website. Signs should be easy to find and the meaning should be clear. Like “comment here” or “follow future posts” and also that buttons look like buttons (things you can click on) and also that links looks like links. Use categories to help your readers to find relevant content.
Conventions are called that for a reason. When you are using a computer, for example, you expect the keyboard to look in a certain way and the same goes for the mouses and screen. There are conventions for websites too:
- Logo in the upper left corner.
- Titel on the top of the page.
- Navigation (menu) mainly across the top of the page or to the left (or right).
- Content to the right.
- Hamburger icon is often used for menus in mobile sites or apps.
- Here is also clues important: a shopping chart looks like chopping chart. A trash can like a trash can and so on.
- Fields for address and other information, comments and so on looks similar on most sites.
- Buttons should look like buttons and links like links (underscore and often blue).
- Links should change when you hover over them with your mouse pointer.
These are some things I think you should not change, people are used to it and if it’s radically different they might not know what to do and leave your website.
I hope this is helpful for you! Most of the templates have the navigation guidelines in mind. But in some cases you can do a lot of changes, do it wisely and your readers will love it:-)
Do you know more things that are important to have a good design on a website? Please leave a comment below!