Simple Usability Improvements for your WordPress Theme

Published: | 1 Comment

Me presenting at WordPress London

Me presenting at WordPress London

On 19th June 2013 I gave a presentation to the WordPress London Meetup Group entitled Simple Usability Improvements for your WordPress Theme. It was not one of my more common presentations about web accessibility, although there is of course a large overlap between usability and accessibility (see Accessibility vs Usability).

My aim with this presentation was to encourage thought about how small changes to websites can make navigating around a website so much easier for site visitors – something that could of course make a difference between visitors staying (and buying) or visitors leaving.

I demonstrated a series of small code changes that can be made to WordPress theme files, and also mentioned a couple of useful plugins that I use on my own website, and on the websites I’ve built for my clients.

The presentation slides can be found in the Coolfields Slideshare area.

Search Results Improvements

Search results showing number of items and highlighting.

Search results showing number of items and highlighting.

The first section covered some ideas for giving site visitors improved feedback about any search that they carry out on a WordPress site. Firstly I felt it was useful to tell visitors how many results came back as a result of their search – something that features in very few themes – and I showed the code changes required for that. I use this on the Coolfields Consulting website if you wanted to try a search.

After that I introduced a search plugin called Relevanssi that I regularly use. The plugin aims to improve upon the default WordPress search facility, firstly ordering the search results by relevance instead of just chronologically. The plugin has many, many options including a method for highlighting the search term within the excerpts of the results shown – something I think visitors find really useful. I use this plugin on the Coolfields website and on all websites I build for clients.

Customising Post Type Display

My next section covered some ideas for varying the output on search results and archive (category, date, etc) pages depending on the post type. This is especially useful on sites where there are many different post types – eg Events, Articles, Jobs, etc. It can help site visitors understand more about the item in a list without having to actually visit that item.

The techniques can be taken further to decide whether to present the published date, author, categories etc – as sometimes these are not relevant. For example, a published date makes sense for a News Item but not for an About Us page. I also showed ways of making the Read More links more meaningful – a useful accessibility feature too.

Pagination

Pagination numbers

Pagination numbers

In this section I talked about moving beyond the Older Posts/Newer Posts links found on the blog index, archive and search pages within many Word Press sites. The aim here was to create numbered links to each of the results pages within a list – something that also tells a visitor how many pages of results there are.

There are a couple of plugins that do paging, but if you need some more customisation then you may need to create your own functionality.

I demonstrated how two lesser known WordPress variables can be used to build a function to do this that can be used across your whole site.

Summary

So these are just a few ideas for small tweaks to improve usability. Of course, there are many others.

If you’ve got a suggestion that you think would make a difference why not tell us about in the Comments section below.

It’s on YouTube

The presentation was recorded and it’s available on the WordPress London YouTube channel. (Unfortunately there are no captions as yet).

The presentation slides are also on Slideshare.

Some other Usability posts

Share this page (Links open new windows/tabs)

  • Share this page on LinkedIn (opens new window)
  • Share this page on Delicious (opens new window)
  • Share this page on Digg (opens new window)
  • Share this page on Posterous (opens new window)
  • Share this page on Reddit (opens new window)

One Response to “Simple Usability Improvements for your WordPress Theme”

  1. From: July 7, 2013: Weekly Roundup of Web Design and Development Resources on July 7th, 2013 at 9:37 pm

    […] Simple Usability Improvements for Your WordPress Theme: Graham Armfield’s presentation at the WordPress London Meetup group focused on small ways to improve search results pages, customize post type display, pagination and more. […]

Like to leave a comment?

Please note: All comments are moderated before they will appear on this site.





Previous post:

Next post: