ÎÛÎÛ²ÝÝ®ÊÓƵ

Repetition

ÎÛÎÛ²ÝÝ®ÊÓƵ

Repetition serves a role in both visual and UX design. 

  • When we repeat important actions, we make them easier to recognize and find. This is especially true if the actions are positioned and formatted consistently across sites or pages.
  • When we repeat content, we communicate key messages to all users (even if they only visit one page). If they browse multiple pages, repeated messages are reinforced and may feel more genuine. 
  • ¸é±ð±è±ð²¹³Ù¾±²Ô²µÌýdesign elements help communicate and reinforce the ÎÛÎÛ²ÝÝ®ÊÓƵ brand - and they can create an identity that’s unique to your site.

In the WMS, we have a common color palette and set of features which repeat across all sites, so there's a high degree of consistency in important brand signifiers and actions:

Sample web management system (WMS) page

The standard header design allows users to easily find key resources like site name, language switcher, search, and navigation. Similarly, accessibility information and copyright are always shown in the footer.

You can introduce your own repeating content and actions. The IT Services site does this in their footer:

Sample WMS footer

Above the usual ÎÛÎÛ²ÝÝ®ÊÓƵ footer, IT Services has their mission statement ("Connect. Learn. Elevate.") and a link to their support site. The message and action are visible to users on every page.

On the Future Graduate students site, you can see an example of repeating design elements:

Three landing pages with large photos

Each landing page uses a hero image with a bright, human-centric composition. This creates a sense of unity across the site. The format makes the site more memorable, and the distinctive images may help returning users to recognize pages.

You get many of the UX benefits of repetition simply by using the WMS (or ÎÛÎÛ²ÝÝ®ÊÓƵ DS, if you’re on a custom site). You can extend this by repeating key actions or messages across your site.

You can also leverage the aesthetic benefits of repetition by repeating a distinctive stylistic element. (Such as a "signature" colour, a standard way of cropping images, or a unique photography or typography treatment.) Repetition makes that element - and your site as a whole - more memorable, and provides recognizable consistency across pages. Repetition of this kind also helps build a visual identity across different platforms like print, social media, and physical signage.

Back to top