The search results pattern is used to present a list of links typically from a search service. Different types of results may require different content to be featured, so this pattern has a number of options to provide for this.
Rules for search results
A list of search results can use any combination of search result layout options.
Large lists of search results should be split accross multiple pages.
The standard implementation may include an optional path to the result, an optional short descriptive summary and also a heading label for secondary information.
The short summary should be no longer than 160 characters.
This is a short description for the document where any matching search term is highlighted.
Additional result metadata
Results can also include metadata to provide quick key information about a resource. These consist of a series of type and value pairs, with icons representing the type of metadata. Metadata may either span the width of the result listing or be displayed as an inline list.
Full width metadata items must appear above any others.
Metadata should be used sparingly to avoid creating visual clutter.
A set of results should not contain different styles of results in a single list. It is recommended that different styles are contained within different tabs.
It may also be beneficial to include a thumbnail image to give additional context to a search result.
Thumbnail images must be 360px wide and 240px high.
This is the maximum number of characters that can be used in a search result summary giving a clear indication of what the result is and supporting the heading.
This is the maximum number of characters that can be used in a search result summary giving a clear indication of what the result is and supporting the heading.
This is the maximum number of characters that can be used in a search result summary giving a clear indication of what the result is and supporting the heading.
This is the maximum number of characters that can be used in a search result summary giving a clear indication of what the result is and supporting the heading.
Published date
18 July 2019
Contact details within results
Mixed result types
A set of results should not contain different styles of results in a single list. It is recommended that different styles are contained within different tabs.
The contact card pattern can be used to show contact information of a person within search results.
The result must either link to further details about a person or provide their email or phone number as a minumum.
Example
Heading for the results group
Miss Colleen Hurst
St Andrews Sustainability Institute, Psychology and Neuroscience
