Leave a comment


napsersissini said on June 5th, 2009 at 12:00 am :

Hi, Congratulations to the site owner for this marvelous work you’ve done. It has lots of useful and interesting data.

Jun 4, 2009 | Radio button UI

An online banking security prompt asks me whether or not the computer I’m using is a public computer or not:

Radio button select

Problem: Even though there is a lot of text associated with each radio button, I have to navigate to the button itself each time to select one or the other option (frustratingly, the site assumes that whenever I connect I want it to think I’m on a private computer, which is never always the case).

Resolution: use labels and ids, as follows:

Compare this to the rather less convenient

You have to click on the radio button to select this one
Likewise for this radio button

Identified problems: using a table structure with cells breaks the label’s power to associate the button with the text.

Also written on this day..

This entry was posted on Thursday, June 4th, 2009 at 11:01 am, EST under the category of Coding, User Interface. You can leave a response, or trackback from your own site.