UI/UX

8 موضوع

• UX vs UI: The Real Difference
• Why Most UX Portfolios Are UI Work
• The Four Pillars: Research, IA, Interaction, Validation
• UX Designer as Problem Identifier
• Solving the Right Problem vs Solving It Right
• The End of "We'll Figure UX Out Later"
• Why AI Hits Junior UX Designers Hardest
• The Modern UX Designer's Role

8 موضوع

• The User Is Not You
• Why User Research Isn't Optional
• Behavioral Psychology Basics
• Cognitive Biases in Design Decisions
• Mental Models: Expectations vs Assumptions
• Pattern Recognition in User Behavior
• The Say-Do Gap
• Reading Analytics Like a Researcher

8 موضوع

• Research Types and When to Use Each
• Qualitative vs Quantitative: Not Enemies
• The 5-User Testing Rule
• Generative vs Evaluative Research
• Interviews: Why Most Designers Do Them Wrong
• Surveys: The Self-Reported Data Problem
• Field Studies: The Research That Changes Everything
• Research Without a Lab

8 موضوع

• Research Is Not Insights
• Affinity Diagramming
• Patterns vs Anecdotes
• The Interesting Trap
• Building User Models From Real Data
• Personas: When to Use, When to Skip
• Jobs to Be Done Framework
• Research Repositories as Long-Term Assets

8 موضوع

