Skip to main content
3 of 8
added 100 characters in body
JeromeR
  • 6.4k
  • 24
  • 36

The first idea failed usability testing

It sounds like we had the same idea as you, and we implemented it. We were looking for a way to force users to search first **without users realizing** that we were forcing the search to occur.

It was bad news.

Let me first tell you the details of our design was, and then tell you why it failed and what we're planning to do to make it more usable.

Our first attempt

As users type in the box, matching names appear in a drop-down list. The drop-down list scrolls if there are more than four matching. The more text the user types in the box, the more exact the matches become in the drop-down list. Clicking an item in the list adds a lozenge to the box. To multi-select, users can click int eh box again, beside the lozenge, type some more, and select another match from the drop-down list.

As you can imagine, typing longer text strings in the box in effect shortens the list of items. The very last item in the list is always an icon with its Add new command link. If there are more than four items in the list, users can't see this command link unless they scroll down.

It's in this detail where the design failed. Users didn't scroll. They didn't discover that the Add new command was at the bottom of the list. It increased support calls. The majority of users of this system are occasional users, so not daily users. They are data-entry clerks. Some of them are unwilling users who enter garbage data so they can "finish" their task and get on with other work. The garbage data must later be cleaned. The users quickly learned—and remember—that they can enter a few character in the box, and see a list of matches. They stop typing as soon as the list of matches appears, so the list is never short enough to reveal the Add new command link. #FAIL

Our second attempt

We relocated the command. It's no longer at the bottom of the drop-down list. It's now to the right of the box, but with a few differences.

Our second attempt, showing sample data

  • The command is now a button with only the icon. The command link's text has moved into the tool tip, which appears on hover. The icon is a circle with a + inside, common on the Windows platform. This icon is appropriate for these users.
  • The command never appears unless the box has focus and the user has typed at least one character.
  • The command doesn't appear in one abrupt snap. It fades in, so it won't trigger an involuntary looming-stimulus response. This is because we don't want the user's brain to flush its short-term memory or to release stress-inducing adrenaline.
  • The command fades out when the box loses focus.

We're about to start testing this Saturday.

We really want the user to click in the box and start typing, so we can look for existing matches before they create a new entry.

JeromeR
  • 6.4k
  • 24
  • 36