JAG

10 Examples of ADA Compliant Accessible Design

A great designer––whether of buildings, roads, advertising, or websites––considers how all users interact with their designs. Consider your website’s diverse audience of users and how your site can offer them an optimal experience as you review the following examples of accessible web design:

1. Proper Contrast Ratio

Examples of hard vs. easy to … Read the rest

For developers using inspect mode

https://figma-cheat-sheet.christianreich.art/

Figma Checklists (https://lnkd.in/enncAgGr), a wonderful little project with actionable guidelines to deliver better quality of Figma components — from layers and layout to properties, style and testing. Suggestions are welcome! Kindly put together and maintained by Javier Cuello. 🙏🏾

Useful resources:

Figma Cheat Sheet For Developers, by Christian Reichart
https://lnkd.in/eghBjrAD

Figma Keyboard Shortcuts Cheatsheet, … Read the rest

Design Systems For Digital Publications (+ Figma Kits). With examples of public design systems to report news and publish scholarly content — from NewsKit and The Economist to JSTOR and Wikipedia ↓

NewsKit Design System, by Geri Reid, Luke Finch, Marco Vanali, Daniel Georgiev
Docs
Figma kit
Onboarding Figma

NRK Norway
Docs: https://lnkd.in/e3NV86Kc
Figma kit: https://lnkd.in/e5FZSi4E

Codex Wikipedia, by Wikimedia… Read the rest

UX Research Sample Size Calculators. Helpful tools to estimate the right number of participants for surveys, card sorting and usability testing:

✅ Usability tests with 5 people cover 85% of usability issues.
✅ Interviews require 12–30 people to uncover most user needs.
✅ Start small: with 15–25 users as long as you can afford it.
✅ 40-users guideline is most … Read the rest

AI can help us do more—across every part of the product development process—faster. It’s not a feature, but a core capability; more than a product, it’s a platform that can up-level our work to the plane of problem solving—arguably the core pursuit of our craft, and the reason many of us got into design and product building in the first … Read the rest

Summary:  Step-by-step instructions to systematically review your product to find potential usability and experience problems. Download a free heuristic evaluation template.
A heuristic evaluation is a method for identifying design problems in a user interface. Evaluators judge the design against a set of guidelines (called heuristics) that make systems easy to use.

https://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/

These articles discuss why visual design is important and why it should be considered in addition to a well thought out user experience. If you’re new to visual design, we recommend you explore the following resources in order, from top to bottom.

https://www.nngroup.com/articles/visual-design-in-ux-study-guide/

A good multilevel navigation menu should get users where they need to go quickly by presenting information in a clear, intuitive manner. Before we get into size-specific guidelines, let’s look at some practices that apply to all menus.

Read:

https://www.toptal.com/designers/ux/multilevel-menu-design

Jakob Nielsen’s 10 usability heuristics were defined from a factor analysis of the use of a much larger set of usability principles to explain a database of usability problems in development projects. The 10 heuristics in the final list from 1994 had the greatest explanatory power in this analysis, which is why they are still useful today.

https://jakobnielsenphd.substack.com/p/usability-heuristics-history