Back to HERE AND NOW AI
HERE AND NOW AI
1 / 25
Workshop

Design Thinking

for the AI Era

A Human-Centered Approach to Innovation and Agent Development

"Empathy Γ— Creativity Γ— Technology = Innovation"

What is Design Thinking?

Design Thinking Video Thumbnail

What is Design Thinking?

"Design thinking is a human-centered approach to innovation that draws from the designer's toolkit to integrate the needs of people, the possibilities of technology, and the requirements for business success."

β€” Tim Brown, CEO of IDEO
🎯

Desirability

What do people need?

βš™οΈ

Feasibility

Is it technically possible?

πŸ’°

Viability

Can it be sustainable?

The Five Stages of Design Thinking

1
❀️
Empathize
Understand users deeply
2
🎯
Define
Frame the right problem
3
πŸ’‘
Ideate
Generate creative solutions
4
πŸ”§
Prototype
Build to learn
5
βœ…
Test
Learn from feedback

Non-linear & Iterative: Loop back as you gain new insights

Stage 1: Empathize

Research Your Users' Needs

Move beyond assumptions and gain genuine understanding of the user. Put yourself in their shoes to comprehend their experiences, motivations, and emotional context.

  • Empathy Interviews - Open-ended questions to elicit rich insights
  • Empathy Mapping - Seeing, Hearing, Saying & Doing, Thinking & Feeling
  • Observation - Watch users in their natural environment
  • Immersion - Experience the problem firsthand
❀️
Empathize

Stage 2: Define

State Users' Needs and Problems

Synthesize insights from empathy phase into clear, actionable problem statements. Shift from understanding to articulating the challenge.

  • Point of View (POV) - "[User] needs [need] because [insight]"
  • How Might We (HMW) - Reframe challenges as opportunities
  • Problem Statement - Human-centered problem definition
  • User Personas - Keep efforts focused on real users
🎯
Define

Stage 3: Ideate

Challenge Assumptions & Create Ideas

Generate novel solutions through visual thinking. Create a "safe space" where idea quality matters, not artistic ability. Think outside the box!

  • Brainstorming - Quantity over quality initially
  • Sketching - Visual thinking, simple diagrams
  • Worst Possible Idea - Free thinking to expand solution space
  • SCAMPER - Substitute, Combine, Adapt, Modify, Put to other use, Eliminate, Reverse
πŸ’‘
Ideate

Stage 4: Prototype

Start to Create Solutions

Make ideas tangible through "learning by doing". Create preliminary versions that can be tested and experienced. Fail fast, learn faster!

  • Paper Prototypes - Quick, low-cost concept validation
  • Storyboarding - Map the user journey visually
  • Role-Playing - Act out service experiences
  • Digital Mockups - Interactive clickable prototypes
πŸ”§
Prototype

Stage 5: Test

Try Your Solutions Out

Get structured feedback from fresh perspectives. Ensure feedback is unbiased and reflects first-time user experience.

Feedback Framework

βœ“ What's Working
βœ— What's Not
? Questions
πŸ’‘ New Ideas
βœ…
Test

Design Thinking Mindsets

More than a processβ€”it's a way of thinking

❀️
Be Empathetic
🀝
Be Collaborative
β˜€οΈ
Be Optimistic
🌊
Embrace Ambiguity
πŸ”
Be Curious
πŸ”„
Reframe Problems
🌍
Embrace Diversity
✏️
Make Tangible
πŸš€
Take Action

Popular Design Thinking Frameworks

πŸ§ β€οΈβœ‹
Head, Heart & Hand

AIGA's holistic approach: intellectual, emotional, and practical aspects

πŸ’«βœ¨πŸš€
Inspire, Ideate, Implement

IDEO's cyclical three-step innovation process

β—‡β—‡
Double Diamond

Design Council's diverge-converge model

Common Elements Across All Frameworks

Start with empathy β†’ Reframe the problem β†’ Diverge then converge β†’ Create & test prototypes β†’ Iterate continuously

AI & Design Thinking: A New Paradigm

Generative AI is transforming the designer's role

Traditional (Forward Design)

Designer Creates β†’ Evaluate β†’ Iterate

Manual exploration of design space

Generative (Backward Design)

Define Goals β†’ AI Generates β†’ Refine

AI explores entire design space

The Designer's New Role:
From manual creator β†’ Strategic guide & curator

LLMs as Design Assistants

Three primary ways AI augments human creativity

πŸ”

Idea Exploration

Generate novel ideas, research competitors, analyze market trends, synthesize diverse sources

πŸ’¬

Design Dialogue

Collaborative partner, clarify ambiguities, provide critique, comparative analysis

