Course Details

UI/UX course overview

Section 1: Before we start
- What is UX/UI Design?

**Section 2: UX Design Principles**
- UX Design Introduction
- Real-World References and Mental Models
- Jacob’s Law - Other Pages
- Consistency is Key
- Hick’s Law - Choice and Limitation
- The Magic Number is 4 (Miller’s Law was wrong)
- Page Positioning Scanning Patterns
- Feedback and System Status
- Error Prevention
- Error Handling
- Dopamine and ethical design

**Section 3: UI Design Principles**
- Design Tools: Figma, Adobe XD, ProtoPie, Sketch
- UI Design and a Word on Gestalt Theory
- Aesthetic-Usability Effect Why We Even Bother
- What is Visual Hierarchy?
- Law of Praegnanz, Simplicity is Key
- Law of Similarity, Color Size, and Shape
- Law of Proximity Spacing Systems and Grids
- Law of Common Region Creating Sections in Your Layout
- Von Restorff Effect, Drawing Attention Where You Need It
- Law of Common Fate Behavioral Prediction
**Section 4: Understanding 8pt Spacing System**
- How and Why We Use 8pt Spacing
- Difference between Hard & Soft 8pt Grid Approach
- Understanding Columns Gutter and Margin
- Adding Elements to the Grid
- Making the Grid Responsive - Breakpoints
- Responsive vs. Adaptive Grids
- Setting Up a Typescale
- Different Scaling Systems for Typescale

**Section 5: UI Patterns**

**Section 6: Design for Different Platforms**
- Material Design
- iOS Guidelines
- Cross-Platform Experiences

**Section 7: Style Guides**
- Color Palettes
- Fonts
- Iconography
- Photography and Imagery

**Section 8: Developing Design Systems - Atomic Design Methodology**

**Section 9: UX Design Best Practices**
- Design Thinking
- Designing for Accessibility

**Section 10: User-centered design**
- Who is your user?
- Empathy Tools

**Section 11: Integrating research into the design process**
- The Power of UX Research
- Breakdown of UX Research Types
- UX Research Methods and How to Choose the Right One for Your Project
- Research Plans

**Section 12: Synthesizing Your Research**
- Affinity Mapping
- Empathy Mapping
- Jobs to be Done Framework
- Creating Personas
- Journey Maps
- Writing Problem Statements

**Section 13: Evaluation Methodologies**
- Evaluating Design
- Evaluation Cheat Sheet
- Heuristic Evaluation
- Evaluating Interactive Design

**Section 14: Information Architecture**
- Rules and methods for organizing the content and flow of a website, app, or system
- The five core types of IA models
- Navigation
- Content through Card Sorting
- Sitemaps
- User Flows

**Section 15: Understand Design Sprints**
- Introduction to Design Sprints
- Five Phases of Design Sprints
- Benefits of Design Sprints
- Plan and Organize Design Sprints

**Section 16: Low-Fidelity Prototyping**
- Sketching Principles
- Sketching Red Routes
- Guerilla Usability Testing
- Responsive Design
- Wireframing
- Creating Wireflows

**Section 17: Creating High-Fidelity Designs and Prototypes**

**Section 18: Creating High-Fidelity Interactions in ProtoPie**

**Section 19: Responsive Web Design in Adobe XD**

**Section 20: Introduction to Adobe Illustrator and Photoshop**

**Section 21: The Psychology of Design**
- Persuasive Design
- Anticipatory Design
- Gamification and Behavior Change
- Short- and long-term memory, attention
- The Gulf of Execution and the Gulf of Evaluation
- Dark Patterns

**Section 22: The Business of UX**
- The Product Life Cycle
- Working with Constraints
- Competitors and Success Criteria
- Competitive Research

**Section 23: Career Components**