Website design audit
1. Website loading speed
Loading speed is one of the most important indicators of site quality today that affects search engine rankings and conversion.
2. Mobile friendly
In recent years, more and more users are choosing mobile devices to find information, and it is very important to be mobile-friendly.
The site looks nice on a mobile phone, but the Google test shows that it is not mobile-friendly.
Perhaps, the site has some errors. Developers expertise is required.
3. Unambiguity and clarity
Looking at the first screen of the site, the user should immediately understand what the site is about and how it will be useful to him.
Unambiguity and clarity
The first screen should give the user some hints so that they could get the right impression on the website’s content and mission. One of the possible solutions is set out below.
- The navigation is in its usual place and is clear.
- The logo is clickable and leads to the main page.
- The main menu item in which the user is located is highlighted.
- 404 page handler.
- No clickable breadcrumbs.
Create breadcrumbs. This makes it easier for the user to navigate.
- The site has a favicon.
- The site has instant scrolling up on long pages.
- The site header takes up too much usable space.
The height of the website header should be on average from 60 to 120 pixels.
For example, as given below.
- The size of clickable elements is optimal.
5. Uniformity of interface and forms
- Site structure (header, footer, main menu) is the same on all pages.
- The text is contrasting.
- Headings and subheadings break the text into meaningful blocks.
- The text alternates with images.
Break up long text with images, headings, and subheadings.
This will improve the readability of your texts.
- There are no unnecessary elements on the site.
- There is not enough white space on the site.
There should be enough “air” on the website, that is, empty space.
It makes content stand out and allows users to focus on it.
One of the solutions may be the following:
2. Composition and accents
- The accents on the site are placed correctly.
- Elements on the site are contrasting.
- The site uses no more than three colors.
- The text on the button tells about the action that will be performed on click.
- The site is not using the grid correctly.
Use the grid correctly in order to create horizontal harmony and keep your website pages design clean and neat. That’s how it works:
- Indentation values, headings and text sizes are formatted uniformly.
- The text is divided into paragraphs up to 10 lines.
- The optimal size for body text is 16–20 px.
- The string length is about 130 characters long, including spaces.
The recommended line length is 40-80 characters.
- The site uses no more than three fonts.
- The rules of using caps typed text.
Using only uppercase characters makes it difficult to read. Use a larger space between capital letters. A value of 10% is fine.
5. Communication with clients
- A clear and understandable call to action.
We recommend to place main call to action in the header or first screen.
- Simple communication channel.
- All calls to action on the pages are visually noticeable.
- Contact details are easily accessible.
- The calendar of events is not very clear.
We recommend making the days of events more visible. For example, as given below.
- The contacts section is very big and does not fit on the screen.
Make the contacts section more compact and noticeable. E-mail addresses should be interactive. One of the solutions may be the following:
- About us page. This page has the same mistakes.
Align the blocks to the grid. Decrease the line length. Dilute large text with pictures.
Reduce the size of the blocks with profiles, they look gigantic.
For example, as shown below on the right.
- Contact us page.
Align the blocks to the grid. E-mail addresses should be interactive. We recommend the following structure below on the right.
Here are the changes that PieSoft designers team highly recommend you to conduct in order to turn your website into the strongest provider of your company’s vision and mission statement.
First impression first
Since it takes half a blink to make a first impression, it’s very important for the first screen of the website to deliver in short and simple way the idea of:
- What it was created for (quick message to a specific target audience about your mission).
- What the visitor should do (main call(s) to action in the site header / first screen).
- And don’t forget to shrink the header of the site to acceptable size to give your site a facelift, with minimal effort.
Need for speed
Improve your site loading speed rate – and you’d be impressed how many visitors you’ve been losing before.
Breadcrumb not to get lost
The navigation on your website should be improved by adding clickable breadcrumbs to allow the users to keep track and maintain awareness of their location.
Breath of fresh air
Your site needs a fresh, spacious and harmonious environment for your idea to function and communicate successfully. To reach this you need:
- Improve your typography.
- Align site blocks to the grid.
- Add photos and pictures to the text, divide it into meaningful blocks.
- Give more white space to the pages.
Communication is the key
Great, the user has got your message. Now it’s important not to lose track. To this end, redesign the contact section and the calendar of events to make them clearer and more user-friendly.
PieSoft web developers’ expertise may be needed
The website looks great on our UX designer’s mobile device though, responsive testing shows it’s not mobile friendly. We recommend you to consult web developers to avoid further problems.
Not sure whether your website is up to date and user friendly, but not ready to cooperate with us? No problems, Get PieSoft Express UX Audit For Free. That won’t cost you a penny, but may be a priceless advice on how make you website work for you.