Mobile web search results flicker while updating and typing in the entire query.
Assumption - User has typed some query and some results are showing below the searchbar
Next steps- User types in more characters > we request for results > we don't hide the current results > If new results take more than 2s on client side we show the spinner as in the mocks > ELSE we update the results without any spinner
the results can be tapped on in the 2s gap.
This is a minor change to current behavior and we would like to see how it improves the experience. if we see value in it we can invest more time.
- When a search request is sent:
- The results are not removed
- The results are tappable
- If the request takes more than 2s to resolve:
- A spinner is shown
- Spinner background has opacity
- When the search request resolves:
- The results are replaced
- If a spinner was shown, it is hidden
Suggested testing, RTL+LTR, portrait+landscape:
- Android 2.3 Browser phone form factor
- Android 4.x or higher Chrome phone form factor
- Android 4.x or higher Chrome tablet form factor
- iOS 9.3 iPhone Safari
- iOS 9.3 iPad Safari
- Opera Mini non-compressed (not extreme mode) Android 4.x or higher phone form factor
- Opera Mini compressed ("Opera Mini" mode on iOS, "Extreme" mode on Android, inbuilt functionality on older devices like J2ME Opera Mini)
- UC browser (not mini with compression) Android 4.x or higher phone form factor
- UC Mini (with compression) Android 4.x or higher phone form factor
- Windows 7.5+ Phone IE
- Desktop Firefox
- Desktop Chrome
- Desktop Safari
- Internet Explorer 11
From old description
We show the spinner all the time and update the full result for every change (it goes white and then paint the result). It makes the experience bumpy. Compare what the search looks like on the iOS app, where we update the rows that change (and no spinner):
We should for having the same experience on mobile web as on the iOS app.
we can't have the same experience because ios app assumes good internet connection. we can't assume that on web.