-
- December 19th, 2007
- 4 Comments »
- Design
Usability review #4: Simplygoogle
#4 on the free review list is SimplyGoogle a utility page, exploding out many of the google options onto a single page. Since there aren’t that many user tasks here, there wasn’t much to work with. The core problem with the page is layout – it’s an endless series of command buttons running down the middle of the page.
The easy remedy is the ever handy radio button: as a rule of thumb, if you can get away with one command button instead of ten, you’re making an improvement. You get tons of real estate back, and it’s easier to scan the list of options.
Before:
After:
4 Responses
- Maxim Soloviev - December 20, 2007 at 1:59 pm #
-
Why do you have aligned labels for radio buttons (Web, Groups etc.) to the right?
Isnt it quite harder to associate radio button with text if they are aligned to the right?
- Scott - December 20, 2007 at 4:20 pm #
-
Krishna: That’s not quite a fair comparison. In the “before”, you have to select the correct edit box to type into.
But you are right: My design assumes that selecting a radio button is an easier task than selecting an edit box. Two reasons:
1) It saves space. By switching to radio buttons they all fit on one screen, in about 10 lines and are easier to scan.
2) Radio buttons are designed for selecting one from many – that’s the single reason radio buttons exist in any UI system anywhere (Macintosh/X-Windows/etc). A long list of edit boxes doesn’t make as clear how the UI is supposed to work as a simple use of radio buttons does.
SCOTT'S NEW BOOK
A provocative collection of behind-the-scenes tales from the life of a successful public speaker, bestselling business author Scott Berkun offers a unique insider's take on what public speakers do, how they do it, and how anyone can do it well. Book Details
OTHER BESTSELLERS
Don't miss anything - Free Newsletter
Receive short, near-monthly emails with new essays, most popular posts, and occasional big announcements. Not cheezy - it's good, funny and concise. (privacy policy here)
In the “before” picture, you just type in the value and hit Search.
In the “after” picture, you have to also perform the action of selecting a radio button, which means leaving your keyboard and using a mouse.
How is usability improved?