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.

I have a web page with an autocomplete enabled combo textbox/dropdown. The user is able to enter values manually or pick a value from the list. While free text input is acceptable, I would like to visually warn the user that the data they have manually entered does not match a value in the list.

For reasons related to page layout I would like to avoid displaying anything on the page itself - the warning must be something that floats around. That being said, there are a few specific questions that I have:

  • Where should the warning message appear? Above the textbox? Below?
  • What should the warning message say? "The data you have entered does not match any listed values"?
  • Should the warning message disappear on it's own after X seconds, or should the user have to click it?
share|improve this question

1 Answer 1

up vote 11 down vote accepted

The way I read it the free input will filter a list dynamically as the user types. In the case that a user enters something that doesn't match any of the items that are being filtered then the appropriate place to notify of this is where the user currently has their focus, namely where the filtered results are listed.

Simply switch out the list of possible autocomplete results for a label explaining that the current input doesn't match any item. That way the user will be notified of this right away, without moving focus from the filter control, in contrast to popping up a message on the side/top/bottom outside the control which will force the user to switch focus.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

share|improve this answer
    
What about if the user were to type "Ban" (which does not match any values) and then blur away from the box? This is also a situation of free text where I'd want to warn the user. –  jbabey Jan 7 '13 at 14:37
1  
@Mervin thanks for the input! I see what you mean. However, personally I believe "exactly matches" would be redundant, since "matches" and "exactly matches" basically entails the same semantic. It's like something is "dead" or "extremely dead" –  AndroidHustle Jan 7 '13 at 15:04
1  
+1, just a question: how do you "blur away" and what is a "blur" listener? (Hoping to learn something new again today) –  Marjan Venema Jan 7 '13 at 20:10
1  
@AndroidHustle i've used something similar to your two examples. thank you for the inspiration! –  jbabey Jan 8 '13 at 2:23
1  
Thanks guys (and @jbabey also for the link, studying...) –  Marjan Venema Jan 8 '13 at 6:59

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.