4 Top User Experience Tips for Improving Your WordPress Website

When it comes to creating a popular (and profitable) website, your primary focus should always be on the user experience.

That should go without saying, and yet so many webmasters seem to ignore what I consider to be the golden rule of website creation. With the greatest of respect, if you’re not putting your users first, you’re crazy.

And that leads me to the topic of this post: the myriad ways in which you can improve the user experience on your WordPress website. I am going to address some specific common mistakes made by many webmasters (and WordPress users in particular) and show you what you should be doing in order to encourage people to return to your site again and again.

The Basics

First of all, let’s talk about the three things you need to get right in order to create beautiful user experience:

  1. Design
  2. Usability
  3. Content

If you have a beautiful-looking site that is easy to navigate and features great content, you’re golden. All you need to do then is focus on a stellar marketing campaign (but that’s a whole other topic for another time). While listing the above three requirements is simple enough, executing them in practice is another story altogether.

The following actionable tips all focus upon design, usability and content. If you take nothing else from this post, recognize that your focus should always be on those three things when it comes to designing, maintaining, optimizing and updating your WordPress website.

Alright — let’s get down to it!

1. Make Your Design Clean and Simple

Bad web designers are often more concerned with creating something that’s pretty rather than functional. The fallacy of this approach is profound — a visitor almost always prefers function over form. When designing a website, the main question you should always return to is, “Will my site confuse visitors?”

Unique and intriguing designs may win awards, but by their very nature are typically a usability nightmare. Why? Because people like predictability. They expect to see certain elements in certain places, and when they don’t, they get confused and frustrated. Then they leave.

There is absolutely nothing wrong with a standard blog layout (a header, followed by the main content and a sidebar, followed by the footer). And in reality there is a lot you can do with standard layouts to make them striking. Think Traffic is one of my favorite example:

Think Traffic

A full-width design with bold colors and beautiful typography. Clean and simple, yet striking and beautiful. It represents great balance between form and function. It’s exactly what you should be looking for.

2. Make Navigation Easy and Obvious

Navigating through your site should be absolutely effortless for the end user. They should be presented with one or more navigational elements that makes it easy to find what they are looking for. I recommend one or more of the following:

  • A navigation bar (practically essential)
  • A categories list in your sidebar
  • A search box in the sidebar
  • An Archives page
  • Breadcrumbs

Use WordPress’ powerful Custom Menus feature (Appearance > Menus in your sidebar) to arrange and name key pages, just like Pat does over at Smart Passive Income:

Smart Passive Income

I recommend the free Relevanssi plugin for search. As for an Archives page, I suggest that you follow the format I have on my blog, Leaving Work Behind:

Leaving Work Behind

I give the user the opportunity to browse my site via date, category and tag. Of course, presenting options like this is only helpful to the end user if you categorize and tag your content effectively.

Finally, breadcrumbs are a great way for visitors to see where they are on your site and immediately find their bearings. I use breadcrumbs in my P90X Journal blog:

P90X Journal

Integrating breadcrumbs within your site is easy — just use the Internal Links feature included in WordPress SEO by Yoast (my favorite SEO plugin by a distance).

The common theme running throughout the above examples is ease of navigation. A lot of people will leave a site after seeing just one page. Your job is to give them an easy option to continue exploring. Effective navigation helps you to do that.

3. Give Them a Place to Start

Unless you have a post that goes hugely viral (and even then), you’re likely to find that your homepage is by far the most visited page on your site. The reason for that is twofold:

  • It is an obvious entry point and will be linked to from other sites more often than any other page.
  • It is the obvious next step for people to click on when they first visit your site through any page.

Therefore, you can increase the user experience drastically by giving new visitors a helping hand in terms of demonstrating how your site can benefit them. I recommend that you do this in two ways.

The first is a feature box. This should be displayed prominently at the top of your site and give the visitor an instant idea of what you have to offer. It can also serve as a high-converting opt-in form, like Derek Halpern’s does over at Social Triggers:

