WorldCC Contract Design Pattern Library

CONTRACT DESIGN PATTERN LIBRARY

  • Home
  • About this Library
    • Introduction
    • Why use this Library?
    • A design pattern approach
    • Who is this Library for?
  • How to use this Library
    • Get started
    • Browsing the Library
    • Start from the contract users
    • Using the patterns
  • Explore the Library
  • Pattern families
    • Pattern families in brief
    • Emphasis
    • Explainers
    • Layering
    • Layout
    • Navigation
    • Organizing
    • Reviewing
    • Summarizing
    • Tone of voice
    • Visuals
  • Contribute
  • FAQ
  • About the team
  • About WorldCC Foundation
  • Contact
Back

Companion icons

  • Pattern
  • Examples



What is it?

Companion icons are simple graphic symbols placed next to a textual element (e.g. headings, subheadings, paragraphs to represent the meaning or function of the text they accompany and signal where to find a specific piece of information.

 

What problems does it solve?

The first impression that many contracts give is that of an impenetrable wall of text. When people expect that the reading experience will be effortful, chances are that they will give up reading almost immediately.

For those who go ahead and read, the wall of text (especially combined with considerable document length) makes it hard for to read strategically, making it hard for readers to identify key points and find answers to specific questions quickly and easily.

 

When to use it?

Any time you want to provide visual salience to the different sections of the document, while crafting a graphical overview for the reader – if this fits the overall tone of voice of the document.

 

Why use it?

Icons act as visual cues, capturing readers’ attention. This way, readers can search, identify, and memorize relevant information more quickly.

Moreover, when the same icons are used consistently throughout one or more documents (or “nested” within other visuals, highlights or in a table of content), their meaning becomes familiar, so readers can identify recurrent topics and terms at a glance.

As a note of caution, icons should always be accompanied by a textual explanation or label (hence they are “companions”), since they are not generally self-explanatory and users might be unfamiliar with them. Icons in contracts are often highly symbolic and metaphoric, as they may refer to abstract concepts and terms. The risk of “unlabelled icons” is lower if the icons belong to a shared, standard visual vocabulary (e.g. the Creative Commons licenses icons have become a de facto standard.)

 

Where to use it?

  • Contract documents
  • Contract appendices
  • Contract guides and playbooks
  • Policies
  • Training materials
  • Requests for proposals



© 2019 Stefania Passera, Helena Haapio, Rossana Ducato, and Arianna Rossi. Published with permission.

Pattern families
Visuals Tone of voice Navigation Emphasis
<

Example 1

Loomland's terms of business

Icons – along with plenty of white space – were used to encourage consumers to continue to read the content, highlight topics, demonstrate the design capabilities of the business, and avoid numbered paragraphs.

Source: http://loomland.com/terms/

© 2015 Sarah Fox (content) and Loomland (Manchester) Ltd (icons & design)
All rights reserved. Used with permission.

 

 

 

Example 2

BuzzSumo terms of service

Each clause heading is accompanied by an icon.

© 2018 Buzzsumo Ltd. Used with permission.
Designer: Stefania Passera

 

 

 

Example 3

Quick access menu in Telstra dealership agreement

Telstra's dealership agreement features a clickable quick access table of contents, where each section is identified by an icon.

Source: Telstra contract re-design finalist in Clear Communication Award

© 2019 Telstra Corporation Limited. Used with permission.
Courtesy of Verity White.

 

 

 

Share an example!

Have you used companion icons in your contracts? You can contribute to the Library by sharing an example.

Submit example

Comic contracts
Conversational style

Loading...
Sign in / Register

© WorldCC Foundation, Stefania Passera & Helena Haapio

Back to worldcc.foundation Sign in / Register Privacy Policy