| UI or UX | UI + UX - Submitted search query correction and did-you-mean result state | UI + UX - Suggested-query surface | UI + UX - Search recovery state | UI + UX - Input widget with suggestion behavior |
| UI guidance | Show the original submitted query and the corrected query in the result state, for example Showing results for benefit appeal with a Search instead for benifit appeel control. | Render a search field with query suggestions, active option, selected suggestion, and no-suggestion state. | Render zero-result copy, active criteria, remove-filter actions, and alternative suggestions. | Render a labeled text field, suggestion popup, highlighted option, selected value, and no-match state. |
| UX guidance | Use query correction to recover from likely spelling, spacing, transposition, or phrase mistakes after a user submits a free-form search. | Help users formulate better search queries without forcing a choice. | Help users recover when their own search or filters excluded all results. | Help users complete a known value faster without forcing an incorrect suggestion. |
| Good UI | A results page says Showing results for benefit appeal, marks benefit and appeal as corrected tokens, and offers Search instead for benifit appeel. | Suggestions appear directly below the search field with active row, readable labels, and optional matched text. | Zero-result state shows query/filters, result count, and clear or broaden actions. | Persistent label above the input, readable text size, clear popup alignment, and visible highlighted option. |
| Bad UI | The search field silently changes benifit appeel to benefit appeal and the original query is gone. | Suggestions overlay unrelated content without a dismiss path. | No results text alone with no criteria shown. | Placeholder-only label that disappears after typing. |
| Good UX | A user searches benifit appeel, sees corrected results for benefit appeal, checks the changed tokens, and can switch back to the original query. | Users can keep typing, choose a suggestion, dismiss suggestions, or submit their own query. | Users can remove one filter, clear all, edit query, or try suggested alternatives. | Typing filters suggestions while preserving the exact typed value. |
| Bad UX | The product overcorrects a claimant surname and users cannot get back to the exact original search. | Auto-submitting the top suggestion. | Telling users nothing exists when filters caused the state. | Automatically forcing the first suggestion into the field. |
| Best fit | Users submit free-form searches where spelling and typing mistakes commonly block useful results. | The system can predict likely queries. | Search, browse, or filter controls can produce an empty result set. | The list is long but values are known. |
| Avoid when | The input is a constrained value selector better served by autocomplete. | Suggestions are low quality or biased toward irrelevant content. | There is genuinely no possible next action and the system should instead explain availability. | The task is open-ended query exploration. |
| Required state | No correction state when the submitted query is exact or correction confidence is too weak. | No input state. | Zero-result state that preserves the user's criteria. | Empty input state. |
| Accessibility burden | Announce correction status and result counts through a polite status region after submission. | Expose the suggestions list and active option. | Announce result-count changes where search results update dynamically. | Expose combobox expanded state, active descendant, and option labels. |
| Common misuse | Silently replacing the user's query without saying what changed. | Auto-submitting the top suggestion without confirmation. | Showing a blank list with no explanation. | Forcing the first suggestion when the user did not choose it. |