Do you have a clean “no match found” screen?

Last updated by Brady Stroud [SSW] about 1 month ago.See history

When a user looks at a search result, they expect to see a list of items to look into. If there are no results, don't give them noisy text because it can be taken as a search result. An icon also can be understood as a broken page. Your "no results" page should be clean.

search result bad list
Figure: Bad example - The list of "suggestions" is just noise and can confuse the user

search result bad icon
Figure: Bad example - Having an icon implies that an error happened which is not the case

search result good web
Figure: Good example - Plain and clean screen

search result good iphone
Figure: Good example - Plain and clean screen on mobile

Note: In case the message you're showing is a "pass" or "fail, it is recommended to use an icon as per Do you use icons to enforce the text meaning?

We open source. Powered by GitHub