WordPress Usability Issues

After moving from s9y to WordPress, I encountered a few usability issues that I’d like to highlight. While WordPress has a very neat color scheme, large letters and in general does quite a good job of keeping everyone happy, there were a few issues that I stumbled across.

  • The “Save” button is only available at the right side of the post. When entering text in a post, the Save/Publish buttons are placed just to the right of the text field where you write your post. This is fine if I only were to save my post and be done with it, but usually I go through several sets of plugins, tags, categories etc. for the post. After doing this, my eyes and focus are on the bottom of the post column, and I have to searching for how I’m going to get my post posted. This still happens after writing several posts in wordpress.

    How about having just a save and publish button that replicates the function in the rightmost column on the bottom too?

  • After logging into the admin interface, the “Right now!” header with “write a page” and “write a post” is in a reddish (dark orange) background. Red should indicate errors, not “start here, do this!” as the current meaning is. I also wrote a post as a page once, as my eyes just read “write a post” for the first button. I’ll admit that that was me, but as I’ve learnt over the years, if I’m having trouble doing stuff, others will have too. “They’ll figure it out” means they never will.

    How about changing the color of the bar, and instead making the “Write a new post” link to a button all by itself?

    The “Write a Page” button could instead be moved beneath the other button to signify lesser importance. (just noticed that in the “create a new post” page, the bold button is to the right, the opposite of the first login page. Inconsistency is never good.)

  • I registered for an account at WordPress.com to receive my Akismet API key. After entering my details, I got a page with really large text telling me what my username and password was. If I were sitting at a computer lab or at work, people three rows behind me could probably see both my password and my username. I know my password, that’s why I’m writing it two times when registering (.. and then it only shows as ****** as usual…).

    Remove the password from the display page, and we nerds won’t be scared.

    (Am I the only one who finds it a bit akward to see their own password in clear text?)

  • When setting up the text on the right side of this blog, I used a simple “Text” widget from the regular wordpress repository. Works great, but it also have a few usability quirks. I entered my text, and clicked “Change”, and went happily along with my usual business. But the text never changed. Turns out there’s a “save” button further down (which was not visible when the Text widget was expanded). Unless you also press save, the text is actually not changed (even though pressing “Change” indicates that it should be changed).

    You already have a “cancel” link in the upper right corner, but that should probably be placed where “remove” is placed now. “Change” and “Cancel” has opposite meanings but work together, so they should be placed close to each other. Now you have two functions (store the post, don’t store the post) which are shown diagonally across from each other, in completely different context.

    Make the “Change” button actually change the text, and if needed, add an undo mode instead.

  • The last issue is an issue I had with the WordPress.org website. Yet again they use red buttons to indicate “download this!” links. While they do stand out neatly, a friend of mine had trouble actually finding the download link. But it’s right there, in the middle of the page with large red letters. But red isn’t a good color to indicate something we want, and it signifies more “HELP HELP EVERYTHING HAS GONE BANANAS!” than “eeyh! i want to start a new and better blogging life!”.

    My problem was something similiar, but I were lucky enough to already have downloaded WordPress. When trying to install the Highlight Source Pro Plugin for WordPress, I couldn’t for the love of <insert your choice of higher power> find the download link. Guess why? It’s placed as a red button, out to the right over the information about the plugin. I think my mind expected to find passive information there, not a download link. I searched the page visually four or five times trying to find a way to download the plugin, but my mind simply wouldn’t get it. I ended up going to the homepage of the plugin and clicking the “download” link there, which simply triggered the download from wordpress.com.

    Add a download-link in the menu at the top about the plugin and add a download button/link at the bottom together with the tags for the plugin.

    (after reading about the plugin, you usually want to download it or move away, the last option you’ll just use your back button for or scroll to the top to find something else on the same site).

I’m by no means an usability expert, but these were just my small annoyances when trying to use WordPress from scratch. I’ve tried it out a couple of times before, but this is the first time I’ve installed the 2.5 branch.