Transforming UX Design with Generative AI

Transforming UX Design with Generative AI
A practical guide to leveraging artificial intelligence in UX design process

Danny Setiawan

Coach and Instructor at CoCreate
Community Organizer at UXSG
Designer with AI visualization
Use ← → arrows to navigate
About Me & My Mission

Professional Background

  • Coach and Instructor at CoCreate
  • Community Organizer at UXSG
  • Led UX for The Economist and Yahoo! Finance
  • 20+ years in UX across multiple industries:
FinTech EdTech E-commerce Enterprise Software Digital Media

My Mission

"To empower UX designers to become indispensable - positioning them to not only survive change, but dominate."

As building and releasing products become cheaper and faster, the market will be flooded with products. UX is positioned to provide companies with competitive edge. Whoever can super serve customers gets the business.

Use ← → arrows to navigate
What We'll Cover Today

By the end of this webinar, you'll be able to:

  • Identify at least 3 UX activities in your workflow that can be immediately accelerated with AI
  • Understand which UX tasks benefit most from AI assistance
  • Take the first steps toward integrating AI into your team's workflow

Agenda

  • AI in UX Workflow: Before & After
  • Building Future-Ready Design Teams
  • Live Demo: UX Audit Agent
  • Q&A and Next Steps
Use ← → arrows to navigate
Productivity Gains Across the Design Thinking Process

Empathize

Survey +300%

User Interviews +236%

Market Research +414%

Define

User Journey +250%

UX Audit +423%

Ideate

Feature Ideation +122%

User Flows +267%

Design/Prototype

Wireframing +300%

Documentation +211%

Prototyping +183%

Content +357%

Test

Usability Testing +157%

Accessibility +267%

Key Metrics:

  • Overall 3x increase in design team output
  • Maintained or improved quality metrics
  • Shifted team focus from production to strategic thinking

* Productivity Increase = (Traditional Time / AI-Assisted Time - 1) × 100%. For example, if a task takes 5 hours traditionally and 2 hours with AI assistance, the productivity increase is (5/2 - 1) × 100% = 150%, meaning 2.5x more work can be completed in the same amount of time.

Use ← → arrows to navigate
Survey Creation & Analysis
Traditional Process
  • Brainstorm questions (1 hour)
  • Draft & structure survey (45 mins)
  • Review & refine (30 mins)
  • Analyze results manually (3-4 hours)
Total: ~6 hours
AI-Assisted Process
  • Generate questions with AI (10 mins)
  • Refine & structure with AI (15 mins)
  • Analyze results with AI synthesis (30 mins)
  • Human review & validation (30 mins)
Total: ~1.5 hours
Tools: Claude, ChatGPT, NotebookLM
Productivity Increase
300% (4x faster)
Use ← → arrows to navigate
User Interviews & Synthesis
Traditional Process
  • Define the Research Goal (2 hours)
  • Prepare the Interview Guide (3 hours)
  • Recruit Suitable Participants (4 hours)
  • Conduct the Interviews (10 hours for 10 participants)
  • Analyze the Data Collected (20-30 hours)
  • Share the Findings (3 hours)
Total: ~42-52 hours
AI-Assisted Process
  • Define the Research Goal (1 hour)
  • AI-Generated Interview Guide (30 mins)
  • AI-Assisted Participant Matching (1 hour)
  • Conduct the Interviews (10 hours for 10 participants)
  • AI Analysis & Theme Extraction (1 hour)
  • AI-Generated Findings Report (30 mins)
Total: ~14 hours
Tools: Claude, ChatGPT, Otter.ai, NotebookLM, Descript
Productivity Increase
236% (3.4x faster)

Project Scope: Interviews with 10 participants for 1 hour each based on a single persona

Key Benefit: AI dramatically reduces time spent on analysis while maintaining or improving insight quality

Use ← → arrows to navigate
Market & Competitor Research
Traditional Process
  • Identify research sources (1 hour)
  • Manual data collection (3-4 hours)
  • Competitive analysis (2-3 hours)
  • Report creation (2 hours)
Total: ~8-10 hours
AI-Assisted Process
  • AI-guided research parameters (15 mins)
  • AI-assisted data gathering (30 mins)
  • AI-generated competitive analysis (30 mins)
  • Human review & strategic insights (30 mins)
Total: ~1.75 hours
Tools: Perplexity, You.com, ChatGPT with web browsing
Productivity Increase
414% (5.1x faster)
Use ← → arrows to navigate
User Journey Mapping
Traditional Process
  • Gather user data (already done in research)
  • Draft journey stages (2 hours)
  • Map touchpoints & emotions (3 hours)
  • Refine & visualize (2 hours)
Total: ~7 hours
AI-Assisted Process
  • Input research insights to AI (10 mins)
  • Generate journey framework (15 mins)
  • AI-assisted touchpoint & emotion mapping (30 mins)
  • Human refinement & validation (1 hour)
