Quicklinks & Key facts
Quick links list popular links for 'quick access'. Key facts list important information points. Both UIs should be relevant to the content section of the site they appear in.
- Place only five to seven quick links per column. More than this number of links makes it harder to scan and therefore undermines their purpose as being 'quick' to find.
- As with headings and links in general, be as concise as possible placing the main keyword/s at the start of the link (front-loading).
- For quick links used throughout the site, choose the most popular links - check Google Analytics.
- Check to see that the use of quick links is not a stop-gap for poor navigation and information architecture.
- Quicklinks with icons is optional usually depending on how difficult it is to find appropriate icons. An icon should add to the meaning of the link.
Alternative UI components
Use a single column quick link list when presenting between five and seven links as one list.
The quick link style is made up of a list item with an icon (optional), from ACU's icon library, on the left, representing the link's destination, the text link, followed by the "Right-Arrow-2" icon ("\ebd7") on the right.
Example in actionLive example (bottom right)
This is the default Quicklinks version on ACU Sitecore sites like the ACU public site.
Use Quicklinks 2col when presenting two lists and there is horizontal space for two columns. This is a better option than presenting one long list of quick links (more than 5 to 8 items) because long lists are hard to scan quickly.
Quicklinks 2col may be used with or without icons depending on how much value to the user having icons adds.
Public site usage
'Quicklinks 2col is the default version for the ACU public site and most Sitecore sites. It is strictly used only within a sub-section of the website to introduce important links within it. For example, International, ACU centres, ACU faculty or the Giving to ACU sections of the public site. The quicklinks are used in place of a left section menu but only on the section's landing pages and not on the it's content pages (see Page samples).
As per the single column version but in two horizontal lists instead of one.
Examples in actionQuick links (no icons)
Quick links with icons
ACU's Key facts component is a single column listing of concise information points relating to a section of content.
Use the Key facts component when there is a need to highlight precise content such as contact and location information within one column (usually on the right side of the page).
Key facts are presented in a structured format under a heading, followed by rows of information points, each with a relevant icon and title aligned to the left with the information details to the right. Each row or piece of information is divided by a top border ($black--40) with the last item having a bottom border to close off the UI.
Example in actionKey facts (see 'Details')
Key facts (Matrix CMS) (see 'How to get help')