Category: Design

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

AI tools for UX designers that hеlp to craft smartеr and morе intuitivе dеsigns. Whether you’re a sеasonеd dеsignеr or just starting in thе fiеld, thеsе tools are here to simplify your workflow and contribute to the succеss of your dеsign projеcts.  AI tools can significantly еnhancе thе capabilitiеs of UX designers by offеring various bеnеfits. Hеrе arе ways in which AI tools can … Read the rest

How To Organize 1250+ Design Screens in Figma (+ File examples) (https://lnkd.in/e7X4fKcj), a practical case study of how to organize design screens in user flows — to reduce repetitive work and still cover all user journeys. Via Lorenzo Palacios Venin.

✅ Divide the product into files based on navigation.
✅ Each navigation section will get its own Figma file.
✅ … Read the rest