--- title: "#uxdesign articles | Hashnode" description: "Explore 86 articles tagged #uxdesign on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/uxdesign" --- Tag # #uxdesign 86 posts · 279 followers [Julian Neagu](https://hashnode.com/@julianneagulab) · [5d ago](https://hashnode.com/posts/building-two-complete-themes-vex-lab-visionvix-world/6aef4d62c75012535dc1cb2e) ### [Building Two Complete Themes for One 3D Simulator Platform: VEX and Lab on VisionVix World](https://julianneagu.hashnode.dev/building-two-complete-themes-vex-lab-visionvix-world?utm_source=hashnode&utm_medium=feed) Why gamers loved the dark neon control room, and teachers wanted something calm so I built both VEX and Lab themes for the same 3D simulators 12 min read · [julianneagu.hashnode.dev](https://julianneagu.hashnode.dev/building-two-complete-themes-vex-lab-visionvix-world?utm_source=hashnode&utm_medium=feed) [IAAP Audit](https://hashnode.com/@SolanaLauncher) · [Oct 22](https://hashnode.com/posts/accessible-alternatives-to-drag-and-drop/6ad9915faf7c789dd8b8a621) ### [Accessible Alternatives to Drag and Drop](https://iaapaudit.hashnode.dev/accessible-alternatives-to-drag-and-drop?utm_source=hashnode&utm_medium=feed) Design click and tap routes for sortable lists, task boards, sliders, and carousels under WCAG 2.2 Dragging Movements. 2 min read · [iaapaudit.hashnode.dev](https://iaapaudit.hashnode.dev/accessible-alternatives-to-drag-and-drop?utm_source=hashnode&utm_medium=feed) [IAAP Audit](https://hashnode.com/@SolanaLauncher) · [Oct 21](https://hashnode.com/posts/build-wcag-2-2-accessible-click-targets/6ad84de1ab54d9765ef754cf) ### [Build WCAG 2.2 Accessible Click Targets](https://iaapaudit.hashnode.dev/build-wcag-2-2-accessible-click-targets?utm_source=hashnode&utm_medium=feed) Your icon is 16 pixels. Is your hit area also 16 pixels? That question is worth answering in the browser, not the design file. A component may visually show a small icon while its clickable button has 3 min read · [iaapaudit.hashnode.dev](https://iaapaudit.hashnode.dev/build-wcag-2-2-accessible-click-targets?utm_source=hashnode&utm_medium=feed) [IAAP Audit](https://hashnode.com/@SolanaLauncher) · [Oct 9](https://hashnode.com/posts/audit-headings-and-landmarks-in-web-apps/6ac87c5b8d4e37e11a18aff6) ### [Audit Headings and Landmarks in Web Apps](https://iaapaudit.hashnode.dev/audit-headings-and-landmarks-in-web-apps?utm_source=hashnode&utm_medium=feed) Build a useful page outline, name landmarks, test bypass navigation, and capture evidence for heading and landmark accessibility fixes. 3 min read · [iaapaudit.hashnode.dev](https://iaapaudit.hashnode.dev/audit-headings-and-landmarks-in-web-apps?utm_source=hashnode&utm_medium=feed) [IAAP Audit](https://hashnode.com/@SolanaLauncher) · [Oct 8](https://hashnode.com/posts/wcag-form-audit-checklist/6ac735d8001171dbffeede96) ### [WCAG Form Audit Checklist](https://iaapaudit.hashnode.dev/wcag-form-audit-checklist?utm_source=hashnode&utm_medium=feed) WCAG form audit checklist for labels, instructions, required fields, error text, suggestions, accessible names, focus, and retesting. 1 min read · [iaapaudit.hashnode.dev](https://iaapaudit.hashnode.dev/wcag-form-audit-checklist?utm_source=hashnode&utm_medium=feed) [IAAP Audit](https://hashnode.com/@SolanaLauncher) · [Oct 7](https://hashnode.com/posts/wcag-2-2-focus-indicators/6ac5dbbb2e17fc603ec3c84e) ### [WCAG 2.2 Focus Indicators](https://iaapaudit.hashnode.dev/wcag-2-2-focus-indicators?utm_source=hashnode&utm_medium=feed) WCAG 2.2 focus indicators explained: Focus Visible, Focus Not Obscured, contrast, keyboard testing, audit evidence, and retesting. 1 min read · [iaapaudit.hashnode.dev](https://iaapaudit.hashnode.dev/wcag-2-2-focus-indicators?utm_source=hashnode&utm_medium=feed) [Jayesh Sojitra](https://hashnode.com/@jayeshsojitra) · [Sep 17](https://hashnode.com/posts/css-animations-vs-framer-motion-when-to-use-each/6aac05644f96a83ec09bbe5d) ### [CSS Animations vs Framer Motion: When to Use Each](https://jayesh-sojitra.hashnode.dev/css-animations-vs-framer-motion-when-to-use-each?utm_source=hashnode&utm_medium=feed) Reaching for a library every time you need an animation isn't wrong, but it's often unnecessary — a lot of "we need Framer Motion" situations are solvable with 10 lines of CSS. 4 min read · [jayesh-sojitra.hashnode.dev](https://jayesh-sojitra.hashnode.dev/css-animations-vs-framer-motion-when-to-use-each?utm_source=hashnode&utm_medium=feed) [Doogal Simpson](https://hashnode.com/@doogal) · [Aug 11](https://hashnode.com/posts/how-defensive-ui-prevents-production-outages/6a7b3afb54152af616217bf7) ### [How Defensive UI Design Prevents Production Outages](https://doogal.dev/how-defensive-ui-prevents-production-outages?utm_source=hashnode&utm_medium=feed) Human error is a system bug. Learn how implementing defensive UI patterns, guardrails, and blameless post-mortems prevents critical production outages. 5 min read · [doogal.dev](https://doogal.dev/how-defensive-ui-prevents-production-outages?utm_source=hashnode&utm_medium=feed) [Raisul R.](https://hashnode.com/@rhr3032) · [May 14](https://hashnode.com/posts/nuysblog04/6a059b01baf09db7a6e06e33) ### [The Future of UI/UX Design: Trends and Innovations](https://nuysblog.hashnode.dev/nuysblog04?utm_source=hashnode&utm_medium=feed) Explore the future of UI/UX design, including AI, AR/VR, personalization, accessibility, and emerging design trends shaping digital experiences. 10 min read · [nuysblog.hashnode.dev](https://nuysblog.hashnode.dev/nuysblog04?utm_source=hashnode&utm_medium=feed) [Raisul R.](https://hashnode.com/@rhr3032) · [May 14](https://hashnode.com/posts/nuysblog05/6a059d6dbaf09db7a6e1fff2) ### [Designing for the User: Best Practices in UX/UI](https://nuysblog.hashnode.dev/nuysblog05?utm_source=hashnode&utm_medium=feed) Learn the best UX/UI design practices for beginners, including user research, accessibility, responsive design, usability, and design principles. 9 min read · [nuysblog.hashnode.dev](https://nuysblog.hashnode.dev/nuysblog05?utm_source=hashnode&utm_medium=feed)