Learn: UX (II)
1. Topics
- ux
- contextual inquiry
- interview
- accessibility
- usability
- interaction
- motion
- visual
- lo-fi
- wireframe
2. 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?
3. 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
4. My Observations
- 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.
5. Courses
6. Readings
- Design Systems for Developers
- DesignOps at Airbnb
- Material Design | Google
- Resource library | Figma
- Articles - Discover everything you need to know about building for the modern web | Web.dev
- Design Tools Database
- 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
- Breaking Down the Principles of Design (With Infographic)
- 7 Things To Remember When Selecting Fonts For Your Design
- Emphasis: Setting up the focal point of your design
- Mockplus- Design, prototype and deliver your digital future
- Visual Hierarchy | Interaction Design Foundation
- Golden Ratio. Bring Balance in UI Design.
- The ultimate guide to proper use of animation in UX
- The Anatomy of a Perfect Landing Page That Converts
- 16 little UI design rules that make a big impact
- 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 4 Golden Rules of UI Design
- The Principles of Design and Their Importance
- 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
- A LIST of free tools to help you start in UXTools & apps (r/UXDesign)
- What is not talked enough about in the topic of Information architecture | r/UXDesign
- https://www.w3.org/WAI/test-evaluate/preliminary/#video
- Buttons | Material Design
- Ask a UXpert: How to Develop an Effective, Multi-Device UX Strategy
- 10 Best Design Systems and How to Learn (and Steal) From Them
- Components, styles, and shared library best practices
- Sound Advice: A Quick Guide to Designing UX Sounds
- 10 Usability Heuristics for User Interface Design
- Best Practices For Video
- How to create a UX Sitemap: a simple guideline
- Sitemaps & Information Architecture (IA)
- 5 Visual Sitemap Examples for Website Designs
- Responsive Design (RD) | Interaction Design Foundation
- 11 powerful examples of responsive web design
- 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
- Google Material Design 3
- Shopify Polaris Design System
- Apple Human Interface Design System
- Microsoft Fluent 2 Design System
- Airbnb Design System
- U.S. Web Design System (USWDS)
- Design Systems for Figma
- Salesforce Design Kit
- Atlassian Design Kit
- Uber Design Kit
- Articles | Nielsen Norman Group
- Loading Feedback | Pencil & Paper
- Skeleton Screens 101
- Let Your Users Wait | UX Magazine
- Web App Design Examples: Consistent & Stylish — vol. 233
- Neumorphism: why it’s all the hype in UI design