How we can present complex legal information to lay-people in effective, engaging ways?

We’re interested in what new styles of communication could be both legally strategic (for complying with regulations and protecting legal interests) — as well as user-friendly (enhancing the lay person’s engagement with complex info, their comprehension of it, and their overall experience with the legal system.

This slideshow requires JavaScript.








What is Communication Design?

Communication Design is the use of color, text, composition, and other elements to get a message across to a user.  Visual design and graphic design are subsets of communication design — they focus on how to use visuals to communicate information.

Other types of communication design may go beyond visual elements — bringing in senses beyond sight, using more visceral ways (like sound, motion, vibration, smell…) to get a message across.  But here, we will primarily look at how we use visual elements to convey information & emotion to our target audience.

In the legal world, we often use design to communicate complex information.  We can see two main types of complex communication design: that to help our user understand complex info better, and that to help our user make better decisions for herself.

Types of Complex Communication Design

If you are embarking upon a communication design process of legal material, it is worth thinking what type of complex communication design camp you’re in.  There are different design patterns and elements to use for the two different types.

For the second type of communication – Decision for better decision-making, you should aim to instigate the following process for your user. Ideally, your design will help the user when she’s entered into the legal system in some way, to understand what the system’s rules are & how they apply to her.  If you do this effectively, then she will be able to apply the rules to her own life situation and make a decision about how to navigate the system. Good legal communication design will empower your user to be smarter & strategic when making her way through a legal process.

Ideal Legal Communication Design Flow



Principles

The central principle for a communication designer to abide by, is to be in service.  All of your choices during the design process should be in service of two things:

  1. Following the Content Itself
  2. Serving the Target User’s needs

These should be your primary guides — that you must balance with your own instincts, skills, and taste when designing.

When you are putting together your visual, be creative & inspired.  Try to find your own distinct voice, that avoids cliches & popular templates, so that your design will have a stronger power to engage your target users.

There are some universal design principles to know while putting together any visual.  Try to internalize these & deploy them when you’re assembling an image, composing a document, or designing any other visual communication.

Visual Design Essentials for Lawyers and Communication Design - by Margaret Hagan copy

Put in a list form, here are some of these Essential Principles for good visual design:

Essential Principles for Good Visual Design

  • More White Space — always more white space — let the eye breathe
  • Establish a hierarchy of information — using differences in size, bold/italic, color, or style
  • Two font maximum — do not use more than two different fonts in one document — using one can often be preferable
  • Use color sparingly, carefully, intentionally — and know the cultural & emotional triggers you’re invoking with the color you choose
  • Add redundancy to keep reinforcing the key point
  • Use a grid to get your composition clean & pleasant — make sure objects & type are aligned as much as possible
  • Compose from top left-corner down & over — most important things up there, and then following the user’s natural eye-flow

And to go with the Principles, here is a complementary list of Essential Design Prohibitions:

Essential Design Prohibitions

  • Never use Comic Sans
  • If you are using more than one font, don’t have them be from the same style or the same class (both serifs, or both sans serifs) — they should contrast heavily with each other to go well together
  • Avoid font size that is tiny — try to stay in the 12pt-16pt range for body copy
  • Avoid ALL CAPS for important things — it is unreadable after a few words, people will tune it out
  • Avoid too much bold, use it very sparingly for only the most important bits of information
  • Don’t make your lines too long or too short — ideally 50-70 characters per line, counting the spaces
  • Don’t type on an image (meme-style) without putting a background fade under the type or a transparent layer over the image, to make the type clearly visible
  • Have images & other visuals point towards the content — not facing away


After you have made your design, you can go through a short Visual Design Checklist to ensure it abides by some of the key visual design principles:

Visual Design Checklist

  1. Have you made a clear hierarchy of what is most important to least?
  2. Does this design help your target user achieve the goal she’s interested in?
  3. Will this form of the visual fit your user’s context & environment?
  4. Have you highlighted the key relationships — whether they be steps, contrasts, or comparisons– to make them obvious to the user?
  5. Have you aligned the elements, gotten them lined up along a clear line or grid?
  6. Have you given your user’s eyes a break with white-space?


Communication Design Process

Infographic on how to CREATE A LEGAL VISUAL - by Margaret Hagan
In your design work, think about the following vectors as levers you can play with to create different kinds of experiences & reactions for your user.

Once you’ve created a design, try to place it along these vectors and see if it’s in the position you want it to be.  These can be used as a checklist to see if you are on the right place for the type of design you’re making.  Most of the time, you want to be on the right-hand side of the spectra — but sometimes you may need or want to be on the left.

Just be intentional with your design, so you know what is appropriate for your audience & your content — and that your design choices fit their needs.

Design Vectors Spectrums no explanation-03

One of the key decisions to make during your visual design process is what form your content should be visualized in. You have many options, but typically your content will lead you to a specific type of visual as an optimal one. Here are some options for complex communication design forms:
Design Forms for complex communications - by Margaret Hagan


 

Tools to create visuals

Piktochart is an online, paid tool to create your own infographics easily, by plugging in your data into their templates. You can also create reports, ...
Here's an excellent article from Rachel Banning-Lover on The Guardian, intended particularly for NGOs and relief workers,  via the Global Development Professionals Network | Guardian ...
An article from Jim Babbage on Adobe's Blog, via Creating Static and Interactive Infographics with Illustrator and Muse. Creating Static and Interactive Infographics with Illustrator and ...
The Pencil Project is an open-source software for all operating systems, that lets you quickly create mockups, prototypes, flowcharts, and diagrams. It is absolutely ...
Gliffy is a brows-er based piece of software that lets you create diagrams, organization charts, wireframes, and technical drawings.  
A Periodic Table of Visualization Methods. from Ralph Lengler & Martin J. Eppler at www.visual-literacy.org This interactive table presents a systematic overview of tools to use ...
Welcome! This Visualization for Lawyers page will be a running resource for lawyers, law students, paralegals, and other people coming from the legal profession who ...
  5 Infographics to Teach You How to Easily Create Infographics in PowerPoint [+ TEMPLATES].
Visual.ly has a very easy tool for you to create venn diagrams, compose them beautifully, and download them. It's a quick simple app to use ...
Collected from: 21 very important diagrams that you must save on your computer | naijaPOSE.  
Here is a five-part free tutorial from Skillshare, taught by the Noun Project, on how to create beautiful & crisp icons for your designs. Especially ...
This website is full of examples of great free icons, symbols, vectors, and pictograms to use in your designs: Awward's collection of Vector icons and ...
This is a free set of beautiful, sharp icons to use in your designs from the Linecons Free - Vector Icons Pack by Designmodo. You can ...
Visualizing.org is a site that collects together a community of people who are visualizing complex issues through data & design. It includes some political, governmental, ...

 

5 Comments on “Legal Communication Design Toolbox”

  1. Pingback: Visual Design Essential Principles - Open Law Lab

  2. Pingback: How to create a legal visual | Open Law Lab

  3. Kristin Majda

    I love this website! I am using a lot of your ideas to help teach high school students technical communication principles. Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *