Search Mobile app

Deliver relevant results to users with minimal effort.

9 checks · 3 content groups

Checklist contents

Review progress

Screen and context

Compare information and presentation in context of use.

State the search scopeLabel it so you know what you're looking for and keep the search box easy to access.Enter a word and then immediately change it to another word. Show only the results of the current query; keep keywords and filters on loading errors so users can try again.Example Keep the keyword on the search box and display “No results for this filter” with the action “Remove filter”.Allows quick import and deletionOpens the keyboard when the user actively searches and has a button to delete keywords in one touch.Keep the search box easy to edit when the scrolled list is long; Put focus on the box when the user actively opens search and keep the delete button within reach.Keep keywords and results consistentUpdate results according to the current query, avoid displaying old results as new results.If searching while typing, ignore the response to the old query. The wait frame should preserve the resulting structure so that the content does not jump around when it finishes loading.

Action and feedback

Try the operation, change the status and continue working.

For managing recent searchesIf history is saved, reuse or delete and do not display other account's data.Allows you to delete a word or the entire history; Changing accounts cannot reveal the previous person's queries.Displays the currently selected condition and allows editing without losing search keywords.The filter can be opened as a panel; with multiple sets of conditions, use enough space and keep the query when returning results.Explain when there are no resultsDistinguish between loading, error and not found; Suggest changing keywords or removing filters.Cup not found with loading or network error. When the conditions are too tight, remove the filter without deleting the keyword.

Branches need to be checked

Try specific scenarios when starting, changing, and completing tasks.

Keep the search box easy to return toWhen results are long, let users edit keywords without scrolling to the top.Scroll through several screens of results; I can still find the keyword edit box and delete button.Example The search bar stays at the top of the scrolling area, without covering the first result.Open the keyboard at the right timeOnly auto-focus the search box when the user's actions indicate they want to enter.Open search then return results; Keyboard doesn't turn back on when just viewing the list.Example Click the Search icon to bring focus to the cell; return from details keep keyboard closed.Indicates that the results are updatingPreserve position and load response when query changes; The old response does not replace the results of the new word.Type two queries in succession with the first request being slower; Show only the data of the new query.Example The results box says Searching for “mail” when request “th” arrives late.

Progress is saved automatically in this browser.

GUIDANCE

How to review

Check keywords that change quickly when the network is slow

Enter a word and then immediately change it to another word. Show only the results of the current query; keep keywords and filters on loading errors so users can try again.

EXAMPLES

Usage examples

Content could not be found with the current filter

Keep the keyword on the search box and display “No results for this filter” with the action “Remove filter”.