βš–οΈ

Design Evaluation

Assess functionality, aesthetics, usability against predefined criteria

Building AI Agents with Design Thinking

Apply human-centered methodology to AI development

Empathize & Define

  • β€’ Agent's Profile & Persona
  • β€’ User Journey Mapping
  • β€’ HMW Problem Framing

Ideate & Prototype

  • β€’ LLM as Brain/Controller
  • β€’ Planning: CoT, ToT
  • β€’ Tool Design (RAG, APIs)
  • β€’ Context Engineering

Test & Iterate

  • β€’ Agent Quad Evaluation
  • β€’ Bias Auditing
  • β€’ Adversarial Testing
  • β€’ Edge Case Scenarios

Ethical Principles in AI Agent Design

Building AI worthy of human trust

πŸ‘οΈ
Transparency

Explainable decisions

βš–οΈ
Fairness

Non-discrimination

πŸ”’
Privacy

Data protection

🎯
Accountability

Human oversight

πŸ›‘οΈ
Safety

Reliable & secure

"The convergence of design thinking and AI is not a matter of choice but a necessityβ€”human-centered guardrails for steering the immense power of artificial intelligence."

HERE AND NOW AI Workshop

Design Thinking for AI Innovation

A comprehensive 3-day workshop for computer engineering students

6

Modules

3

Days

1

AI Prototype

Module 1: The Design Mindset for Engineers

Objective: Establishing the "Problem-First" approach before diving into code

Key Topics

  • Introduction to HERE AND NOW AI
  • Engineering vs. Design Thinking
  • The Double Diamond Framework
  • Divergent & Convergent Thinking
  • Collaborative Dynamics (Icebreakers)
  • Rapid Communication through Sketching
🧠
Design
Mindset

Module 2: Empathy & User Research

Objective: Understanding the human user behind the screen

The User Persona

  • Defining target audience beyond data points
  • Creating character profiles: Role, literacy, environment, goals
  • Empathy Map Framework: Says, Thinks, Does, Feels
  • Identifying Pains: Frustrations & roadblocks
  • Identifying Gains: Hopes & success measures
  • "Together Alone" collaboration method
πŸ‘₯
User
Research

Module 3: Defining the Challenge

Objective: Scoping the exact problem to be solved with AI

🎯
Define
Challenge

Problem Framing

  • Synthesizing research into actionable insights
  • Point of View (POV) Statement: [User] needs [Need] because [Insight]
  • "How Might We" (HMW) Questions
  • Transforming pain points into opportunities
  • The Solution Scope - Heatmap voting
  • Team alignment strategies

Module 4: Ideation & Concept Generation

Objective: Rapidly generating multiple solutions before committing to code

Creative Techniques

  • Divergent Ideation Strategies
  • Moving beyond the "first obvious idea"
  • Rapid Sketching with Crazy 8s
  • Sketching multiple interface variations
  • Solution Storyboarding
  • Three-step storyboard: Trigger β†’ AI Interaction β†’ Benefit
  • Reviewing logic before development
πŸ’‘
Ideate &
Create

Module 5: AI Prototyping & Architecture

Objective: Transforming sketches into functional software

πŸ€– AI as Design Material

Understanding LLM capabilities, RAG pipelines, and autonomous agent workflows

πŸ§™ "Wizard of Oz" Strategy

Prioritizing user experience, mocking complex functionality for rapid testing

The Build Sprint (Hackathon Mode)

Track A: Prompt Engineering

System personality, context windows, guardrails

Track B: Interface Design

Building front-end user flow with Streamlit/Gradio

Module 6: Testing, Refinement & Delivery

Objective: Validating the solution and telling the product story

βœ…

Validation

User testing, observational techniques

πŸ“Š

Feedback Grid

Likes, Criticisms, Questions, Ideas

🎀

Storytelling

Product pitch structure & demos

Final Showcase & Evaluation

Live demonstration of AI prototypes assessed on Innovation, Feasibility, and User-Centricity

Student Outcomes

What participants will achieve through this transformative workshop

🧠

Paradigm Shift

Move from feature-centric to user-centric mindset, fundamentally changing problem-solving approach

πŸ“

Methodological Rigor

Master Discovery, Definition, Ideation, and Delivery phases of professional product development

πŸ€–

Applied AI Skills

Hands-on experience integrating LLMs and AI agents into structured product solutions

πŸ’Ό

Portfolio Ready

Create validated AI prototype solving real-world problems, ready to showcase to employers

Thank You and Please Give Us 5 Stars on Google! ⭐⭐⭐⭐⭐

Google Review QR Code