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.
The simplest implementation must include a heading for each result that links to the corresponding resource. This could be a web page, file or URL.
Example
The standard implementation may include an optional path to the result, an optional short descriptive summary and also a heading label for secondary information.
This is a short description for the web page where any matching search term is highlighted.
This is a short description for the document where any matching search term is highlighted.
Heading for the results group
-
This is the heading of the web page
Password protected
https://www.st-andrews.ac.uk/path/to/page/
This is a short description for the web page where any matching search term is highlighted.
-
This is the name of a document
PDF (525k)
https://www.st-andrews.ac.uk/path-to-file/search-term
This is a short description for the document where any matching search term is highlighted.
Results can also include metadata to provide quick key information about a resource. This uses the metadata list pattern.
ExampleThis is a short description for the web page where any matching search term is highlighted.
This is a short description for the document where any matching search term is highlighted.
Heading for the results group
-
This is the heading of the web page
Password protected
https://www.st-andrews.ac.uk/path/to/page/
This is a short description for the web page where any matching search term is highlighted.
-
This is the name of a document
PDF (525k)
https://www.st-andrews.ac.uk/path-to-file/search-term
This is a short description for the document where any matching search term is highlighted.
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.
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.
Heading for the results group
-
This is a headline of a news article
https://www.st-andrews.ac.uk/path/to/page/
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 a headline of a news article
https://www.st-andrews.ac.uk/path/to/page/
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.
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.
Heading for the results group
-
Miss Colleen Hurst
St Andrews Sustainability Institute, Psychology and Neuroscience
Academic Liason
-
-
-