Archive for the 'Usability' Category

Searching for the perfect admin tool

Writing web applications for almost 10 years, I can’t count how many admin tools I’ve written. Having worked on so many, I’ve developed a programming pattern for creating them. However almost every time I make a new one, I find myself trying a new layout and navigation style.

Frequently I look at GoPlan, Basecamp and Wordpress (3 tools I also use quite often) and notice how similar their layouts are. Is this because they are doing the right thing? Or is it because they are lazy and copied each other? Should I be modeling my admin tool layouts like theirs? As a developer, I don’t have as much time to think about those things. I’m too busy making the tool work.

I am curious why so much time is spent by designers creating the front-end of a web site, but it’s usually up to the developers to create the layout for the admin tool. The usability and design of admin tool should be just as important as the public facing web site. An admin tool should be a continuation of the site look and feel, but in my experience it looks like a completely different site.

Some people say I have fairly good design sensibility. However I am not as good as a lot of designers who do it full time. This probably applies to most web developers. So next time you’re involved in creating a web site with an admin tool, consider asking the designer for at least a simple layout and style guide for the admin. They don’t have to create a design for every page, just a mockup of a sample layout that shows all types of form fields with labels, typography treatment and a navigation system. It will make a developers life much easier.

What is your experience as either a user or developer of an admin tool? What works and what doesn’t?

How Not to Make Web Forms: Country Dropdowns

I’m kind of a nerd when it comes to HTML forms. I love creating them and coming up with ways to organize them that make it easy to use. But I consistently come across a lot of forms during checkout processes, or signing up for a service, that do things that don’t make much sense to me, and annoy the hell out of me.

One common thing I see is bad usability in dropdown lists of countries. Today I bought tickets to the Rilo Kiley show at the Crystal Ballroom from TicketsWest.com. I didn’t have an account so I had to create one. I filled out my shipping information and when I got to the country selection, I was presented with this:

Bad Country Dropdown

Why do I have to scroll all the way down to select United States when there’s a 99% chance I’m probably FROM the US and ordering tickets? It’s really frustrating to have to hunt for my country in a huge list.

Solution: Group most likely countries at the top

Chances are someone from the US or Canada are ordering tickets to a concert in the US, not someone from Armenia or Algeria. So put the most common countries at the top of the list, then separate them with a visual indicator. Get rid of ‘Select One’, since it’s a really good bet your customer is in the US (or the country your site is most popular in). Also, be sure to leave the countries in the list as well, in case someone is used to having to scroll and find their country.

Better Country Dropdown list

Little tweaks like this to forms will not only make your users happy, but it leaves less room for abandoned purchases. The easier you make it for your users to buy, the more likely they will follow through. Every little bit helps.

What do you think? What are other usability issues you see when you fill out forms?