UX Design & Interaction
Topic Tags
Key Questions
?
What's the relationship between visual/interaction design and user experience?
?
What are visually appealing and usable interfaces?
?
What are interaction design patterns and how do people design intuitive and natural interactions?
?
Why is learning/doing Figma not enough to do UX well?
?
How do you conduct contextual inquiry and field studies?
?
What is Information Architecture and why is it critical?
Learning Objectives
Learning Objectives
Track your progress as you learn
0%
Hard Truths
Reality Check
UX is neither about doing usability testing nor is it copywriting.
Reality Check
Good design doesn't mean doing bright colors, flashy animations, layouts. In fact, predictable layout is good, like for websites.
Reality Check
Animations are generally not a great idea for usability and accessibility if done poorly.
Resources
Articles & Readings
Articles - Discover everything you need to know about building for the modern web | Web.dev The Gestalt Principles for User Interface Design Using "How Might We" Questions to Ideate on the Right Problems How many participants for a UX interview? Legibility, Readability, and Comprehension: Making Users Read Your Words Visual Hierarchy | Interaction Design Foundation The ultimate guide to proper use of animation in UX The Anatomy of a Perfect Landing Page That Converts Improve Your Designs With The Principles Of Similarity And Proximity (Part 1) Improve Your Designs With The Principles Of Closure And Figure-Ground (Part 2) The Rules for Modern Navigation Navigation design: Almost everything you need to know UX Design Glossary: How to Use Affordances in User Interfaces Ways to Improve Your Website's User Experience The Role of Animation and Motion in UX Creating Usability with Motion: The UX in Motion Manifesto UX Process: How do you know when your design is done? A simple 14-point checklist Gestures | Material Design 3 What is not talked enough about in the topic of Information architecture | r/UXDesign The Beginner’s Guide to Information Architecture in UX Information Architecture. Basics for Designers. W3C Accessibility Evaluation Tools Ask a UXpert: How to Develop an Effective, Multi-Device UX Strategy Sound Advice: A Quick Guide to Designing UX Sounds Best Practices For Video How to create a UX Sitemap: a simple guideline Sitemaps & Information Architecture (IA) 5 UI Patterns: Navigation That Makes Good UX Sense UX Design Tips: Navigation Menus (Navbar) Responsive design techniques | Microsoft Build Object-Oriented UX Articles | Nielsen Norman Group Loading Feedback | Pencil & Paper Skeleton Screens 101 Let Your Users Wait | UX Magazine