The site is not yet optimised for mobile viewing. Please view on screens wider than 768px like your desktop screen.

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.

Best practice

  • 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

Quicklinks

Usage

Use a single column quick link list when presenting between five and seven links as one list.

Definition

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

Quicklinks

Code samples

Example in action

Live example (bottom right)

Quicklinks 2col

This is the default Quicklinks version on ACU Sitecore sites like the ACU public site.

Usage

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).

Definition

As per the single column version but in two horizontal lists instead of one.

Example

Without icons
Quicklinks 2col without icons
With icons
Quicklinks 2col with icons

Examples in action

Quick links (no icons)
Quick links with icons

Key facts

ACU's Key facts component is a single column listing of concise information points relating to a section of content.

Usage

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).

Definition

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

Key facts (Sitecore default)

Code samples

Forthcoming...

Forthcoming...

Forthcoming...

Example in action

Key facts (see 'Details')
Key facts (Matrix CMS) (see 'How to get help')