Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Say I wanted to allow users to search on account numbers with the following format. 0000-00-0000

Is is better to have a single field for entry [___________________]

or is it better to create 3 text boxes and have the user enter only the numbers? where the dashes are presented on the page

[___] - [__] - [__]

I already have my own opinion. Which approach is more user friendly?

Also, i want to enhance this with begins with and partial matches in the future.

share|improve this question

migrated from programmers.stackexchange.com May 13 '11 at 17:41

This question came from our site for professional programmers interested in conceptual questions about software development.

add comment

6 Answers 6

Personal opinion: I would say no, you shouldn't seperate it.

Having worked in a job that involved entering account numbers all day long, I can tell you that having to manually press tab between the different bits pissed me off to no end. Having it as a single field would also let people copy/paste it easily.

However, be sure that when you're parsing the input you can understand the dashes (though I'd suggst you not require them).

share|improve this answer
2  
+1 for making the dashes optional –  Ben Hocking May 13 '11 at 17:10
3  
+1 for the copy paste. It would also help of instead of dashes users could type spaces to separate the numbers. The spacebar is more easily reached than a dash... (especially on laptops) –  Marjan Venema May 14 '11 at 9:39
add comment

I like the 3-box approach if and only if you have some javascript jump you to the next textbox when the one you're currently typing in is full.

Caveat: Please, PLEASE, make sure the user can go back and edit an older textbox if they make a mistake in the last number. It's awful when the script "helpfully" jumps you to the next textbox (which it thinks is appropriate, since the one you're editing is already full).

share|improve this answer
5  
The automatic jumping between textboxes is only nice if you don't make a typo. –  Anna Lear May 13 '11 at 15:30
3  
The automatic jumping between textboxes is maddening unless you're a genius who never makes a mistake. –  S.Lott May 13 '11 at 16:32
    
Have you all used the site I'm referring to? LOL! –  Doug Chamberlain May 13 '11 at 16:40
4  
A lot of places do that. It's awful. You make a quick typo, and now you have to fight with the user interface to convince it to let you fix your mistake. And I don't mean one of those "golly gosh this is frustrating" fights. I mean, collateral damage, battle to the death, winner takes all bloodbath. –  Sean Edwards May 13 '11 at 16:44
    
This can be very difficult to implement correctly (with the jumping from one box to the next). One of the rare times I've seen it done correctly is with some game registration screens (I forget which one now), where from the input point of view, all boxes act as one: that is, I can even use the arrow keys to navigate between characters in different boxes as if it were just one long string. –  FrustratedWithFormsDesigner May 13 '11 at 17:35
show 2 more comments

I think 3-box looks better, but single box behaviour is better. So, as long as the three box will allow single-box style editing, then that would be my choice. Otherwise, single box.

share|improve this answer
add comment

I will suggest one single box, and have some Javascript add the dashes when they move the cursor out of the box.

share|improve this answer
add comment

Agree with most people here.

It should be one field, and, ideally, parsed server side to accommodate various formats.

There nothing more annoying than having a form throw a user error because I typed dashes in the phone number field when they are not allowed. Why bother me with that? JUST REMOVE THE DASHES ON THE SERVER $#$*

If you want it to look all nice and pretty, then maybe consider field masking:

http://www.conetrees.com/2009/03/blog/jquery-masked-input-plugin-increase-usability-for-masked-format-input-fields/

share|improve this answer
add comment

How about implementing a single custom text control accepting that specific format. Once you know that the user type n number of letters you can put "-".

HTH

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.