Total: ~2 hours
Tools: Claude, ChatGPT, Mermaid diagrams, Lucid
Productivity Increase
250% (3.5x faster)
Use ← → arrows to navigate
UX Audit Process
Traditional Process
  • Define audit parameters (1 hour)
  • Manual heuristic evaluation (8-12 hours)
  • Documentation of issues (3-4 hours)
  • Prioritization & recommendations (2-3 hours)
Total: ~14-20 hours
AI-Assisted Process
  • Define audit parameters with AI (30 mins)
  • AI-assisted heuristic evaluation (30 mins)
  • Automated documentation with AI (15 mins)
  • Human validation & strategic prioritization (2 hours)
Total: ~3.25 hours
Tools: Claude, ChatGPT, Custom AI Agent (preview for demo)
Productivity Increase
423% (5.2x faster)

Audit Scope: Website with 6 pages including product listings, checkout flow, user account area, and help center

Use ← → arrows to navigate
Feature Ideation & Prioritization
Traditional Process
  • Brainstorming session prep (1 hour)
  • Team brainstorming (2 hours)
  • Idea organization & refinement (1 hour)
  • Prioritization framework (1 hour)
Total: ~5 hours
AI-Assisted Process
  • AI-generated starter ideas (15 mins)
  • AI-enhanced team brainstorming (1 hour)
  • Automated organization with AI (15 mins)
  • Human strategic prioritization (45 mins)
Total: ~2.25 hours
Tools: Claude, ChatGPT, Miro with AI
Productivity Increase
122% (2.2x faster)
Use ← → arrows to navigate
User Flows & Task Flows
Traditional Process
  • Identify key user tasks (1 hour)
  • Draft flow diagrams (2-3 hours)
  • Review & refine flows (1 hour)
  • Finalize documentation (1 hour)
Total: ~5-6 hours
AI-Assisted Process
  • Generate flow options with AI (20 mins)
  • Human review & selection (20 mins)
  • AI refinement of selected flow (15 mins)
  • Human validation & finalization (30 mins)
Total: ~1.5 hours
Tools: Claude, ChatGPT, Mermaid diagrams, Lucid
Productivity Increase
267% (3.7x faster)
Use ← → arrows to navigate
Wireframing & Layout Design
Traditional Process
  • Sketch initial concepts (1-2 hours)
  • Create digital wireframes (3-4 hours)
  • Review & iteration (2 hours)
  • Document annotations (1 hour)
Total: ~7-9 hours
AI-Assisted Process
  • Generate multiple layout options with AI (15 mins)
  • Human review & selection (20 mins)
  • AI refinement of selected wireframes (15 mins)
  • Human customization & validation (1 hour)
Total: ~2 hours
Tools: Midjourney, Claude (SVG generation), Bolt.new
Productivity Increase
300% (4x faster)
Use ← → arrows to navigate
Technical Requirements Documentation
Traditional Process
  • Gather requirements (1 hour)
  • Draft technical specifications (3-4 hours)
  • Review with stakeholders (1 hour)
  • Revise & finalize (1-2 hours)
Total: ~6-8 hours
AI-Assisted Process
  • Input key requirements to AI (15 mins)
  • Generate comprehensive documentation (20 mins)
  • Human review & refinement (30 mins)
  • Stakeholder review & finalization (1 hour)
Total: ~2.25 hours
Tools: Claude, ChatGPT, NotebookLM
Productivity Increase
211% (3.1x faster)
Use ← → arrows to navigate
Prototyping & Interaction Design
Traditional Process
  • Set up prototype structure (1 hour)
  • Create interactive elements (3-4 hours)
  • Build interaction flows (2-3 hours)
  • Test & refine (1-2 hours)
Total: ~7-10 hours
AI-Assisted Process
  • Generate interactive prototype with AI (30 mins)
  • Human refinement of interactions (1 hour)
  • AI-assisted iteration based on feedback (30 mins)
  • Final validation & testing (1 hour)
Total: ~3 hours
Tools: Bolt.new, V0.dev, Framer
Productivity Increase
183% (2.8x faster)
Use ← → arrows to navigate
UX Content Creation
Traditional Process
  • Content strategy development (2 hours)
  • Draft UI copy & messaging (3-4 hours)
  • Review & refine copy (1-2 hours)
  • Finalize & implement (1 hour)
Total: ~7-9 hours
AI-Assisted Process
  • Develop content strategy with AI guidance (30 mins)
  • Generate multiple copy variations (15 mins)
  • Human selection & refinement (30 mins)
  • Finalize & implement (30 mins)
Total: ~1.75 hours
Tools: Claude, ChatGPT, Copy.ai
Productivity Increase
357% (4.6x faster)
Use ← → arrows to navigate
Usability Testing Process
Traditional Process
  • Create test plan & scenarios (2 hours)
  • Prepare test scripts (1-2 hours)
  • Conduct tests (5 hours for 5 participants)
  • Manual analysis of findings (10 hours)
  • Report creation (4 hours)
