UX Design & Interaction

Topic Tags
#contextual inquiry#interaction#interview#lo-fi#motion#usability#visual#wireframe#information architecture#gestalt

Questions You'll Answer

?

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?

What You'll Learn

1

Grasp key usability principles (learnability, efficiency, memorability, error prevention, satisfaction)

2

See usable, intuitive, and appealing in action, especially for web products

3

Explore optimization for designs and user experiences

4

Master visual hierarchy and Gestalt principles

5

Understand how to use Motion and Animation to enhance, not distract

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

Videos

Apptitude / Curated by Zixian Chen

© 2024–2026. All Rights Reserved.