In our app we allow users to select multiple items to search for data on. We also allow users to search this list of items as it can be quite long.
So for example the main purpose of a page is to list people's pets, but you can search based on species. So select dog, cat, rabbit...etc. We allow you to select more than 1 species at a time and when selecting we allow you to search the list of species. This looks something like this:
When you tap on an option a tick appears on the right to show you have selected it. If you tap the item again the tick is removed.
When you have finished making your selections you tap "Done" in the top right and return to the previous screen with the filters applied.
You are able to search this list for ease of finding a specific item, but you still have to tap it to select it. As you type in the search box the list is filtered instantly.
In this example the user has searched for Elephant, only 1 item is returned. All previous selections are still in place, but they have not tapped on Elephant to select it yet.
We have had feedback that users see this screen, assume that as only 1 item is appearing that if they tap "Done" they expect "Elephant" and only "Elephant" to be selected and searched for. Even though it does not have a tick, and they have not tapped it.
Is there any way we can redesign this so that it is more obvious to the user how this search, filter and select works?