2

I am working on an app where one of the actions a user can do is search for something and get presented with a list of all possible matches.

I am trying to wrap my head around how to make sure the user is aware that there are more items in the list than currently shown on the screen.

I thought about 2 things I could do:

  • Leave it as is and don't make users dumber than they are
  • Between the input field and the list beginning, add a text describing how many results are found.

Here is how the app looks now:

App

  • Is the search triggered on each keypress or does the user have to press enter to trigger it? I am asking to know if the keyboard will be there all the time or is automatically dismissed on enter. – Nash Jun 9 at 8:36
  • @Nash The search is triggered after a specific number of characters are inputted but will never go away since they will need to be able to start a new search right away. – Frederik Nielsen Jun 9 at 8:43
2

The first thing you should do is do some hall way testing to find out if it is indeed a problem. Don't make assumptions.

The second thing is to find out if users are mostly content with the first few results. If they are, you can just show the first few results and provide a button to show more or add pagination.

If this design just needs some adjustment to make clear that the list has more items than visible, you can visualize that with a fade out. Something like my example below, but I think the design can use some improvement to make it more visible.

enter image description here

| improve this answer | |
  • I think the fadeout is the best solution for now since pagination/lazy loading will be a bit overkill for this use since the list will rarely contain that many items. – Frederik Nielsen Jun 10 at 8:25
2

I like your idea with displaying the number of results.

Other ideas could be

  • Display scrollbar or some other indicator of scrolling to indicate more results (see android app drawer)
  • Only load the 20 first results and add a 'more' button to the bottom which will load more (endless scrolling)
  • Add pagination to the bottom of the page
| improve this answer | |
2

Your design looks fine. As you've mentioned, users are not dumb, they know how to scroll.

When people search for something, they usually want to get less options from many. They won't care about all available results as long as one or a few first of them solve their problem. So it is better to focus on the quality of searching and ordering, not on precise number of results.

I wouldn't bother even to show the number of results.

| improve this answer | |
1

I think there are couple of UX issues that needs addressing:

  • Search Criteria - you mentioned that search function gets triggered only after a certain number of characters are entered into the search field. I'm guessing users are not aware of the number of characters required? This potentially can create a doubt in users' mind. This could lead to UX issues as well, for example user might enter 3 characters and wait for something to happen (while system needs at least 4 characters to get triggered).
  • Search Results - currently there is no way to know how many results are returned. Letting users know about the number of search results returned will allow them to take further actions, eg; if too many results are returned they might try to narrow down the search by entering more detailed keyword.
  • Permanent Keypad - which is currently blocking the search results. Trying to scroll the search results might end up user to accidentally touch the keypad which can alter the search results.

I think we don't have enough information about the nature of the app. But in general, I would do the following revision to the page design:

  • Make the search function trigger when user presses on 'search' button or make it trigger after every character is inputted (if it's a specialised search).
  • Paginate the search results and indicate the number of search results at the bottom of the page. Eg; Showing 1-50 of 2000 items followed by link.
  • Make the keypad appear when the search field is clicked. Otherwise it should be hidden.
| improve this answer | |
  • Thanks for the input! I realize that the original question is a bit vague in regards to the actual search functionality since that was not the main topic of this question. The users of the app are perfectly aware that they need to input exactly 4 characters to search, even though the enter button actually does start a search as well. The keypad being present all the time is a time-saving thing since this app will be used at a very fast pace. It is also very rare that the search results will actually contain more than a couple of results. – Frederik Nielsen Jun 11 at 10:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.