Here you can find examples of legal visual design, as well as other complex or rule-based visual design. Use this for inspiration, testing, and thinking outside the box!
You can also find lots more legal visuals at our sister site Visual Law Library.
Jason Leow has been collecting public good design-oriented tools into a central place, the Public ...
Simon Rafferty has a piece Prototyping a tool for co-designing policy interventions,
The piece explores how to ...
The European Centre for Government Transformation launches Delivering Public Service for the Future: How Europe Can ...
The upcoming book, from Ann Mei Chang, Lessons Learned: Lean Impact : Innovating for Social Good, promises ...
Vasant Chari, writing on the UK Policy Lab blog, documents how prototyping is being used ...
This article, by Lucy Kimbell and Jocelyn Bailey, describes how prototyping methods can be brought ...
This slide show of policy-making maps can help us think through how design can play ...
This set of methods gives a high level view of design methods that can be ...
This card deck from the UK Policy Lab can be used in a policymaking cycle, ...
[embed][/embed]
This slide deck from the United Kingdom Policy Lab gives the basics of their structure, ...
Talkaoke is a way of design research, framed as a pop-up talk show. It is ...
There are lots of good examples in the Esri Insider article, Journalists Embrace Story Maps , that ...
Interested in California's court budget? This analysis from the Legislative Analyst's Office, The 2017-18 Budget: Judicial ...
This wonderful guide to standardizing data and getting to open data can help you walk ...
The government's Usability team has a profile of one of the most common and well-verified ...
This article from Rick More, Card Sorting outside UX: How I use online card sorting ...
Princeton University's Eviction Lab has a robust set of data, maps, and visuals that show the level ...
Chris Herron has published an online visual/infographic on U.S. Eviction History via the platform Tableau Public.
He ...
The leading national funder of civil legal aid, the Legal Services Corporation, has a public repository ...
MALLET is an open source software tool to make sense of text through machine learning.
MALLET ...
Tabula is a free tool for extracting data from PDF files into CSV and Excel ...
WordCounter is a tool that helps you find what frequency of words appear in ...
Nineteen is a visualization tool for datasets, to help labelled data come alive.
You can upload ...
SameDiff is a free online tool that lets you compare 2 documents and judge how similar ...
Transcend® Translations has Legal Icons for download and use for all kinds of common legal ...
This is a statewide gathering of court data from Maryland:
Maryland Judiciary’s Annual Statistical Performance Measures ...
At our Lab project "Better Legal Internet", we have made an 11 step Web Design ...
This month here at the Lab, we are making more of our internal design resources ...
Here is another free design resource we have made at the Lab: a short book ...
We have started building a collection of legal-themed icons on the Noun Project that you ...
If you need to integrate photographs into your webpage, app, presentation or otherwise, you can ...
MockUPhone is a tool to make beautiful photos of your app screens look like they ...
Smart Chicago has pioneered the development of civic user testing -- and they've written a ...
Data.gov has a searchable set of data sets from all over the U.S., from federal and ...
Unsplash is a source of free, quality images to use in your work. They are ...
SAP's User Experience design services team has a wonderful free resource to build storyboards and ...
Protoship is a tool that can help people who want to either edit their existing ...
Christophe Talec has made a public and reusable template on Prezi, to map out customer ...
Recordit is a tool to download onto your computer and record screencasts -- what's going ...
If you need photographs and other images for the new product or communication you're creating, ...
Material icons from Google Design are standardized icons free to use in your visual designs, ...
This prompt asks the user to lay out possible ideas for a challenge area along ...
Here are some methods to use in your design process, as you try to figure ...
Could we take the workshops that self-help centers already run in person, and make online ...
What if we made templated, user-tested Cover Sheets to all legal tasks (whether it's filling ...
What would it look like if there was one major site online, that anyone searching ...
Inspired by the civic technology project CityVoice, that lets any person call up to leave ...
What if people in the legal system had ways to give their feedback, so that ...
At courts, at community centers, at libraries, at cafes -- can we have interactive boards ...
Smart Chicago published a Civic Innovation Toolkit on how to use Twilio to be able ...
Could we have a traveling courthouse, that offers limited legal services to you in more ...
The excellent site Better Evaluation has an enormous collection of data visualization tools & advice.
It ...
Wordle is a tool to make Beautiful Word Clouds. You can use it to analyze ...
Jakob Nielsen has a very useful June 2006 on how to structure usability tests for ...
TAPoR, the Text Analysis Portal for Research has a very useful overview of tools to ...
The team at RapidPro has created a wonderful toolkit of exercises & images to use ...
For the ambitious, this is a great intro to creating your own animations and transitions ...
Here is a presentation from Joe Golike, a data viz designer at Trulia, about how ...
D3 is a new tool for designers and programmers working on creating interactive visualizations out ...
LIME, or the Language Independent Markup Editor, is a project from the University of Bologna ...
Could we build a single portal to all kinds of legal support, help, counsel? If ...
What would an all-in-one collaboration platform look like, for clients & lawyers to work together? ...
Could we create a Schedule & Alert system to let litigants and court people know ...
Can we make navigators that are game-like, or make games that allow a person to ...
An idea for gathering intake information & triage-ing users to the right legal resource by ...
Another kind of navigator, that shows you how to get from point A to point ...
An idea to help lay people go through legal processes by giving them interactive and ...
Could we use the same methods of those television lawyers who bombard daytime-tv-watchers with 'Are ...
This is a template I use with my design process to capture small Personas of ...
Could we put law on the street? Have public space installations that give basic outreach, ...
How can we help lawyers to work more smoothly with product teams inside of an ...
How can we develop a contract system that allows for a company to streamline the ...
How can we help lawyers price & plan their work in a better way?
I found a wealth of materials on leading innovation exercises inside organizations -- and fostering ...
At IDEO.org, part of our mission is to spread human-centered design to social sector practitioners ...
The group kolba has a great short post on organizational change and innovation: Five lessons ...
Here are some useful presentations on how to use Case Management Modeling Notations to model ...
Fontello - icon fonts generator is a tool to build custom fonts with icons -- ...
Yaoqiang is a tool that you can use to lay out & encode a legal ...
An excellent presentation overviewing
the usefulness of case modeling & process mapping from Denis Gagne:
Henk de Man has a wonderful 2009 article from BPTrends that overview different systems to ...
The Business Process Simulator is a free, web-based tool to create diagrams of business processes ...
Here is one overview of different topics within Business Process Management, from Garry Gomersall:
These tools ...
Modelio Open Source Community offers a free tool to make models of processes, in a ...
Could we build stronger legal public relations, outreach, and onramping to the world of legal ...
PatternTap is a design pattern gallery from ZURB Library, that showcases all kinds of beautiful ...
The design consultancy Userfocus has an amazing resource for anyone who wants to conduct a ...
An article by Anders Toxboe, Comprehensive review of UX tools for your website, from December ...
The article 10 Heuristics for User Interface Design by Jakob Nielsen provides a convenient checklist ...
An idea for having a document-software plugin (think, for Microsoft Word) that would track its ...
A tool that would read contracts & legal documents so that you don't have to. ...
Could we have a tech-based companion for people going through a court process? It could ...
An idea to allow a person with a legal decision to make to play around ...
An idea for schematically diagramming a legal brief -- to make it more instantly clear ...
An idea for better education around law -- summing up a concept in a card, ...
Could we build an interactive & responsive map, that would show a person the steps ...
Could we create a collaboration platform & network that would provide a holistic service for ...
The site UI patterns has a whole section on Game mechanics. These are useful when ...
Another pattern to borrow from in designing online legal services -- this one from car ...
From the New York Times: Company Thinks It Has Answer for Lower Health Costs: Customer ...
Another great analog for legal services is personal finance services. A designer I'm working with ...
Carolann Bonner has an article, Using Gestalt Principles for Natural Interactions that gives some central ...
UYI, Use Your Interface, is a library full of gestures, movements, transitions, and small animations ...
Origami is a Design Prototyping Tool from Facebook that you can download & use to ...
Here is an excellent overview article from Jeff Sauro about how to use the design ...
10 Essential User Experience Methods: MeasuringU:
UX researchers have developed many techniques over the years for ...
Ideo.org's site Design Kit has an article from Shauna Carey, describing how she uses user-mapping ...
NerdWallet is a web platform that allows anyone to ask a question about money, finances, ...
An article on The New Yorker by Sarah Larson, “Serial,” Podcasts, and Humanizing the News ...
A regular radio program, in which a host fields phone calls from a broad listening ...
A video documenting real-life situations, but packaged into narrative arcs and characters that users can ...
Framer is an online tool to prototype apps for mobile devices -- and to do ...
Gerry Riskin has a useful note from 2006 for Managing Partners of law firms and ...
An article in from Arshad Chowdhury in Fast Company, about how to set positive & ...
Here is a Fast Company article on the importance of culture in organizational success -- ...
Do you want to create a form to distribute out to the public, that users ...
I came across this video essay by Laura Walker Hudson, the CEO of TechChange, ...
The Design Cubicle presents a tutorial on How to create interactive PDF forms using Adobe ...
People add their private data to a public database, to share the cost/time/outcome/other quantifiable value ...
Gather experts from a sector, have them create a shortlist of what principles and actions ...
Present the user with a big decision she could be making, that involves trade-offs. Identify ...
Collect feeds of information, figure out what the use & action points related to these ...
Take a successful experience from a central, official hub -- then rescale it to make ...
On a public platform, set out a first draft of a work product (or even ...
Make a striking document that has images & text, which shows illustrated information (perhaps with ...
Gather together users' descriptions of their experiences with a thing -- they say what was ...
Create an experience where the user is challenged to learn information, show her knowledge, make ...
Bring together a group of people who can be agents of your initiative in their ...
Use SMS-based messages to send out automated texts and responses to users.
Here is a very instructional piece from Michael Angeles explaining how to use Excel databases ...
SNAP! (Build Your Own Blocks) is a visual programming language/tool from UC Berkeley. It may ...
Coding for Lawyers is an online book by V. David Zvenyach (a lawyer with an ...
QnA Markup is an excellent and playful coding editor from lawyer/coder David Colarusso. Its code ...
Data.gov is a collection of data sets from the US federal government, that are meant ...
One of the best ways to quickly develop your vision of a new software product ...
IDEO has published a rich & useful toolkit with which to use the design process ...
Codiqa : a Mobile App Development Tool allows anyone, regardless of coding ability, to create ...
The team at TextIt has made their code base open source, calling it RapidPro, meaning ...
Flinto is a tool for quick, agile prototyping on your mobile devices. You can create ...
Awesome Screenshot is a tool you can use in your web browser -- Firefox, Chrome, ...
Infogr.am is a browser-based tool to visualize your data. It has a range of free ...
Easel.ly is an online tool to let you build infographics and charts with easy template ...
Canva is an amazing browser-based tool to very easily mix your own gorgeous graphic design ...
Color Hex is a particularly rich site for finding good colors & palettes. It has ...
via Draw | LibreOffice - Free Office Suite - Fun Project - Fantastic People.
LibreOffice is ...
I love XMind: Mind Map Software and use it to create diagrams and flowcharts.
XMind is ...
Dia software is a free Windows, Mac OS X and Linux version of the popular ...
Amazon Storyteller is a great resource for anyone who wants to quickly create a graphic ...
Datawrapper is an open source project started out of a German training institution for newspaper ...
TRAC Immigration provides data sets, tools & apps for all things immigration in the US. ...
Piktochart is an online, paid tool to create your own infographics easily, by plugging in ...
An online coding course from Code School: Shaping up with AngularJS.
Here is a Code School ...
Ushahidi is a platform to develop a crowdsourced map of information. Here is its Github ...
If you are developing a text-based messaging system, an open-source & mainly free tool to ...
Bureau of Justice Statistics (BJS) - Total correctional population.
The total correctional population consists of all ...
From law firm Fenwick & West: PTAB Database of Patent Trial and Appeal Board Post-Grant ...
Here's an excellent article from Rachel Banning-Lover on The Guardian, intended particularly for NGOs and ...
An article from Jim Babbage on Adobe's Blog, via Creating Static and Interactive Infographics with ...
The Pencil Project is an open-source software for all operating systems, that lets you quickly ...
Gliffy is a brows-er based piece of software that lets you create diagrams, organization charts, ...
Draw.io is a free online service to create diagrams, tables, maps, and other process visuals. ...
Smashing Magazine provides an introduction to the online tool Webflow, which lets you create a ...
These are central design guidelines, or heuristics, from the book Pervasive Information Architecture. by Andrea ...
The product design sprint: prototype with Keynote | Google Ventures.
The product design sprint: prototype (day 4) ...
Story-centered design: how to make a prototype in PowerPoint | Google Ventures.
Story-centered design: how ...
Here is one testing model to see if your designs are successful:
1. Define one or ...
From Jay Mitchell, clinical professor at Stanford Law School, & his paper on Putting Some ...
The Center for Media Design at Ball State University published a short paper on iTunes ...
This article, by Helena Haapio and Stefania Passera, was published on VoxPopulii, Cornell's Legal Information Institute, ...
▶ I Like Pretty Graphs: Best Practices for Data Visualization Assignments – YouTube | Program ...
in a 2004 interview by Mark Zachry and Charlotte Thralls in TECHNICAL COMMUNICATION QUARTERLY, ...
Set up your own text-messaging service for free. « SMS 411.
If your legal design project ...
America Decoded is a project from the OpenGov Foundation that provides usable access to city ...
A Periodic Table of Visualization Methods. from Ralph Lengler & Martin J. Eppler at www.visual-literacy.org
This ...
From BlurryEdge Strategies' blog:
FTC Recommends Best Practices for Mobile Privacy
On February 1, 2013, the FTC ...
InVision is a great (and free) tool to use to go from sketches or mockups ...
Welcome! This Visualization for Lawyers page will be a running resource for lawyers, law students, ...
Harvard School of Engineering & Applied Science has an online course open to the public ...
▶ I Like Pretty Graphs: Best Practices for Data Visualization Assignments - YouTube.
The DesignLab from ...
A swim-lane-diagram is a type of flowchart, and it can be used to display the ...
Civic Data Design Lab is a project out of MIT's Dept. of Urban Studies & ...
TRAC, or The Transactional Records Access Clearinghouse, is a huge amount of data on federal ...
Data For Radicals has a great tutorial for making searchable, filterable tables of your data. ...
I found the wonderful Data for Radicals site, that has a rich set of illustrated ...
Use Gant Charts to create a project management system, or a way to see what ...
ProPublica has created an interactive timeline-maker TimelineSetter. You can create a spreadsheet with special formatting ...
5 Infographics to Teach You How to Easily Create Infographics in PowerPoint [+ TEMPLATES].
SIMILE Widgets | Timeline is an open-source tool to make timelines.
You can add filters to ...
Twine is an open-source tool for telling interactive, nonlinear stories. You can create games ...
Visual.ly has a very easy tool for you to create venn diagrams, compose them beautifully, ...
Building a content management system can seem like a daunting task to the novice PHP ...
D3 is a way to make interactive visualizations from datasets, that you can display online, ...
A Beginner’s Guide to Wireframing from Webdesigntuts+.
Here is an excellent step-by-step tutorial on how to ...
Collected from:
21 very important diagrams that you must save on your computer | naijaPOSE.
Here is an Interactive Flowcharting Tutorial - FlowBreeze Help.
This tutorial will take you through the ...
Graphviz | Graphviz - Graph Visualization Software.
Graphviz is open source graph visualization software. Graph visualization ...
From: CourtListener.
Started as a part-time hobby in 2010, CourtListener is now a core project of ...
From: Free Law Virtual Machine Available for Academics and Developers, sponsored by the Free Law ...
via How to Prototype an App in 1 hour: meet POP | Board of Innovation.
How ...
Awwwards has collected together a whole set of free elements for you to lay out, ...
CSS-Tricks has an 8 step tutorial Creating a Web App from Scratch for those who ...
The Knight Lab has StoryMap JS a tool for you to make interactive, visual stories ...
So you want to build a website?
I know it is tempting to jump into just ...
Timeline JS is an online tool from the Knight Lab at Northwestern University, that lets ...
Here is a five-part free tutorial from Skillshare, taught by the Noun Project, on how ...
This website is full of examples of great free icons, symbols, vectors, and pictograms to ...
This is a free set of beautiful, sharp icons to use in your designs from ...
Designmodo provides this User Interface Kit for you, if you want to develop very clean ...
The Stanford d.school has made an online resourcethe Virtual Crash Course in Design Thinking to ...
Designmodo has a tutorial Create a Website using UI Packs (PSD to HTML) that will ...
This Twitter Bootstrap Grid System tutorial will walk you through some web development, using "Twitter ...
Visualizing.org is a site that collects together a community of people who are visualizing complex ...