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

Last updated by Brady Stroud [SSW] 8 months 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.Loving SSW Rules? Star us on GitHub. Star
Stand by... we're migrating this site to TinaCMS