Total: ~22-23 hours
AI-Assisted Process
  • Generate test plan & scenarios with AI (30 mins)
  • AI-generated test scripts (15 mins)
  • Conduct tests (5 hours for 5 participants)
  • AI synthesis of findings (1 hour)
  • Human validation & report creation (2 hours)
Total: ~8.75 hours
Tools: Claude, ChatGPT, NotebookLM, Lookback
Productivity Increase
157% (2.6x faster)

Scope: 5 participants, 1-hour sessions each, testing 5-7 tasks

Use ← → arrows to navigate
Accessibility Audits & Compliance
Traditional Process
  • Manual review against WCAG (4-6 hours)
  • Issue documentation (2-3 hours)
  • Prioritization & recommendations (2 hours)
  • Follow-up testing (1-2 hours)
Total: ~9-13 hours
AI-Assisted Process
  • AI-assisted WCAG compliance check (1 hour)
  • Automated issue documentation (30 mins)
  • Human validation & prioritization (1 hour)
  • AI-generated fix recommendations (30 mins)
Total: ~3 hours
Tools: Claude, ChatGPT, automated accessibility tools + AI
Productivity Increase
267% (3.7x faster)

Scope: Website with 6 pages including forms, interactive elements, and multimedia content

Use ← → arrows to navigate
Strengthening Design Fundamentals in the AI Era

Why Fundamentals Matter More Than Ever

  • AI excels at execution but not strategy
  • Human judgment remains essential for quality
  • Strong foundations enable better AI direction
  • Design principles guide effective evaluation of AI outputs

Core Competencies to Develop

  • Strategic thinking & problem framing
  • Design principles & accessibility knowledge
  • Critical evaluation of AI outputs
  • Effective collaboration across teams
  • Ability to identify when AI is appropriate vs. when human touch is needed

UX professionals who master both design fundamentals and AI tools become invaluable

The AI-empowered designer can produce 3-5x more output with higher quality and consistency

Use ← → arrows to navigate
Effective AI Collaboration for UX Professionals

Key Principles

  • Be specific about deliverables & constraints
  • Provide context & examples
  • Use frameworks (Role, Context, Task, Format)
  • Chain of thought for complex problems

UX-Specific Techniques

  • Include user personas in prompts
  • Reference design systems & brand guidelines
  • Use examples from previous work
  • Iterate based on outputs
  • Combine AI outputs with human refinement
Use ← → arrows to navigate
Strategic UX Activity Distribution: Human vs. AI

AI-Optimized Tasks

  • Initial content generation
  • Data analysis & pattern recognition
  • Variation creation & exploration
  • Documentation & standardization
  • First-draft creation
  • Routine evaluations against standards

Human-Critical Tasks

  • Strategic problem definition
  • Empathy & emotional understanding
  • Creative direction & brand alignment
  • Final quality control & approval
  • Stakeholder communication
  • Ethical decision-making
Use ← → arrows to navigate
Measuring Success in AI-Enhanced Workflows

Quantitative Metrics

  • Time-to-completion (3x improvement average)
  • Output volume (300%+ increase)
  • Iteration cycles (5x more exploration)
  • Error reduction (42% fewer revisions)
  • Cost savings from efficiency gains

Qualitative Metrics

  • Stakeholder satisfaction scores
  • Team creativity & innovation measures
  • Design system consistency adherence
  • Knowledge retention & documentation quality
  • Designer job satisfaction & engagement
Use ← → arrows to navigate
UX Audit Agent: Conversion Optimization in Action

Agent Overview:

Live Demo: UX Audit Agent in Action

Use ← → arrows to navigate
Your AI Integration Roadmap

Key Takeaways

  • AI is a multiplier for UX teams, not a replacement
  • Start with high-volume, low-risk activities
  • Measure impact with clear metrics
  • Build team capabilities progressively
  • Focus on strategic value while AI handles execution

Getting Started

  • Week 1: Tool experimentation with one UX task
  • Month 1: Process integration for 2-3 core activities
  • Month 3: Workflow optimization and team training
  • Month 6: Advanced applications & custom tools
  • Year 1: Full integration across the UX pipeline
Use ← → arrows to navigate
Accelerate Your AI Journey

Workshop Offerings

  • Workshops for UX Professionals
  • Workshops for Digital Markerters
  • Enterprise custom training programs

Coaching & Consulting

  • AI implementation strategy
  • Custom AI agent development
  • Team capability building
  • Process transformation
  • Career Accelerator with AI
Use ← → arrows to navigate
Thank You!

Danny Setiawan

Danny@cocreate.consulting

LinkedIn: linkedin.com/in/dnystwn/

Portfolio: portfolio.dsetia1.com

Use ← → arrows to navigate