User-Informed Legal Design: Resources

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

  • 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