7 blog design optimization tips – WAU
Much is said about the content as the main responsible for the success of a blog. In fact, it is one of the pillars, but a good quality design can contribute a lot. It is the design that makes content look attractive to readers. After all, what good is having a great text if it is not well presented […]
Much is said about the content as the main responsible for the success of a blog. In fact, it is one of the pillars, but a good quality design can contribute a lot.
It is the design that makes content look attractive to readers. After all, what good is having a great text if it is not well presented and easy to read?
Good blog design is not one that only delivers a pleasant look, but a simple browsing experience for the public.
And it is not restricted to content only. On the contrary: it is in the layout, colors, fonts, graphic elements, usability and accessibility of a website or blog.
In this article, we’ve selected 7 tips that can optimize your blog’s design so that you can improve the results of your strategy, visitor experience and conversions. Follow!
1. Make good use of color psychology
THE color psychology it is the science that studies the influence of colors on the emotions, reasons and decisions of those who perceive them.
In a blog, the good use of colors is very important to reinforce certain messages or guidelines for the public.
For example: let’s assume that you have launched a new ebook and want to promote it, enthusiastically, on a banner in the middle of a post.
To convey this feeling of vibration, enthusiasm and energy, it is best to use warm colors predominantly in the images, such as orange or red. This would help to align the image to your proposal and thereby provoke the desired reactions in readers.
This combination is very important to not make things more difficult or artificial for the audience.
Another example: a blog that talks about healthy eating and makes little or no use of green can seem strange to visitors. It is a natural association that facilitates the understanding of the values of the brand and the proposal of that website.
2. Don’t overdo the amount of colors and fonts
There are some websites and blogs out there that love to vary in colors and fonts. However, such diversity can confuse the public and hinder the construction of a visual identity.
Regarding colors, it is nice to use a palette with a maximum 5 or 6 colors harmonious with each other and consistent with the company or website logo.
By the way, there are some tools that can suggest ready-made variations for your blog according to the different styles of combination, like the Adobe Color it’s the ColorCode.
The same goes for sources: maintaining a standard will help not to make your blog look messy. Use between 2 or 4 readable fonts so that there is a unity in the transmission of its contents.
It is nice to think, for example, of a type of font for the post titles, one for the texts, one for the menus and, if necessary, one for the sidebar of the blog or for the promotional materials.
Anyway, with both colors and fonts, the best thing to do is to appreciate simplicity. In that case, less is more!
3. Make your publications well scanable
THE scannability is a concept that unites 2 of the main goals of blog design: present a beautiful look and make life easier for the public.
This is because it makes texts visually more interesting and easier to read.
For example: when you break a content into several subtitles, use images in the middle of the post and divide the text into short paragraphs, the reading becomes much more fluid.
The public on the internet has the habit of first “checking out” the text and then deciding whether to read it all or not. So, put more value on that 1st impression of your content.
4. Speed up page loading
As we already said, the design also has to do with the accessibility of the pages. In this regard, there is nothing more important than loading speed.
Slow pages cause frustration for both visitors and website administrators. It is a boring experience for everyone.
But what causes pages to load slowly? Usually, it is heavier images, scripts and code that make a website take longer to open.
To find out exactly what happens on your website or blog, it’s nice to use some tools that measure the weight and speed of pages, such as Pingdom it’s the PageSpeed Insights.
These platforms are good because they point out what is the heaviest pages and what can be improved.
5. Visually highlight CTAs
One of the points where design and usability come together is the issue of CTAs.
The calls to action fulfill the function of guiding the public to perform a desired action, such as subscribing to a newsletter, downloading rich material or buying an offer. Soon, they need to stand out in the layout to get people’s attention.
Ideally, CTAs should have colors that stand out from the background where they are inserted. For example: on a blue banner, a CTA button with a yellow color would stand out visually.
In addition to color, there is the question of positioning on the screen. Depending on the size of the page and the content, it is recommended that CTAs be repeated so that the reader always has them within reach, OK?
6. Improve blog usability
Usability applied to a website or blog is a strategy used to make visitors achieve their goals in a simple and intuitive way.
These goals can be to learn from a content, search for a certain text, contact the company, download an ebook or even buy a product.
In its concept, usability comes very close to design. In fact, one can consider design as one of the tactics to improve the usability of a blog. After all, it is he who will make your pages more functional and beautiful.
The design can improve the navigation and consumption of a website in the following ways:
- adjusting the contrast between the background and the text (facilitates reading);
- decreasing the appearance of pop-ups;
- getting the fonts right;
- facilitating the identification of links (the error, in this case, is to leave everything in the same color as the text);
- visually highlighting the blog’s search field;
- making the blog navigated perfectly on mobile devices (responsive design), among other good practices.
7. Apply CRO techniques
O Conversion Rate Optimization (CRO), as the name suggests, is a set of research, processes, tests and changes in the structure of a website so that it increase your conversion rates.
But what does this have to do with design? The point is that any improvement focused on conversions also tends to provide a better browsing experience for the public.
In practice, the CRO can be applied with segmentation of the blog and its contents and through A / B tests.
These tests can be done with CTA buttons, layout, colors, fonts, images, pop-ups and other elements.
The experiments must be carried out on the main pages of the blog, on the pages of posts and on landing pages.
To deliver an above average user experience, your blog will need more than relevant content. It is necessary to take care of its visual presentation, performance and ease of navigation provided to the public.
The key is align an intuitive and beautiful design, that makes people not think too much to complete an action, with efficient usability. This combination will guarantee more visits, length of stay, conversions and improvements in all important indicators for the blog.
In addition to the content and blog design, it is good to keep an eye on the optimization of posts for search engines.
You will know more about this in our post: “22 fundamental SEO steps to complete before publishing your next post”. Be sure to check it out!