/
UX Resources

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.

800+ Examples of Exceptional UX

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

https://www.uistore.design/categories/mockups/

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.

https://typefully.com/DanHollick/the-role-of-x-height-in-typefaces-9p1b5IsMqv8X

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

 


 

 

Related content

Design Systems
Design Systems
More like this
Figma Plugins To Install
Figma Plugins To Install
More like this
Frequently Asked Questions
Frequently Asked Questions
Read with this
2023-09-27 | Hilary (Design)
2023-09-27 | Hilary (Design)
More like this
Beginner Resources
Beginner Resources
More like this
Trends - PRD
Trends - PRD
More like this