Design Toolkits

https://smart-interface-design-patterns.com/articles/color-contrast-cheat-sheet/

What’s The Right Font Size For the Web? (https://lnkd.in/e6GqEbPn), with practical tips on how to set font size, line height and line length with a type scale — to improve the legibility of your content. By Oliver Schöndorfer. 🚫 Avoid centered text if you can, at least for more than 3 lines of text. ✅ Font […]

Extracted from:  https://www.smashingmagazine.com/2023/06/perfect-design-process/ A Process That Works For Me There is no such thing as enough user research. In every project, I start with involving users as early as possible. I explore all the data we have, interview customer support and the service desk, check for technical debt and design issues, backlog items, and dismissed […]

Accessibility: https://lnkd.in/ekq2q7Zb Autism: https://lnkd.in/ekujAteM Colorblindness: https://lnkd.in/eqjvPgSZ Color contrast: hhttps://lnkd.in/ecWS4ue7 https://smart-interface-design-patterns.com/articles/color-contrast-cheat-sheet/ Dyscalculia: https://lnkd.in/e8wyMWp4 Dyslexia: https://lnkd.in/ei9mncR7 Legibility: https://lnkd.in/eEarXzD8 Mental Health: https://lnkd.in/eEaXjs9x Older Adults: https://lnkd.in/e54f2FT2 Screen readers: https://lnkd.in/eaviMFkf Target sizes: https://lnkd.in/ePuc3mbJ Templates: https://lnkd.in/ey3ua5b7

AI: https://lnkd.in/eXP-_ZSb Animation: https://lnkd.in/edujesBM Authentication: https://lnkd.in/eq_bb8BY Autocomplete: https://lnkd.in/eTdvjJ4V Back Button UX: https://lnkd.in/eJmyxrqH Cancel UX: https://lnkd.in/eU8EZYXD Carousels: https://lnkd.in/ejxsRANp Context Menus: https://lnkd.in/eu9p2Nce Dashboards: https://lnkd.in/eDWaJAeJ Data Grids: https://lnkd.in/e3UkthxP Data Tables (Desktop): https://lnkd.in/ePWbJfXW Data Tables (Mobile): https://lnkd.in/eGfrEzDC Data Visualization: https://lnkd.in/ebDrrQic Design systems: https://lnkd.in/ePYzgDxX Drag’n’Drop: https://lnkd.in/ezdaNsqp Error Messages: https://lnkd.in/emprqntH FAQ: https://lnkd.in/dyxifbkQ Filters: https://lnkd.in/e9QRdqsq Infinite Scroll: https://lnkd.in/e2E_TwEK Loading Indicators: https://lnkd.in/epYtMHpQ Localization: […]

Low-Fidelity Wireframing Toolkits (Figma, Miro), helpful little UX tools to visualize sitemaps and design low-fidelity wireframes. With dozens of wireframing templates and an option to import an existing sitemap for further editing. Website Structure and Mapping (Figma kit) Wireframer: Quick Wireframing Library Wireframe Placeholder Generator Wireframe Figma plugin Wirebox Hi-Fi -> Lo-Fi Figma plugin Dashboard […]

⛺🪵🔥 UX Storyboarding. With useful guides, templates and cheatsheets to design storyboards that visualize and explain customer’s stories ↓ ✅ Storyboarding is a visual storytelling technique. ✅ We use it to visualize and explain customer’s stories. ✅ Journey map is an extensive, formal visualization of user’s journey. ✅ Storyboard is a simpler, informal illustration of […]

https://infinitecanvas.tools/gallery/   https://www.userinterviews.com/ux-research-tools-map-2022

UX Strategy explains how to build a shared understanding by defining the vision, the goals and the plan to get there — way before designing and implementing solutions. Ultimately, it guides the prioritization and execution of UX work over time. Most design work is tactical: it reacts to a problem in the moment. Usually we don’t […]

How To Create Human Connection Toolkit (framework + method cards (e-mail required), a helpful tool with methods and conditions to create authentic, strong and lasting human connection. Useful for team workflows and customer experiences, but also for any digital experiences. A helpful overview with things that we as humans care about, and things that we […]