• What IA Is and Why It's Ignored
• Card Sorting in 30 Minutes
• Hierarchy Thinking: What Matters Most
• Navigation Patterns and When to Use Each
• Labeling: The Single Word That Matters
• The 3-Click Myth (And Why It's Wrong)
• IA Testing on a Budget
• Sitemaps the Designer's Way

8 موضوع

• Redesign a sign-up flow: cut steps in half without removing security
• Take an existing onboarding, identify 5 friction points
• Design a search experience for a catalog with 10,000 items
• Map the journey of a first-time user on a real product (1 week of observation)
• Create a usability test plan for a feature (no budget)
• Take a 3-step form and turn it into a single-page experience
• Conduct 3 user interviews on a topic, write the synthesis
• Design a notification system: rules, frequency, channels

8 موضوع

• How Stripe Checkout Reduced Friction by 30%
• Why Airbnb's Search Flow Works
• How Linear Designed for Keyboard-First Users
• Notion's Onboarding Evolution
• Spotify's Content Discovery Flow
• WhatsApp's Onboarding (Least Friction in the Industry)
• How Apple Pay Made Payment Invisible
• The Genius of Instagram's Notification Settings

6 موضوع

• Conduct mini research, share findings
• Flow critique: structured feedback on real flows
• Journey map reviews
• Usability heuristic evaluations
• Research methodology debates
• Live IA exercises

8 موضوع

• UI vs UX: The Real Difference
• UI as Feel, Not Look
• Why Most UI Work Is Mediocre
• Visual Designer vs UI Designer
• The Death of Decoration Thinking
• UI as System, Not Screens
• Why AI Hits UI Generalists First
• The Modern UI Designer's Role

8 موضوع

• What Moves the Eye in an Interface
• Size, Weight, Color, Space as Hierarchical Tools
• The 1-2-3 Rule: 3 Levels of Hierarchy Only
• Focal Points: The Element That Breaks the Scan
• Reading Patterns: F, Z, and the Real Ones
• Why Designers Make Everything Important
• The 5-Second Hierarchy Test
• Hierarchy as Decision Making

8 موضوع

• Typography Beyond Font Selection
• Typeface vs Font vs Typography
• Type Scale: Why 8 Sizes Beat 20
• Line Height for Interfaces
• Letter Spacing: The Small Adjustments That Matter
• Font Pairing: Logic Over Taste
• Body Text: The Unsung Hero
• Arabic Typography: Why It's 10x Harder

8 موضوع

• Color Theory for UI Designers
• Functional Color vs Brand Color
• Color Systems: Primary, Secondary, Semantic, Neutral
• The 60-30-10 Rule and Its Limits
• Dark Mode: It's Not Just Flipping
• Color Contrast for Accessibility and Design
• Color as State Communication
• Why Designers Use 27 Colors

8 موضوع

• The 4pt and 8pt Grid: When and Why
• Spacing Tokens: Small, Medium, Large as a System
• The Whitespace Lie
• Optical Alignment vs Mathematical Alignment
• Padding vs Margin in Design Thinking
• Density: What Fits What
• The Tight-But-Breathing Balance
• Layout Systems as a Visual Language

8 موضوع

• Redesign a settings screen using only spacing and typography (no color changes)
• Take 3 components and design 5 states for each
• Build a type scale for a finance app vs a social app
• Design the same screen in 3 visual personalities (Stripe, Linear, Editorial)
• Create a color system for a healthcare product
• Design empty states for 5 different scenarios
• Redesign a real product's form (real estate, banking, e-commerce)
• Take a screen and find 10 spacing and alignment mistakes

8 موضوع

• Stripe's Checkout: Every Detail and Why
• Linear's Command Bar: Type Scale and Timing
• Notion's Empty States: Copy and Illustration
• Apple Wallet: Motion as Communication
• Airbnb's Price Display: Typography Decisions
• Spotify's Player: Hierarchy in Tight Space
• Arc Browser's Redesign: Visual Restraint
• Editorial Sites: Bloomberg, NYT, The Verge

5 موضوع

• Drop a component, get structured feedback
• Before-and-After component redesigns
• States audit exercises
• Component library reviews
• Live critique sessions

8 موضوع

• Flow vs Journey: The Real Difference
• Happy Path vs Reality
• The Flow Before the Screens
• Decision Points: Where Users Choose
• Drop-Off Points: Where Users Leave
• Multi-Session Flows
• Cross-Device Flows
• The Flow as Source of Truth

8 موضوع

• Every Interaction Is a Conversation
• Affordance: Users Know What to Do
• Feedback Loops After Every Action
• Microinteractions From a UX Lens
• Touch vs Click vs Hover
• Gestures: When to Use, When to Avoid
• The 100ms Rule
• Interaction Design vs UI Design

8 موضوع

• The 10 Heuristics Every Designer Should Know
• Usability Testing Without a Lab
• 5 Users Reveal 85% of Problems
• WCAG Made Simple
• Accessibility as Constraint, Not Afterthought
• Keyboard Navigation Matters for Everyone
• Screen Readers: The Minority We Build For
• Cognitive Accessibility: The Forgotten Side

8 موضوع

• Content as Design Material
• UX Writing: Why Every Word Counts
• Microcopy: Error Messages, Empty States, CTAs
• Voice and Tone as a System
• Content Hierarchy
• The Cost of Bad Copy
• Bilingual Content Challenges (Arabic/English)
• Working With Content Writers vs Writing Yourself

8 موضوع

• Why Lorem Ipsum Hides Problems
• Long Names, Missing Data, Edge Cases
• Designing for Variable Content
• The 0/1/Many Problem
• Internationalization Beyond Translation
• RTL Design: Why Flipping Isn't Enough
• Numbers: Separators, Currencies, Formats
• Designing the Empty Case

8 موضوع

• Mobile UX: Thumbs, Contexts, Attention
• Enterprise UX: Complexity Without Chaos
• Marketplace UX: Two-Sided Design
• E-commerce UX: Trust and Conversion
• SaaS UX: Onboarding and Retention
• MENA-Specific UX Patterns
• The Arabic User: Assumptions That Fail
• Government and Public Sector UX

8 موضوع

• Component Thinking for UI Designers
• Atomic Design Beyond the Buzzword
• Variants vs Instances vs Overrides
• The Seven States Minimum
• The States Designers Forget
• Component Composition: When and How
• The Handoff-Ready Component
• Components as the Design System's Atoms

8 موضوع

• Motion as Communication, Not Decoration
• Easing Functions: When to Use Each
• Duration: The 200-400ms Sweet Spot
• Microinteractions That Matter
• Loading vs Progress vs Skeleton
• Hover, Focus, Active Transitions
• Motion as State Feedback
• When Motion Becomes Noise

8 موضوع

• Icon Design vs Icon Usage
• The Icon System: Weight, Fill, Size, Grid
• Consistency vs Personality
• Icon Plus Label vs Icon Only
• Cultural Icon Meanings
• Icons in Arabic Interfaces
• Why Most Icon Sets Online Won't Work
• Building a Custom Icon Set

8 موضوع

• Forms as the Most Misused Design Surface
• Field Anatomy: Label, Input, Helper, Error
• Validation: When and How
• The Cost of Every Field
• Input Types and When to Use Each
• Multi-Step vs Single-Page
• The Save-and-Continue Decision
• Form Testing Without a Lab

8 موضوع

• Tables: Design for Scanning
• Cards: When to Use, When to Avoid
• Lists: Vertical Rhythm
• Empty States as Design Opportunity
• Data Visualization Basics
• Numbers in Interfaces
• The 10-Item Rule
• Pagination, Infinite Scroll, Load More: When What

8 موضوع

• The It-Looks-the-Same Problem
• Personality Without Decoration
• The Stripe Aesthetic vs Linear vs Notion
• Choosing a Visual Direction
• Visual Restraint as a Skill
• Editorial UI: When It Works
• Brutalist UI: When It Works
• Personality Through Small Details