Social Triggers

With an well put together feature box in place no visitor will be left confused as to what your site has to offer. When compared to a linear home page that just features the most recent blog posts and similar elements, it is a huge improvement in terms of the user experience.

The second thing I would recommend is a Start Here page. The purpose of this page is simple — to clearly outline the benefits of your site and give people actionable next steps in order to progress. I use a Start Here page on Leaving Work Behind:

Leaving Work Behind Start Here Page

Like the feature box, you can use a Start Here page to achieve a double whammy effect: get people more engaged with your blog and send them to the pages on your site that are most likely to result in a conversion and/or sale.

4. Make Your Content Look Good

Us web folk are a pretty fickle bunch — we’ll often value content more highly when it made to look better. I personally realized the effects of this just recently when an old article of mine was syndicated in an iOS magazine. It went from looking like this:

Leaving Work Behind Post

To this:

Magazine Article

I felt compelled to re-read the article that I had written purely on the basis that it looked more interesting.

There are two ways in which you can make your content more engaging for the user (beyond actually writing better content):

  1. Design, typography, etc.
  2. Formatting

WPExplorer is a great example of how typography can be used to provide variety and interest to plain text, with its orange headers and easy-to-read sans serif font. In terms of formatting, that’s up to you on a post-by-post basis. Consider the following:

  • Short Words, Short Sentences and Short Paragraphs: make it easy on the reader.
  • Sub Headers: use liberally and make them descriptive.
  • Bold: highlight key passages.
  • Italics: emphasise certain words.
  • Images: use liberally to add color and variety.
  • Other Graphical Elements: use lists, tables, blockquotes, and anything else that will add a little spice to your content.

Creating compelling content is not just about the content itself — it’s about how you present that content and make it seem more compelling.

What Next?

If you nail the above concepts then you’ll be well on your way to having a thoroughly engaging website. But although I have included above what I consider to be the most important considerations for a positive user experience, there are a huge number of things I have not covered.

With that in mind, I would love to read your suggestions in the comments section below. What other measures do you think webmasters should take in order to create the best possible user experience for their visitors? Let me know!

  • Updated on:
  • Posted Under: Tips
Tom Ewer
Post Author: Tom Ewer

Tom Ewer is a professional blogger, longtime WordPress enthusiast and the founder of WordCandy.

Disclosure
Got something to say? Join the discussion.
  1. Good points. I've tried so many times to try and nudge other site owners I know to hire me to spruce their site up because they were following none of the guidelines you just listed. To be honest their sites are 'janky'. Maybe sharing your tips followed by a little self promotion to help is in order. Thanks for the inspiration.
  2. L. Peach says:
    How did you create your Archives page?
    • Tom Ewer says:
      Tom Ewer
      I created a custom template. The date archives are manually created (i.e. just hyperlinks), and I used the following two PHP functions for the categories and tags: Then I just used CSS to style them appropriately!
      Author
      • Tom Ewer says:
        Tom Ewer
        I'll try that again! Wrap the following in PHP tags: wp_list_categories( 'title_li=&hierarchical=0&show_count=0' ); wp_tag_cloud();
        Author
  3. Mathew Porter says:
    The emphasis on ease of navigation for user is always greatly overlooked and I would second that as a very key aspect for any site... Get users to the content they want, as fast as possible.
  4. That is come amazing resource to look forward to. I have been wanting to do podcasting for my own blog but need some help with the resources required to do one. I will be glad if you can help in that matter. This information is rocking .. thanks for that. Sneha
  5. kata kata galau says:
    post is very useful for many people, especially for beginners who are still dear,, I am very happy to visit this blog.
  6. Thanks Kata!!
  7. Deepak Gupta says:
    Thanks Tom for this post! It was helpful for me to build my site design more user friendly!

Leave a Reply

Your email address will not be published. Required fields are marked *