When I tap on the result, there is invariably something else at the tap location
What's the terminology for this? Flash of ephemeral search result?
Are there any good ways of avoiding this problem?
Seemingly they missed the lesson web developers learned ten years ago that you can't change content that the user is currently looking at without any interaction done, unless that's to be expected from the user.
But auto-loading items in a list is somehow still difficult for these companies to get right. Once you're done typing your query in the window's start menu, apple's "quick launcher thing" or twitter's search widget, it takes X seconds for the query to actually finish, so while you're hovering the menu, it changes content from underneath and the thing you wanted to click on, has been switched to something else.
I'm starting to wonder if this is on purpose, as seemingly no one is getting this right, but I don't understand what metric they are optimizing for (incorrectly) to believing that this behavior is correct.
I think it’a more realistic to say that there has to be some latency bound in any user interaction. Clearly the result of any action is not instantaneous. Search boxes are tricky because the user isn’t sure what side effect typing an additional character will have - it could not refine the search or get a whole new set of results. If it’s not indicated to the user when the operation completes, then they can assume the former and then click at a bad time.
Did web developers learn this lesson? Because I still see this literally every day on the web.
People click on it, thus metrics tell that users like it, when they changed user interaction went down, so they kept it ... almost sounds plausible.
I type the first letter. Firefox displays 10 options. I think they are bookmarks and recent google searches containing the letter. The ordering kinda corresponds to how recently or how often I used them, but it is not exactly that, for example the link I choose almost always somehow remains at the 2nd place. Whatever.
I type the second letter. Again, Firefox displays 10 options, bookmarks and recent google searches that contain the substring. At that moment, the link I want to click is quite often displayed somewhere. So I move my mouse...
...but a fraction of second later, Firefox loads "things it thinks I might want to search" (probably popular search results by other people that start with those two letters I typed) and inserts them into positions 2 - 5, moving the other search results below them...
...and just as I am pressing my mouse button, the link below my mouse cursor is replaced by google search for something completely irrelevant.
Aaaaargh!
(I wonder whether it is an accident, or on purpose, that the most frequently used link goes to the 2nd place, not the 1st one, so it gets replaced by an irrelevant google search. I suspect it probably increases some metric somewhere, and is probably interpreted as a good thing.)
1. Have very close to 0 latency. Clearly not always doable.
2. When in the process of searching, indicate to the user that the results aren’t fresh and new ones are coming - grey out the current options for instance.
3. Analyze how long the new results have been shown for and treat very short durations differently. If the new results have been up for 2ms, it’s not possible for that to be your desired intention.
Apparently it seems like one of those "can't believe it's 2020 and we can't solve X" types of problems
Graying out the results while the new one are coming can also be annoying: if the result that I am looking for is here and the new results are slow to come, I would be frustrated to be unable to click on it.
The whole situation is annoying but I don't know of a good solution and therefore I can't blame people who don't get this right.
It is more specifically about parts of the UI moving rather than disappearing and being replaced with something else. But the idea is the same.
Search: abc Results: abcdef, abcxyz
Then I type d
Results: abcxyz
How did typing more of the top result make it less likely I wanted the top result?
My name is Stephen. My username in my company JIRA is `stephen`. It is simply not possible for coworkers to reference my own name in many fields due to autocomplete behavior. Every other employee named Stephen (or user with `stephen` prefixing their username) is presented, but mine is unavailable.
Until then it should be solved at application level.
I guess you could do something like a css property to turn it off or on
I thought it was always me and I was being too cynical but on mobile web, half of the times, I am scrolling and stop to click on media/link in the tweet and freaking add shows up and I end up clicking on that. May be it's just my device but annoying as hell UX.
https://mobile.twitter.com/search?q=
works without Javascript