UX Resources

 

Accessibility

Links

Purpose

Links

Purpose

Accessibility Cheatsheet

Practical approaches to Universal Design for making your website or app accessible to everyone

Color Contrast Checker - Coolors

Calculate the contrast ratio of text and background colors for WCAG compliance and assistance choosing more accessible color combinations

Learn Accessibility  |  web.dev

Free accessibility course for beginner and advanced web developers

Giving a damn about accessibility

A candid and practical handbook for designers in written and audio versions

https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg/related

A Google Chrome extension that simulates colorblindness in your web browser, with 8 different settings

The Accessible Color Generator

Input your theme color to find the closet contrasting variations

 


UI Design

Links

Purpose

Links

Purpose

https://www.figma.com/community/file/1248375255495415511

Apple’s first official design kit for Figma contains a comprehensive set of components, views, system interfaces, text styles, color styles, materials, and layout guides. All the core ingredients you need to quickly create highly realistic iOS and iPadOS apps designs.

UX Bites — a collection of bitesized interactions

A collection of bitesized UX interactions, curated to inspire and help you tune into what great UX looks like. Updated every few days.

UI Goodies - A Directory of Design Resources & Tools

A go-to platform of tools and resources for designers curated by Jess Eddy

Download 59 free Mockups design for your next projects - uistore.design

600+ free handpicked design resources for Sketch, Figma, Webflow, Adobe XD, InVision Studio, Photoshop, Illustrator

 


Typography

Links

Purpose

Links

Purpose

Font Matrix – See & Pair Typefaces Like Never Before - Pimp my Type

The Font Matrix is a different way of seeing typefaces. Knowing about it earlier would have saved me a lot of time and guessing, when it comes to choosing, but especially to combining typefaces. It is based on the work of Indra Kupferschmid, and helped me to finally make more sense of type categorizations.

The Role of X-Height in Typefaces | Dan Hollick

Why are some typefaces harder to read than others at the same font-size? - by Dan Hollick

 


UX Research

Links

Resources

Links

Resources

Guide to UXR

A curated collection of 250+ resources & tools dedicated to user research to incorporate into your design practice

🧠Psychology of Design: 106 Cognitive Biases & Principles That Affect Your UX

106 Cognitive Biases & Principles That Affect Your UX

UX & Usability Articles from Nielsen Norman Group

A free library of 1,500 research-based articles including guidelines and UX methods to help designers and teams improve user experiences

https://www.uxpin.com/studio/blog/the-beginners-guide-to-capturing-ux-requirements/

Article describing the types of UX design requirements, how to capture them, and best practices

https://theuxcookbook.com/

Handcrafted “recipes” to get you started with UX - user research, design, usability testing, and more created by the UX team at the University of Arizona Libraries and members of the UX@UA community