UX-UI.org

A collection of inclusive, cross-functional UX & UI resources, infrequently curated by Jennifer Strickland

On this page

↓ Cross-discipline guidelines, tools, and resources

↓ Web Performance (is everyone’s responsibility)

↓ Responsive & Adaptive Web Design

↓ Product

↓ Discovery

↓ Design

↓ Engineering

1. Cross-discipline

   • Accessibility for Teams
     18f and GSA documented how to approach inclusive design throughout process
   • Ted Drake’s guidance on the Intuit blog
     A human-impact process for setting priorities for accessibility issues
   • Deque WCAG 2.0 Checklist - Download PDF (229kb)
   • Georgia.gov - Designing with Crisis in Mind
   • Consult the expertise of professional accessibilty consultants:
     • Deque
     • Knowbility
     • Level Access
     • The Paciello Group
     • Tenion
     • WebAIM
   • Tools:
     • Drupal 8 - Developer Vendor - Skill Requirements
     • Accessibility QA tool for design and development - Download Microsoft Excel workbook (176kb)
     • Instantly measure quality signals key to great UX, in one click - Web Vitals Chrome extension
     • Responsively.app - test responsive designs side-by-side
   • Books:
     • Just Ask! Integrating Accessibility Throughout Design, (available free online) by Shawn Lawton Henry
     • Web Accessibility: Web Standards and Regulatory Compliance, by a collection of authors
     • Accessibility for Everyone by Laura Kalbag
     • Inclusive Design Patterns by Heydon Pickering
     • Mismatch by Kat Holmes
   • Training:
     • Deque University
     • Level Access training resources
     • Front-end Masters, with Marcy Sutton - dev-specific
     • Egghead.io, with Marcy Sutton - dev-specific
   • Websites:
     • Level Access mobile accessibility article series
     • A11yproject.org
     • A11y Weekly Newsletter
     • Microsoft’s Inclusive Design Toolkit
     • Mismatch.design
     • Heydon Pickering, Inclusive Design Patterns
   Back to Top

2. Web Performance (is everyone’s responsibility)

   • Accessibility and Performance
     Marcy Sutton documented how performance issues are often nightmares for accessibility
   • Time is Money, the Business Value of Performance by Tammy Everts [book]
   • Designing for Performance by Lara Hogan [book]
   • The Path to Performance
     Tim Kadlec produces a podcast for everyone dedicated to making websites faster
   • Performance Tooling Today is a collection of tools and resources to improve workflow and site performance
   • Georgia.gov - Making Our Sites Faster, Part 1 - Performance Matters
   • Georgia.gov - Making Our Sites Faster, Part 5 - Three things you can do to make your site faster
   • Designing for Performance: Can We Have It All?
     An Event Apart presentation, 2015
   • Setting and Calculating a Web Performance Budget
   • Recommend adding width and height attributes to your images being lazy-loaded to limit Cumulative Layout Shift (CLS) impact
   • Per Addy Osmani, 15% of sites use <link rel=preload> to tell browsers to download critical scripts *as soon as possible*. Good preload guides:
     • from Yoav Weiss
     • from Milica Mihajlija and Houssein Djirdeh
     • Although, @davidannez found that preloading resources can harm your First Input Delay (FID) and Time To Interactive (TTI) - currently documenting findings.
   • Tools:
     • SpeedCurve
     • WebPageTest
     • CrUX Dashboard with Core Web Vitals, and more
   Back to Top

3. Responsive & Adaptive Web Design

   Responsive and adaptive web design are similar, but different

   • Responsive Web Design by Ethan Marcotte [book]
   • Ethan’s website great additional info
   • Responsive Web Design by Ethan Marcotte [A List Apart article]
   • What we mean when we say “responsive” by Lyza Gardner [A List Apart article]
   • Implementing Responsive Design by Tim Kadlect [book]
   • Responsive Web Design and Mobile Context by Tim Kadlec [article]
   • An Interview with Tim Kadlec on Responsive Design by Mat Marquis [article]
   • Adaptive Web Design by Aaron Gustafson [book]
   • Related: Understanding Progressive Enhancement by Aaron Gustafson [A List Apart article]

4. Product

   Document product requirements to include WCAG compliance, performance metrics

   • Accessibility for Product Managers
   • Strategies for creating an accessibility-driven culture
   • Business KPIs, scorecards
   • Set goals for yearly accessibility training
   • Reward / incentivize accessibility training
   • Multiply accessibility experts’ expertise through your teams

5. Discovery

   Define diverse discovery efforts

   • Inclusive research guidance
   • Technical discovery - to come - to include evaluating the impact of a slow 3G connection, database data format, size of services and APIs, evaluation of tools, definition of code standards
   Back to Top

6. Design

   Ensure designs are inclusive and accessible

   • Accessibility for Content Designers
   • Accessibility for UX Designers
   • Accessibility for Visual Designers
   • Inclusive Design Guidelines
   • Design for mobile-first, unless your project won’t be mobile accessible. Also, understand the difference between responsive web design and adaptive web design. Adopt a progressive enhancement approach to inclusive design. Books:
     • Implementing Responsive Design by Tim Kadlec [book]
     • Responsive Web Design by Ethan Marcotte [book]
     • Adaptive Web Design, Crafting Rich Experiences with Progressive Enhancement by Aaron Gustafson [book]
   • Yesenia Perez-Cruz on Design Decisions through the Lens of a Performance Budget, Smashing Conference, Freiburg 2014 - View video on Vimeo
   • Brad Frost’s performance budget budget builder
   Back to Top

7. Engineering

   Evaluate development to ensure accessibility, as well as inclusive coding practices

   • Accessibility for Front-end Development
   • Accessibility Dev Review Steps

This collection is a work-in-progress. If you have questions, please ask!