UX (II)
Topics
- accessibility
- contextual inquiry
- interaction
- interview
- lo-fi
- motion
- usability
- ux
- visual
- wireframe
Find answers to...
- How do you conduct user research, design, prototype, validation, testing?
- What are the key principles of user-centric products?
- Why should we incorporate design for users with disabilities and how can I make design inclusive?
- 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?
Objectives
- UX is not UI, it's all aspects of the end-user's interaction with the company, its services, and its products.
- Understand user needs, behaviors, and motivations
- Study principles of good UX design (e.g. usability, accessibility, desirability)
- Grasp key usability principles (learnability, efficiency, memorability, error prevention, satisfaction)
- See usable, intuitive, and appealing in action, especially for web products
- Explore optimization for designs and user experiences
Things to Consider
- People who manage products in Govt seldom talk to actual users
- People who do know/talk to users don't get to decide and often get overridden by generalists
- UX is neither about doing usability testing nor is it copywriting
- There is product management theatre in the public sector
- Good design doesn't mean doing bright colors, flashy animations, layouts. In fact, predictable layout is good, like for websites.
Courses
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
- https://www.w3.org/WAI/test-evaluate/preliminary/#video
- 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)
- Navigation design: Almost everything you need to know
- 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