19
votes
Is missing match in autocomplete feature counter-intuitive?
Yes! It is counter-intuitive; which is why any website that allows user names with single character should begin the check from first letter a user types.
It's similar to what Twitter does:
=======...
- 16.3k
12
votes
Accepted
Is missing match in autocomplete feature counter-intuitive?
Search from first letter.
If, for some reason, you can't load all results, you can just show your user that there are more. Something like this:
download bmml source – Wireframes created with ...
- 243
10
votes
Accepted
Address Autocomplete - Shouldn't city come before street?
Completing the city/postal code first would allow your UI to propose a narrower selection but, in your context, this would go against the user's mental model of how an address works.
Even in a world ...
- 3,491
9
votes
Is missing match in autocomplete feature counter-intuitive?
Do not change the functionality for different types of inputs if the person who inputs the data is the same. This will confuse the user.
The difference is that for Google search you show only top n
...
- 3,145
9
votes
Accepted
Select from a dropdown (or autocomplete) or add new item in same create / edit view
Here’s a good working example of an integrated “creatable” select list with Jed Watson’s react-select component.
You can select from an existing set of options, search them with autocomplete. If you ...
- 136
7
votes
Do users use their arrow keys to cycle through auto complete search results?
Is there evidence that it's worth enabling keyboard functionality?
Yes. It's called Web Content Accessibility Guidelines (WCAG) 2.1.
WCAG 2.1 Success Criteria 2.1.1 states:
2.1.1 Keyboard: All ...
JonW♦
- 37.6k
4
votes
Ideas for A-Z pickers
Search course through input text box with predictive search is the best idea I feel.
Let's say there is a course with the title "macro-economics for financial markets module". Students can search it ...
3
votes
Address Autocomplete - Shouldn't city come before street?
Yes, you can change the order of address fields on forms to improve completion. Many services on Brazil have done it and people adapted just fine.
The following picture illustrates the address form ...
- 395
3
votes
Are there any alternatives to using an asterisk (*) to indicate optional fields inside a form?
If you want to show to the user that a certain field is mandatory (not optional, must be filled in), go with the asterisk (*) at the end or beginning of the label. Consider using a prominent color (...
- 3,741
2
votes
Is missing match in autocomplete feature counter-intuitive?
I think your solution of matching only on long user names is trying to fix the performance issue of too many results from the wrong end.
What I'd instead suggest is that you limit the number of ...
- 1,977
2
votes
Is it a good practice to keep autocomplete on in login form?
Honestly it probably depends on how secure you want to be - it will definitely be a tradeoff. I have noticed that banks and other money related services usually don't have it enabled.
I would say ...
- 316
2
votes
Accepted
City selector with free text
If you can't deliver autopopulated results outside of Belgium, you can scope the search functionality, or be explicit in what's populating.
I hope I understand the question. This seems a matter of ...
- 25k
2
votes
Accepted
What are the best UX practices to show that an autocomplete data for an input field in a form is loading?
Limit the number of possible completions to relatively short list, 5 to 10, depending on your device and screen size.
Give user the possibility to pick them by mouse, by keyboard, by tapping. For ...
- 795
2
votes
Are there any alternatives to using an asterisk (*) to indicate optional fields inside a form?
An asterisk is a reasonable solution, as long as you explain what the asterisk means first. It sounds like you are using it to idenfify optional fields (which is fine) but other people might use it to ...
- 14.5k
2
votes
Is there an alternative design pattern for the autocomplete UI interaction
Without really knowing more about the specific use-case, consider your data.
Good UX is all about providing the clearest and simplest way to get the minimum data required to do the job to the user's ...
- 201
2
votes
How to use input fields that automatically get a value while filling in the form?
In my experience, I've seen forms like this where the discount is another added line item (as if it were another product). So the product would say "Discount" and the price would be some negative ...
- 656
2
votes
Accepted
Search autocomplete with static and remote data
A lag of 100-150ms is perfectly acceptable and may also help your application to be maintained more easily.
Per the respected UX research group, Nielsen Norman Group:
The 3 response-time limits are ...
- 19.6k
2
votes
Accepted
Combining a drop-down with autocomplete and search
This is where a proper label helps. In your example, you have no labels above to indicate what you're asking the user to select.
You're correct in that this is a common UI control. You have a couple ...
- 25k
2
votes
Accepted
Creating user friendly autocomplete inputs for mobile devices
Any feedback/suggestion on this approach?
You're doing absolutely great!
Using the space
Removing the clutters
Focusing on the task (input in this case)
User should feel a good experience there
...
- 285
2
votes
Autocomplete in a nested list when child is matched but parent is not
I don't think it's a bad solution, maybe a bit confusing.
The problem is to differentiate a syllable or word between two possible states. To do this you use three typographical variations:
Color (...
- 20.4k
2
votes
How to allow incrementing of multi-select options?
In case it's helpful for others, the pattern I went for in the end was slightly different in that I added a select picker to each individual row.
An Add vehicle button adds additional rows:
Rows can ...
- 23
1
vote
Address Autocomplete - Shouldn't city come before street?
Filling out an entire address form in reverse order will likely be confusing for the user. So I suggest to break it down: first, the user only sees the input field for the zipcode and city. This could ...
- 1,569
1
vote
Accepted
How to best combine browser and custom autocomplete functionalities?
It depends on your form and its purpose. For a case like gumtree, autocomplete may be an interesting proposition. For a real estate listing or travel website, less so, as people may be looking ...
- 3,491
1
vote
Accepted
Auto-complete / @-mentions: when to trigger?
If you only start showing results after the first character is typed, you'll want to either recognize similar characters, accented vs un-accented characters, etc, or make sure all names start with ...
- 126
1
vote
Search Behavior Best Practices for "type ahead" and "near matches'
I've worked on lots of search engine solutions and there's a few broad types of search as you describe.
A user will have a particular object in mind; they will use abbreviations for a thing; they may ...
- 8,270
1
vote
How to do address autocomplete right?
This is more technical question than UX.
First you need to draw a bold line between technical implementation (Google maps API) and desired UX (suggest addresses nicely)
When you do that, thing will ...
- 1,394
1
vote
Is it an issue to replicate browser autocomplete styling to represent mandatory fields?
It will become a problem when a user clicks on autofill and all of a sudden a lot of the fields will appear mandatory, which may causes confusion. Also, if I see this yellow in form fields, I ...
- 111
1
vote
Is it an issue to replicate browser autocomplete styling to represent mandatory fields?
Is it an issue to use the same styling to indicate our mandatory field?
Yes it is, you should never use the same styling because users might expect something to happen while something completely ...
- 10.8k
1
vote
Search or Ask on the main search component of the site
What if the user does not to have to decide if it is a search or a question. The user only wants an answer.
This would mean:
Hint text in search field "search or ask question"
on enter (or click on ...
- 3,445
Only top scored, non community-wiki answers of a minimum length are eligible