This article is for all the WordPress users out there, but the principles can be applied to any other blogging CMS. We are sharing four UI and UX tips for your WordPress themes, which will help you to increase user retention, get more page views and also improve user experience.
These are the tips that we have used and some of them really are golden nuggets. There are a huge number of WordPress sites out there that don’t use any of the tips, and this could be due to a lack of functionality in the themes they are using. Depending on where you got your WordPress theme from, you can get it customised by hiring a WordPress developer or you can ask your theme company to integrate these features
Here are some quick links to help you upgrade your WordPress site:
The first tip is adding a back to top button. Now, as we know, a lot of users actually browse websites on desktop and on mobile. If a user has scrolled on your web page to 50% page depth, and cannot quickly move back to the top, they will leave.
If there is a back to top button, the user can click on it and go to the top and then go to the other pages of the website. This one simple hack actually helps you to keep your users on your website rather than they leave your website.
So if you don’t have a back to top button to add it. There are also WordPress plugins that you can use to add a back to top button if you don’t want to do any development.
This tip will increase the CTR to your main landing pages. Creating a fixed header is a simple but effective tip. When a user starts browsing your website and scrolling down, your header stays fixed on desktop and mobile. This keeps links to your key pages available at all times.
Here’s a great article from WPMUDEV on how to create a fixed header/sticky navigation for WordPress.
Now the third word is fairly simple. It is likely that some of you are using it but not optimising it, and that’s your hamburger menu. That’s a menu button on your mobile. Now in most cases, people have a menu button but when it is clicked, it only opens up as half of the screen size.
But the thing is, when a user is clicking on the menu button, that means they’re looking for more options. So a good idea is if you actually make your hamburger menu and somebody clicks on it, it takes the whole real state of the screen and shows four or five options in a way that people can easily tap and click on it.
Generally, after a blog post, most WordPress themes show the previous and next posts. This is typically the post which was published before or published after the post which they are on.
Instead of showing a previous and next post based on published date, start showing posts based on the category. This increases the relevancy, which is also good for search engine optimisation, and also great from a user perspective.
Users are more likely to click on the link which is related to the topic they are reading. If you can edit your theme to show previous and next posts based on category, it will improve page views.
These 4 WordPress UX tips can add a lot of value to your site. There is certainly a lot more that can be done to improve the user experience beyond these 4 tips, but we consider these to be some of the most easily implemented while still offering strong improvements. you can test and measure these implementations using tools like Google Analytics or Hotjar. In fact, we have an article which will teach you how to use marketing data to drive growth!