Skip to main content

Quick Links

  • Share your knowledge
  • Jobs & RFP's
  • Log in
Legal Services National Technology Assistance Project
  • Forum
  • Events
  • Topics

    Topics

    Go to Topics Overview
    • Client Facing
      • Artificial Intelligence (AI)
      • Diversity, Equity, & Inclusion (DEI)
      • Social Media
      • UX / Design
      • Accessibility
      • Websites
      • Call Centers
      • Self Representative Litigation
    • Organization
      • Tech Initiative Grant (TIG)
      • Project Management
      • Tech Policies
      • Training
      • Data & Evaluation
      • Remote Work
      • Security
      • Disasters
  • Tools & Resources

    Tools & Resources

    Go to Tools & Resources Overview
    • DATA Analysis Tool for All
      • Data Overview
      • Data Resources
      • DATA Origins
      • DATA FAQ
      • Analysis Guide
      • Tips & Recommendations
      • Location Quotient
      • Partnerships
      • Give Feedback
    • Other Resources
      • Toolkits
      • Articles
      • AI & Legal Information Database
      • Legal Aid Tech Stack
      • Consumer Self-Help Solutions
  • Tech Assistance

    Tech Assistance

    Go to Tech Assistance Overview
    • Tech Assistance Program
    • Legal Aid Tech Vendors & Service Providers
  • About

    About

    Go to About Overview
    • News
  • Share your Knowledge
  • Jobs & RFPs
Search

Breadcrumb

  1. Home
  2. Tools & Resources
  3. Articles
  4. User-Informed Legal Design: Resources

Articles

yellow, green, and blue angled lines

User-Informed Legal Design: Resources

Last Updated: 10/14/24

Facebook
X

Resources Appendix
 

Accessibility resources

Accessibility should not be an afterthought, but something that you take into account as you do research, create designs, and implement your solutions. Depending on the tools you use, there may be accessibility guidelines built in. Below are additional resources to review!

Accessibility resources for research

  • Remember that how you set up your research and prototypes has an effect on who is able to participate.
  • Accessible user research (Technica11y)
  • Accessible user research project planning (dscout)

Accessibility resources for UX Design

General resources

  • Web Aim - Accessibility
  • General WCAG guidelines (W3)
  • Accessibility checklist (18F)
  • Accessibility for teams

Screen reader best practices

  • Screen readers allow users who are visually or motor impaired to navigate websites by reading aloud the contents of the containers it finds on the page.

Keyboard access best practices

  • Keyboard access allows users to navigate throughout your site accessing links from their keyboard.

Color use best practices:

  • Color should never be the only way to indicate something to the end user.
  • Color contrast checker
  • Contrast Checker (WebAIM)
  • Color recommendations (USWDS)
  • Accessible Color Combinations (Color Safe)
  • Color Schemes (Color Brewer)
  • Color Blind Filter (Toptal)

User research and usability testing resources
Usability testing

Usability testing

  • Why you only need to usability test with 5 users
  • Usability testing 101

A/B testing

  • Steps for doing A/B testing

Surveys

  • UX Surveys: a quick guide to get the most out of them
  • Writing usable survey questions

Recruiting participants

  • Recruiting tips

 

Design resources

  • Nielsen Norman Group

Typography

  • 8 Rules for Perfect Typography in UI
  • US Web design system typography

Color theory

  • Color choice
  • Coolors

Icons

  • Checklist for a useful icon
  • Transcend legal icons
  • Fontawesome
  • Noun project

UI Design and component libraries

  • Mobile-first design
  • UI Patterns
  • Bootflat / Bootstrap
  • Grommet

Navigation patterns

  • Wizards
  • UX Archive
  • Mobile pttrns

Design systems

  • US Web Design System
  • Shopify Design system

Form design

  • 13 Empirically Backed Best Practices
  • Guidelines for awesome web form design
  • 7 best practices for designing long online forms
  • Best practices for form design
  • The UX behind designing better forms


Framework resources

  • Service Design Vancouver - Double Diamond
  • IDEO.org - Human Centered Design Kit
  • Nielsen Norman Group - Design Thinking
  • Creative Reaction Lab - Equity Centered Community Design

Related Articles

default featured image

Case Reporting v. Case Management

A preliminary question to ask in selecting a CMS is whether a system that focuses on case reporting or on case management is...

default featured image

How to Make and Test Videos (with Limited Time and Money)

If you create print publications to inform your communities about their legal rights and responsibilities, videos can...

word perfect logo next to microsoft word logo

Word vs. WordPerfect

The question of which word processing program best serves the legal aid community has been discussed regularly on the list.

More Articles
Join the Community! It's your best resource to get the answers you need.
Sign up today
dark purple dots
Legal Services National Technology Assistance Project

Key Resources

  • Browse by Topic
  • Tech Assistance
  • Tools & Resources
  • Log in

Get Involved

  • Share Your Knowledge
  • Events
  • Give us Feedback

Connect with us

Like on Facebook
Follow on Twitter
Subscribe on YouTube
Legal Services National Technology Assistance Project can leverage technology for better client service with LSNTAP's training, resources, and online community. Empowering them to serve their communities more effectively.

Our Partners

Logo for Michigan Advocacy Program white logo for Legal Services Corporation