Monday, September 14, 2026

#10 Unit V - Quick Study Notes & Practice Questions with Answer Keys.

Here is the matching **HTML & CSS study guide and practice exam** for **Unit V: Prototype & Test**. Following the established structure, this unit uses an **Emerald Green / Teal palette** (`#059669`, `#0d9488`) to represent realization, validation, live testing, and continuous feedback loops. ```html Design Thinking Unit V - Study & Exam Guide

Design Thinking — Unit V

Prototype & Test: Building, Validating, and Learning Loops

1. Importance of Prototyping in Design Thinking

What is a Prototype?

A prototype is an experimental, tangible representation of an idea created to fail early, learn fast, and validate assumptions before investing significant time, capital, and engineering effort.

Core Objectives of Prototyping

  • Think with Your Hands: Transforms abstract team ideas into concrete artifacts that can be seen, felt, and evaluated.
  • Fail Quickly and Cheaply: Uncovers critical flaws early when modifications cost pennies rather than thousands.
  • Empathy Building: Allows end-users to interact with concept models directly, revealing real behaviors rather than hypothetical opinions.
  • Conflict Resolution: Resolves internal team debates by testing competing ideas against user feedback instead of opinion-driven arguments.

2. Types: Low-Fidelity vs High-Fidelity

Fidelity refers to how closely a prototype resembles the final production quality in terms of detail, appearance, and interactivity.

Dimension Low-Fidelity (Lo-Fi) High-Fidelity (Hi-Fi)
Characteristics Rough, quick, low-cost, paper-based, incomplete. Polished, detailed, interactive, close to final product.
Purpose Validate core concepts, user flow, and basic logic. Test detailed usability, interactions, visuals, and tech constraints.
Time & Cost Minutes to hours; minimal expense. Days to weeks; higher investment.
Examples Paper sketches, cardboard cutouts, storyboards. Clickable Figma prototypes, 3D prints, functional code demos.
User Feedback Focus Big-picture concept, structure, and overall value. Visual polish, fine micro-interactions, layout precision.

3. Digital vs Physical Prototyping Formats

๐ŸŽฌ Storyboards

A sequence of visual illustrations depicting how a user experiences a product within their actual context over time. Focuses on emotion, trigger, and resolution.

๐Ÿ“ Wireframes

Basic structural blueprints for digital screens focusing on content layout, information architecture, and functional hierarchy using simple shapes without visual styling.

๐ŸŽญ Role-Playing

An experiential prototyping technique where team members act out service journeys, human interactions, or operational scenarios to identify friction points.

๐Ÿ“ฆ Physical Models

Cardboard, foam-core, clay, or 3D-printed physical mockups used to evaluate ergonomic feel, spatial relationships, and physical handling.

4. User Testing Methods

Testing is the structured observation of users interacting with your prototype to validate or invalidate core design hypotheses.

๐Ÿ—ฃ️ 1. Think Aloud Protocol

Participants are asked to continuously verbalize their thoughts, expectations, confusions, and emotions while performing assigned tasks on a prototype.

Key Benefit: Provides real-time insight into the user's mental model and highlights exactly where cognitive friction occurs.

๐Ÿ…ฐ️/๐Ÿ…ฑ️ 2. A/B Testing (Split Testing)

A quantitative testing method where two variants (Option A and Option B) of a single design element or workflow are presented to different user groups to measure which performs better against a specific metric.

Example: Testing a green "Sign Up" button versus a blue "Start Free Trial" button to measure conversion rates.

๐Ÿ“‹ 3. Feedback Capture Matrix

A simple 4-quadrant tool used during user observation sessions to organize feedback systematically:

  • ➕ Likes: What worked well?
  • ฮ” Critiques: What could be improved?
  • ❓ Questions: What confused the user?
  • ๐Ÿ’ก Ideas: What new possibilities surfaced?

5. Iterative Improvement Cycles & Learning Loops

The Build-Test-Learn Loop

Design thinking is non-linear and cyclical. Testing is not the final step—it is an information-gathering input that drives the next iteration of reframing, ideation, or refined prototyping.

๐Ÿ”„ The Refect & Learn Process

  1. Capture Raw Data: Gather notes, quotes, video recordings, and task success metrics during test sessions.
  2. Synthesize Patterns: Cluster recurring issues into core usability themes or unmet user needs.
  3. Pivot or Persevere:
    • Persevere: Refine current design details if the underlying concept is validated.
    • Pivot: Reframe the problem statement or choose a different ideation branch if core assumptions fail.
  4. Re-Prototype: Update artifacts based on insights and repeat testing.

6. Unit V Practice Exam

Part A: Short-Answer Questions (5 Questions)

Q1. Why is it recommended to start testing with Low-Fidelity prototypes rather than High-Fidelity prototypes?
Q2. Explain the "Think Aloud" protocol and state one major advantage of using it during usability testing.
Q3. Distinguish between Wireframes and Storyboards in terms of purpose and focus.
Q4. How does A/B testing differ from qualitative usability testing?
Q5. Describe the four quadrants of a Feedback Capture Matrix.

Part B: Long-Form Scenario Questions (2 Questions)

Q6 (Scenario 1): A healthcare startup is designing a mobile app to help elderly patients track daily medications. The team wants to test the navigation layout before writing production code.
Task:
1. Propose a low-fidelity prototyping approach suitable for this scenario.
2. Outline a 3-step usability test plan utilizing the "Think Aloud" protocol.
Q7 (Scenario 2): An e-commerce platform notices high drop-off rates on its shopping cart checkout page. The design team has developed two competing checkout layouts (Layout A: Single-page accordion vs Layout B: Multi-step wizard).
Task:
1. Design an A/B testing strategy to evaluate which layout performs better.
2. Explain how the team should use an Iterative Learning Loop based on the test results.

7. Detailed Model Answer Key

Part A Answers

Answer 1: Lo-Fi prototypes are fast and inexpensive to build, preventing emotional attachment to an unproven design. Users are also more likely to provide honest, constructive feedback on rough drafts than on polished creations.
Answer 2: The "Think Aloud" protocol requires users to speak their thoughts continuous while attempting tasks. Its primary advantage is revealing the user's real-time mental model and cognitive friction without observer bias.
Answer 3: Wireframes focus on structural UI elements, screen layouts, and content hierarchy. Storyboards focus on the broader user journey, physical context, and emotional experience over time.
Answer 4: A/B testing is a quantitative method measuring statistical user behavior differences between two specific variations. Qualitative usability testing focuses on understanding *why* users struggle through direct observation and dialogue.
Answer 5: The four quadrants are: Likes (positive aspects), Critiques (constructive criticisms), Questions (confusions raised), and Ideas (suggestions or new possibilities inspired during testing).

Part B Answers

Answer 6 (Elderly Medication App Testing):
  • Low-Fidelity Approach: Create a paper prototype using large index cards to represent screens, with sticky notes representing pop-ups and button states. This allows rapid adjustments based on initial feedback without code.
  • 3-Step Usability Test Plan:
    • Step 1 (Orientation): Brief the elderly participant to verbalize whatever they are looking for or expecting before tapping any paper element.
    • Step 2 (Task Execution): Ask the user to perform a core task: "Log that you took your 9:00 AM blood pressure pill." Observe where their fingers press and what they say aloud.
    • Step 3 (Debriefing): Populate a Feedback Capture Matrix based on observed stumbles, verbal feedback, and suggested modifications.
Answer 7 (E-commerce Checkout A/B Testing & Iteration):
  • A/B Testing Strategy:
    • Hypothesis: Layout B (Multi-step wizard) will reduce cognitive overload and increase checkout completion rates among mobile users.
    • Execution: Randomly route 50% of live checkout traffic to Layout A and 50% to Layout B over a 2-week period.
    • Primary Metric: Checkout completion rate (conversion %). Secondary metric: Time taken to complete purchase.
  • Iterative Learning Loop Application:
    • Analyze: If Layout B wins significantly, analyze drop-off data within Layout B's specific steps to identify remaining friction points.
    • Refine & Re-Test: Ideate micro-improvements on Layout B's weakest step (e.g., payment input styling) and run a follow-up iteration.

Design Thinking Unit V Study Guide • Prepared for First-Year Undergrads

```

#9 Unit IV - Quick Study Notes & Practice Questions with Answer Keys.

Design Thinking Unit IV - Study & Exam Guide

Design Thinking — Unit IV

Ideate: Generating Ideas & Lateral Thinking Techniques

1. Divergent & Convergent Thinking

What is the Ideation Stage?

Ideation is the process of generating a broad range of creative ideas without early evaluation. It bridges the gap between understanding user problems (Define) and building physical solutions (Prototype).

The Double Diamond Thinking Rhythm

Dimension Divergent Thinking (Creating Options) Convergent Thinking (Making Choices)
Goal Generate maximum volume and variety of wild ideas. Filter, cluster, evaluate, and select the best ideas.
Mindset Deferred judgment, wild exploration, open-ended. Critical thinking, feasibility assessment, prioritization.
Key Rule "Quantity breeds Quality." "Select for desirability, feasibility, and viability."
Techniques Brainstorming, Mind Mapping, Lateral Entry, SCAMPER. Dot Voting, Four-Quadrant Matrix, Now-How-Wow Matrix.

2. Brainstorming Techniques, Sketching & Storyboarding

Rules of Effective Brainstorming

  • Defer Judgment: No criticism or early evaluation during idea generation.
  • Encourage Wild Ideas: Radical concepts spark unexpected breakthroughs.
  • Build on Ideas of Others: Use "Yes, AND..." instead of "No, BUT...".
  • Stay Focused on Topic: Keep the core HMW question visible at all times.
  • One Conversation at a Time: Respect team momentum and active sharing.

✏️ Rapid Sketching (Crazy Eights)

A fast-paced exercise where designers fold paper into 8 panels and sketch 8 distinct idea variations in 8 minutes (1 minute per panel).

๐ŸŽฌ Storyboarding

A comic-strip style visual narrative illustrating how a user discovers, interacts with, and benefits from a solution over time in context.

๐Ÿ”„ SCAMPER Technique

An idea generation checklist: Substitute, Combine, Adapt, Modify, Put to another use, Eliminate, Reverse.

3. Edward de Bono's Lateral Thinking Techniques

Lateral Thinking moves sideways to break away from traditional linear, step-by-step logic patterns to unlock unexpected innovation paths.

๐ŸŽฒ 1. Random Entry Idea Generation

Force-fitting a relationship between your problem and a completely unrelated random word, object, or picture chosen at random.

Example: Problem: Redesigning a bank wallet app. Random Word: Bicycle. → Idea: Gears, chain reactions → Auto-save micro-deposits every time you spend money.

⚡ 2. Challenge & Provocation (PO - Provocative Operation)

Deliberately making absurd or impossible statements ("Provocations") to disrupt routine thinking assumptions, using the prefix PO.

Example: PO: Cars have no wheels. → Movement: How can cars move? Magnetic levitation, air cushions, hover tracks.

๐Ÿ’ก 3. Movement Principles

The mental process of using a Provocation as a stepping stone rather than evaluating it as a final proposal. Focus on where the idea leads rather than whether it works immediately.

4. Concept Extraction

What is Concept Extraction?

Concept Extraction is the technique of distilling the underlying principle or value driver from a wild or impractical idea, then applying that principle to create a realistic, actionable solution.

Wild / Provocative Idea Extracted Core Concept Practical Application
"Restaurants shouldn't charge customers for food." Zero upfront monetary transaction at point of consumption. Subscription-based meal plans or corporate-sponsored dining rewards.
"Phones should have no physical screen." Hands-free visual-less interaction. Voice-first AI assistants and screenless audio-wearable guidance.

5. Practical Exercise on Idea Generation

✍️ Guided Exercise: Provocation (PO) to Solution

Challenge Statement: How might we eliminate long checkout queues at grocery stores?

Step 1: Set up a Provocation (PO)
"PO: Customers do not bring items to the cashier, and items bring themselves to the customer."

Step 2: Apply Movement (Extract Principle)
Movement principle: Automatic tracking and continuous billing without manual item-by-item scanning.

Step 3: Generate Practical Solutions

  1. RFID Smart Carts: Carts auto-detect items placed inside and charge digital wallets automatically upon exiting.
  2. Sub-Zone Pickup: Shoppers select items digitally on an in-store kiosk, and an automated backend conveyor packages them at exit.

6. Unit IV Practice Exam

Part A: Short-Answer Questions (5 Questions)

Q1. Contrast Divergent Thinking with Convergent Thinking in the context of the Ideation phase.
Q2. Why is deferring judgment critical during early brainstorming sessions?
Q3. Explain Edward de Bono's "Random Entry" technique with a brief example.
Q4. What does "PO" stand for in Lateral Thinking, and what is its purpose?
Q5. What is the difference between a rough sketch and a Storyboard?

Part B: Long-Form Scenario Questions (2 Questions)

Q6 (Scenario 1): An urban transit company wants to redesign city bus stops to make waiting during rainstorms more comfortable for passengers.
Task:
1. Apply the **SCAMPER** framework by generating 4 distinct ideas using 4 different SCAMPER letters.
2. Create a 3-frame Storyboard description showing how a commuter experiences your favorite idea.
Q7 (Scenario 2): Your team is stuck generating routine, uninspiring ideas for a new college library study-room booking system.
Task:
1. Formulate 2 Provocations (PO) to break the mental block.
2. Demonstrate how to perform **Concept Extraction** on one wild provocation to derive a viable, innovative feature.

7. Detailed Model Answer Key

Part A Answers

Answer 1: Divergent Thinking expands possibilities to generate maximum volume and variety of wild ideas without evaluation. Convergent Thinking narrows down options using logical filters to select the most viable ideas.
Answer 2: Deferring judgment prevents self-censorship, maintains creative team energy, and allows unexpected wild ideas to surface without fear of premature rejection.
Answer 3: Random Entry forces a connection between a problem and an unrelated random word/object. Example: Problem = Improving shoe comfort; Random word = Tree → Idea = Branching sole structures that adapt dynamically to terrain pressure.
Answer 4: "PO" stands for Provocative Operation. Its purpose is to signal a deliberately absurd statement used as a stepping stone (movement) to break habituated logic patterns.
Answer 5: A rough sketch shows a standalone physical form or interface layout. A Storyboard shows a chronological, narrative sequence of interactions illustrating user context and experience over time.

Part B Answers

Answer 6 (Rainy Bus Stop SCAMPER & Storyboard):
  • SCAMPER Ideas:
    • Substitute: Substitute glass walls with automated warm air curtains that block rain without physical doors.
    • Combine: Combine bus shelter seating with coffee-vending micro-kiosks.
    • Modify: Modify roof structures to collect rainwater and power shelter lighting via micro-hydro generation.
    • Eliminate: Eliminate physical shelters entirely by deploying automated canopy drones that follow commuters walking near stops.
  • Storyboard Description (Warm Air Curtain Idea):
    • Frame 1: Commuter arrives at stop in heavy rain, feeling wet and cold.
    • Frame 2: Steps into shelter zone; motion sensor activates dry warm-air curtain that shields from rain splatter.
    • Frame 3: Commuter waits comfortably while viewing real-time arrival times on dry display.
Answer 7 (Library Booking Provocation & Extraction):
  • Two Provocations:
    1. PO: Study rooms book students, students do not book rooms.
    2. PO: Rooms disappear when empty.
  • Concept Extraction on PO 1:
    • Wild Idea: Rooms book students automatically.
    • Extracted Core Principle: Passive, intelligent matching based on active student schedules and group membership.
    • Viable Feature Implementation: Smart automated calendar allocation where the system auto-assigns rooms to project groups when all members have free slots, requiring zero manual booking steps.

Design Thinking Unit IV Study Guide • Prepared for First-Year Undergrads

#8 Unit III - Quick Study Notes & Practice Questions with Answer Keys.

Design Thinking Unit III - Study & Exam Guide

Design Thinking — Unit III

Define: Framing the Problem & Opportunity Analysis

1. Framing the Problem & Opportunity Framing

What is Problem Framing?

Problem Framing is the practice of reframing raw observations into a meaningful, solvable human challenge. It narrows down the broad user space explored during Empathy into a actionable focus area.

Why Accurate Problem Definition Matters

  • Prevents Solving the Wrong Problem: Prevents spending resources building features that users do not want or need.
  • Establishes Design Constraints: Gives the team boundaries while keeping possibilities wide enough for creative innovation.
  • Creates Focus: Aligns multi-disciplinary teams around one clear goal.

Opportunity Framing

Opportunity framing transforms negative constraints or user pain points into positive possibilities for innovation. Instead of asking "What is broken?", designers ask "Where can we create value?"

2. Synthesizing User Research

Synthesis is the process of extracting meaningful patterns, trends, and themes from raw research data gathered in Unit II.

๐Ÿ“Œ Affinity Mapping

Clustering sticky notes containing research observations, quotes, and findings into thematic groups based on hidden patterns.

๐Ÿ” Insight Extraction

Moving beyond surface facts to uncover underlying human truths. (e.g., Fact: User checks phone 50x a day. Insight: User seeks micro-moments of emotional escape).

๐Ÿ‘ฅ Persona Creation

Developing fictional archetype profiles representing a specific user segment's behaviors, goals, motivations, and pain points.

3. Point of View (POV) Statements

A Point of View (POV) is a meaningful and actionable problem statement that establishes the direction for the rest of the design thinking process.

[User Persona] needs to [User's Need] because [Surprising Insight]

Rules for a High-Quality POV Statement

Good POV Characteristics Common Pitfalls to Avoid
Human-centered (focused on the user, not the business). Focuses on business metrics (e.g., "We need to increase profit").
Broad enough to allow creative freedom in ideation. Contains a specific solution already embedded (e.g., "User needs an app...").
Narrow enough to make the problem manageable. Too vague or broad (e.g., "Users need to be happier").

4. Design Challenges & "How Might We" (HMW) Questions

"How Might We" (HMW) questions translate your defined POV statement into optimistic, actionable prompts that invite ideation.

How

Assumes solutions exist and encourages a optimistic mindset that the challenge can be overcome.

Might

Gives permission to explore wild, tentative ideas without early pressure for perfection.

We

Emphasizes collaborative teamwork and shared ownership of the solution.

Strategies for Crafting HMW Questions

  • Amplify the Good: How might we use the user's favorite part of the experience to solve the friction?
  • Remove the Bad: How might we completely eliminate wait times?
  • Explore the Opposite: How might we turn waiting into the most entertaining part of the trip?
  • Change the Context: How might we bring the supermarket experience directly to the home?

5. Practical Exercise on Problem Framing

✍️ Guided Exercise: Transforming Observation to HMW

Raw Observation: College students frequently buy fast food during late-night study sessions because university dining halls close early at 8:00 PM.

Step 1: Extract Insight
Students don't just want food; they need sustained energy during late hours without breaking their budget or interrupting study momentum.

Step 2: Formulate POV Statement
"A night-owl college student needs affordable, healthy late-night fuel because current options interrupt study focus and cause fatigue the next morning."

Step 3: Generate HMW Questions

  1. How might we make healthy snacks available inside dorm buildings 24/7?
  2. How might we turn late-night eating into a quick, energizing micro-break?
  3. How might we make healthy late-night options cheaper than fast food?

6. Unit III Practice Exam

Part A: Short-Answer Questions (5 Questions)

Q1. What is the main objective of the "Define" stage in Design Thinking?
Q2. Explain the difference between raw research data and a design insight.
Q3. Why should a solution NOT be included inside a POV statement?
Q4. Break down the literal meaning of each word in a "How Might We" (HMW) statement.
Q5. What is Affinity Mapping, and how does it support research synthesis?

Part B: Long-Form Scenario Questions (2 Questions)

Q6 (Scenario 1): An urban airport notices that passengers report high stress while waiting at gate areas before boarding flights.
Task:
1. Write a structured POV Statement for this user scenario.
2. Generate 3 distinct "How Might We" (HMW) questions using 3 different framing techniques (e.g., Amplify the Good, Eliminate the Bad, Explore the Opposite).
Q7 (Scenario 2): A team conducts empathy research on office workers and discovers:
• Workers drink 4-5 cups of coffee daily to combat afternoon fatigue.
• They feel guilty about excessive caffeine intake and report poor sleep at night.
Task: Synthesize these findings. Identify the latent insight, draft a complete POV statement, and state why traditional thinking would fail here.

7. Detailed Model Answer Key

Part A Answers

Answer 1: The primary objective of the Define stage is to synthesize empathy research into a clear, actionable, and human-centered problem statement (POV) that guides ideation.
Answer 2: Raw data is an uninterpreted factual observation (e.g., "User opens app 10 times a day"). An insight is a deeper understanding of human motivation behind that fact (e.g., "User feels anxious when unguided and seeks constant reassurance").
Answer 3: Including a solution in a POV statement restricts creative freedom during the Ideation stage and traps the team into building one specific solution prematurely.
Answer 4:
• How: Assumes solutions are possible.
• Might: Permits tentative, creative, and wild ideas without early judgment.
• We: Promotes team collaboration and collective responsibility.
Answer 5: Affinity Mapping is a method of grouping sticky notes with raw research data into visual clusters based on natural relationships, revealing hidden patterns and core themes.

Part B Answers

Answer 6 (Airport Gate Stress POV & HMWs):
  • POV Statement: "Anxious air travelers need a relaxing way to monitor flight boarding updates because noisy, crowded gate environments create fear of missing their flight."
  • HMW Questions:
    1. Eliminate the Bad: How might we remove loud gate announcements entirely while keeping passengers informed?
    2. Explore the Opposite: How might we turn gate waiting time into a spa-like relaxation experience?
    3. Amplify the Good: How might we leverage passengers' personal smartphones to deliver real-time personalized gate notifications?
Answer 7 (Office Worker Fatigue Synthesis):
  • Latent Insight: Workers are not addicted to coffee taste; they use caffeine as a quick ritualistic tool to fight energy slumps because work environments lack natural revitalizing breaks.
  • POV Statement: "Overworked office employees need a healthy way to restore afternoon energy levels because heavy coffee consumption causes guilt and disrupts night sleep."
  • Why Traditional Thinking Fails: Traditional thinking assumes coffee is the problem and offers decaf coffee or sugar warnings, failing to address the core human need for energy restoration.

Design Thinking Unit III Study Guide • Prepared for First-Year Undergrads

#7 Unit II - Quick Study Notes & Practice Questions with Answer Keys.

Design Thinking Unit II - Study & Exam Guide

Design Thinking — Unit II

Empathize & Understanding Users: Study Notes, Practice Exam & Answer Key

1. Empathize & Understanding Users

What is Empathy in Design Thinking?

Empathy is the ability to see the world through the user's eyes, to feel what they feel, and to understand their motivations, emotional states, and physical constraints without judgment.

Empathy vs. Sympathy vs. Compassion

Concept Definition Mindset Example
Sympathy Feeling sorry for someone else's hardship from a distance. "I'm sorry you have trouble using our app."
Empathy Understanding and sharing the user's experience and emotion directly. "I see why this app confuses you; I feel your frustration."
Compassion Empathy coupled with an active drive to take action and help. "I understand your frustration, and I will fix this design."

Why Empathy Matters in Design

  • Uncovers Latent Needs: Reveals unstated needs that users cannot explicitly articulate.
  • Overcomes Developer Bias: Prevents designers from making assumptions based on their own habits ("You are not your user").
  • Reframes Problems: Shifts focus from technical feature requests to genuine human goals.

2. User Research Methods

๐Ÿ—ฃ️ Empathy Interviews

Conducting 1-on-1 open-ended conversations. Focus on asking "Why?", seeking stories, and listening 80% of the time while talking only 20%.

๐Ÿ‘€ Observation

Watching users interact with products or environments in their natural context without interrupting, noticing non-verbal cues and workarounds.

๐Ÿ•ต️ Shadowing

Following a user throughout their daily routine ("a day in the life") to capture continuous context, friction points, and hidden workflows.

๐ŸŽญ Immersion (Bodystorming)

Designers directly experience the user's environment themselves (e.g., wearing gloves that simulate arthritis to test a packaging design).

3. Empathy Mapping

An Empathy Map is a collaborative visual canvas used to synthesize research findings into four core quadrants surrounding the user persona.

๐Ÿ’ฌ SAYS

Direct quotes and explicit statements made during research.

Example: "I don't have time to organize my receipts."

๐Ÿง  THINKS

Unspoken beliefs, values, fears, and internal thoughts.

Example: "Am I spending too much money unnecessarily?"

๐Ÿƒ DOES

Observable actions, physical behaviors, and habits.

Example: Stuffs paper receipts into a crowded shoe box.

❤️ FEELS

Emotional states, worries, hopes, and pain points.

Example: Anxious about tax season; overwhelmed by clutter.

4. Identifying User Pain Points and Needs

Types of User Pain Points

  • Financial Pain Points: Users feel they are spending too much money on current solutions.
  • Process Pain Points: Workflows are complex, slow, or require too many redundant steps.
  • Productivity Pain Points: Wasted time or inefficient tools prevent users from reaching goals fast.
  • Support Pain Points: Lack of guidance, poor onboarding, or unhelpful assistance during critical tasks.

Explicit vs. Latent Needs

Explicit Needs

Needs directly stated by the user. (e.g., "I need a faster printer.")

Latent Needs

Unspoken or subconscious needs discovered through empathy research. (e.g., "I need confidence that my document sent safely.")

5. Practical Exercise on Empathizing

✍️ Guided Exercise: The "5 Whys" Technique

Scenario: A user frequently skips taking their daily prescribed medication on time.

  1. Why did you skip taking your prescription? → "Because I forgot to take it before leaving for work."
  2. Why did you forget before leaving? → "Because I was rushing to beat morning traffic."
  3. Why were you rushing? → "Because my medicine bottle is stored upstairs in the bathroom cabinet."
  4. Why is it stored upstairs? → "Because I don't want guests visiting my house to see my prescription bottle out."
  5. Why does that bother you? → "I feel self-conscious and anxious about people knowing my health conditions."

Core Insight: The true pain point isn't poor memory; it's a lack of discreet, portable, privacy-preserving packaging for daily routines.

6. Unit II Practice Exam

Part A: Short-Answer Questions (5 Questions)

Q1. Differentiate clearly between Empathy and Sympathy in user research.
Q2. What is "Shadowing," and how does it differ from traditional interviews?
Q3. List the 4 main quadrants of an Empathy Map and briefly describe what goes into each.
Q4. Explain the difference between an explicit need and a latent need with a short example.
Q5. What is the "80/20 Rule" of empathy interviews?

Part B: Long-Form Scenario Questions (2 Questions)

Q6 (Scenario 1): A university wants to improve the cafeteria lunch experience for commuter students who have only 30-minute breaks between classes.
Task: Outline a complete Empathy Research Plan using at least 3 distinct methods (Interviews, Observation, Shadowing). Describe specific steps for each.
Q7 (Scenario 2): Based on empathy interviews with senior citizens trying to book bus tickets online, you gather the following data:
• User Quote: "The text is too small and moving fast."
• Behavior: Asks grandchild to complete payment.
• Internal Thought: Fears losing money due to incorrect clicks.
• Emotion: Frustrated, helpless, dependent.
Task: Construct a complete 4-quadrant Empathy Map and identify 2 core latent needs.

7. Detailed Model Answer Key

Part A Answers

Answer 1: Sympathy is feeling pity or sorrow for someone from a distance ("I feel bad for your frustration"). Empathy is stepping into their shoes to understand and share their experience directly ("I understand why you are frustrated").
Answer 2: Shadowing involves unobtrusively following a user through their real routine to observe authentic behavior in context. Interviews rely on self-reported verbal recollections after the event.
Answer 3:
1. Says: Direct user quotes.
2. Thinks: Unspoken thoughts, beliefs, or fears.
3. Does: Observable physical actions and behaviors.
4. Feels: Underneath emotional states and feelings.
Answer 4: An explicit need is directly stated by the user (e.g., "I need a bigger screen"). A latent need is an unstated subconscious goal discovered through research (e.g., "I need to read comfortably without eye strain").
Answer 5: During an empathy interview, the researcher listens 80% of the time and speaks only 20% of the time (asking non-leading questions and encouraging storytelling).

Part B Answers

Answer 6 (Commuter Student Cafeteria Research Plan):
  • Observation: Position researchers at cafeteria queues during peak hours (12:00–1:00 PM) to map line lengths, wait times, and seating availability without interfering.
  • Shadowing: Follow 5 commuter students starting from when their class ends, walking with them to the cafeteria, through payment, eating, and returning to class.
  • Empathy Interviews: Conduct 15-minute 1-on-1 interviews asking open questions like: "Walk me through your worst lunchtime experience this week."
Answer 7 (Senior Citizen Bus Ticket Empathy Map & Needs):
  • SAYS: "The text is too small and moving fast."
  • THINKS: "I might make a wrong click and lose money."
  • DOES: Asks grandchild for help to finish booking payment.
  • FEELS: Frustrated, anxious, dependent, helpless.
  • Identified Latent Needs:
    1. Reassurance & Confidence: Need for clear confirmation steps before money is charged.
    2. Autonomy: Need to complete personal tasks independently without relying on family assistance.

Design Thinking Unit II Study Guide • Prepared for First-Year Undergrads

#6 Unit I - Quick Study Notes & Practice Questions with Answer Keys.

Design Thinking Unit I - Study & Exam Guide

Design Thinking

Unit I Comprehensive Study Notes, Practice Exam & Answer Key

1. Core Concepts & Definitions

What is Design Thinking?

Design Thinking is a non-linear, human-centered problem-solving methodology that seeks to understand users, challenge assumptions, reframe problems, and create innovative solutions through hands-on prototyping and testing.

Key Principles & Mindsets

๐Ÿ‘ค User-Centricity

Placing human needs, emotions, and behaviors at the center of every choice.

๐Ÿค Radical Collaboration

Leveraging multi-disciplinary teams with diverse perspectives for creative output.

⚡ Bias Toward Action

Prioritizing quick experimentation and building low-fi models over talking.

๐Ÿ” Embrace Ambiguity

Staying comfortable in uncertain spaces before locking onto a single answer.

History & Evolution

  • 1960s (Design Methods): Pioneered by Herbert A. Simon (*The Sciences of the Artificial*), introducing design as a systematic method.
  • 1980s (Human Focus): Rolf Faste at Stanford University refined design thinking as a method for creative action.
  • 1990s (Commercial Scale): David Kelley founded IDEO (1991), formalizing it for enterprise innovation. Stanford d.school opened in 2004.

2. Design Thinking vs. Traditional Thinking

Dimension Traditional Thinking Design Thinking
Primary Focus Optimization, historical trends, risk reduction User needs, possibilities, rapid experimentation
Problem Framing Assumes problem is already accurately understood Iteratively reframes core problem using insights
Logic Type Deductive (proving) & Inductive (observing) Abductive (imagining what could be)
Failure Approach Avoided; viewed as expensive and risky Embraced early; cheap source of learning

3. Overview of the 5-Step Process (d.school Model)

Step 1

Empathize

Understand human needs directly via user interviews, shadow observations, and empathy maps without personal judgment.

Step 2

Define

Synthesize empathy data into a clear Point of View (POV) statement. Format: [User] needs [Need] because [Insight].

Step 3

Ideate

Generate large quantities of wild solution ideas using brainstorming, SCAMPER, and "How Might We?" (HMW) prompts.

Step 4

Prototype

Build low-cost, tangible artifacts (sketches, paper mockups, wireframes) to bring ideas into physical reality quickly.

Step 5

Test

Put prototypes back into user environments to get validation, refine assumptions, and discover new insights.

4. Unit I Practice Exam

Part A: Short-Answer Questions

Q1. Define Design Thinking and state its primary core objective.
Q2. Contrast Deductive/Inductive reasoning with Abductive reasoning.
Q3. Formulate the standard structure of a Point of View (POV) statement in the Define stage.
Q4. Why does Design Thinking prefer low-fidelity prototypes over high-fidelity ones early on?
Q5. What is a "wicked problem," and why does Design Thinking handle it well?

Part B: Long-Form Scenario Questions

Q6 (Scenario 1): A regional children's hospital notes that kids (aged 4–10) experience severe panic before MRI scans, requiring sedation.
Task: Apply the 5-stage d.school model to redesign the pediatric MRI experience, listing specific actions for each step.
Q7 (Scenario 2): A financial firm sees declining Gen Z savings app engagement. Management immediately proposes offering a higher interest rate promotion.
Task: Explain how Traditional vs. Design Thinking approach this differently, and identify 3 core mindsets required.

5. Detailed Model Answer Key

Part A Answers

Answer 1: Design Thinking is an iterative, human-centered problem-solving framework. Its core goal is balancing desirability (human need), feasibility (technology), and viability (business).
Answer 2: Traditional thinking relies on Deductive/Inductive logic based on past data or proving existing rules. Design Thinking relies on Abductive reasoning—imagining what *could be* based on incomplete observations to find novel breakthroughs.
Answer 3: Structure: [User/Persona] + needs + [User's Need] + because + [Insight/Why].
Answer 4: Low-fi prototypes are fast, inexpensive, prevent emotional attachment to a single idea, and allow teams to fail cheaply before heavy investments.
Answer 5: A wicked problem is complex with shifting/contradictory needs. Design Thinking excels here via continuous user empathy, reframing, and rapid cyclical testing rather than static formulas.

Part B Answers

Answer 6 (Pediatric MRI Redesign):
  • Empathize: Shadow children and parents; discover anxiety stems from loud noise and sterile rooms.
  • Define: "Young pediatric patients need a comforting environment because loud machinery triggers panic." HMW: "How might we turn an MRI into an adventure story?"
  • Ideate: Brainstorm turning the scanner room into a themed space (e.g., pirate ship or spaceship).
  • Prototype: Apply low-cost vinyl wall decals and give children a storybook framing instructions as "stealth pirate training."
  • Test: Trial room with 20 children, measure sedation rates and anxiety score improvements.
Answer 7 (Gen Z App Engagement):
  • Traditional vs. Design: Traditional assumes money fixes everything and launches promotions immediately. Design Thinking suspends bias, investigates emotional relationships with money, reframes the problem, and tests micro-features.
  • 3 Required Mindsets: 1. Embrace Ambiguity, 2. User-Centricity, 3. Bias Toward Action.

Design Thinking Unit I Study Guide • Prepared for First-Year Undergrads

Wednesday, September 9, 2026

#5 Experiment 1

Design Thinking & Idea Lab | Civil Engineering
INTERACTIVE TEACHING WEBSITE

Think like a designer.
Build like an engineer.

A practical Design Thinking & Idea Lab for Civil Engineering students — combining empathy, creativity, prototyping, testing, reflection and engineering communication.

Explore Modules ↓
4Teaching Modules
12Lab Experiments
6DT Process Stages
20Quiz Questions

The Design Thinking Cycle

Students learn by moving repeatedly from problem to prototype to evidence-based improvement.

๐Ÿ‘ฅ

Empathize

Understand people, context and needs.

๐ŸŽฏ

Define

Frame a meaningful problem.

๐Ÿ’ก

Ideate

Generate many possible solutions.

๐Ÿ—️

Prototype

Make an idea tangible.

๐Ÿงช

Test

Collect evidence and feedback.

๐Ÿ”„

Improve

Iterate using what was learned.

Four-Module Course

Click a module to explore teaching content and activities.

Module 1 — Design Thinking Foundations

Understand design thinking, users, problems, observation and problem framing.

Core Topics

  • What is Design Thinking?
  • Human-centred engineering
  • Observation and empathy
  • User personas and journey maps
  • Problem statements and “How Might We?” questions
  • Engineering constraints and sustainability

Class Activities

  • Observe a campus facility.
  • Interview a user or conduct peer observation.
  • Create an empathy map.
  • Convert an issue into a design challenge.

Module 2 — Creativity & Ideation

Move from a defined problem to multiple alternative concepts.

Core Topics

  • Brainstorming and brainwriting
  • SCAMPER
  • Mind mapping
  • Analogies and forced connections
  • Concept selection matrices
  • Feasibility, desirability and viability

Class Activities

  • Generate 20 ideas in 10 minutes.
  • Sketch three competing concepts.
  • Use weighted decision criteria.
  • Pitch the selected concept in 60 seconds.

Module 3 — Prototyping & Model Making

Transform concepts into low-cost physical prototypes and learn through making.

Core Topics

  • Low-fidelity prototypes
  • Paper and cardboard modelling
  • Structural frames
  • Scale and proportion
  • Rapid iteration
  • Prototype documentation

Materials

PaperCardboardStrawsGlueRubber bandsColour pens

Use inexpensive materials to focus attention on thinking, experimentation and communication rather than fabrication cost.

Module 4 — Testing, Feedback & Innovation

Test prototypes, interpret evidence, redesign and communicate engineering value.

Core Topics

  • Prototype testing
  • Observation and measurement
  • User feedback
  • Failure analysis
  • Iteration and refinement
  • Innovation pitch and reflection

Reflection Questions

  • What worked?
  • What failed?
  • Why did it fail?
  • What evidence supports the redesign?
  • What would you change next?

Step-by-Step House Making Guide

Follow these construction sequences during the two house-model laboratory experiments.

Experiment 1 — Low-Cost Sustainable House

Suggested working size: cardboard base about 30 × 25 cm.

Step 1 — Plan

Draw a simple floor plan on paper. Mark living room, bedroom, kitchen, toilet, door and windows. Keep the layout compact.

Step 2 — Prepare Base

Cut a rectangular cardboard base. Draw the outer wall line and room partitions lightly with a colour pen.

Step 3 — Make Columns

Cut equal lengths of straw. Position them at the corners and important wall intersections. Fix them vertically to the cardboard using glue.

Step 4 — Make Beams

Cut horizontal straw pieces to connect the tops of the columns. Glue the joints carefully so the frame remains square.

Step 5 — Make Walls

Cut paper or thin cardboard panels to fit between the frame members. Leave openings for the door, windows and ventilators.

Step 6 — Make Door & Windows

Draw or cut a door and windows. Use colour pens to identify them clearly. Provide windows on more than one side where possible.

Step 7 — Make Roof

Fold paper/cardboard into a simple sloping roof. Make two roof panels and join them along the ridge. Support the ridge with straw if needed.

Step 8 — Add Connections

Use glue for rigid joints. Rubber bands may be used experimentally at selected joints. Compare the behaviour of different connections.

Step 9 — Finish & Label

Use colour pens to label rooms, columns, beams, windows and roof. Add a small garden, pathway or water tank if desired.

Step 10 — Test

Gently move the model horizontally. Place a small lightweight object on the roof. Observe stability, deformation, ventilation and joint performance.

Step 11 — Identify Problems

Record weak joints, roof movement, excessive deformation, poor room arrangement or insufficient openings.

Step 12 — Improve

Strengthen weak joints, modify the roof, alter openings or rearrange spaces. Build the improved version and test again.

Student Challenge: Try to use fewer materials without sacrificing stability, functionality and comfort. Record what you saved and what you changed.

Experiment 2 — Earthquake-Resistant Straw House

Suggested working size: cardboard base about 30 × 25 cm. Focus on lateral stability and bracing.

Step 1 — Define the Challenge

Decide that the model must remain standing during gentle left-right movement of its base.

Step 2 — Prepare Foundation

Cut a stiff cardboard base. Mark four or more column locations so the structural frame is reasonably symmetrical.

Step 3 — Build Columns

Cut equal straw lengths. Glue vertical straws at the marked positions. Check that they are approximately vertical.

Step 4 — Connect Beams

Join the tops of the columns with horizontal straws. Add an intermediate beam if the frame is too flexible.

Step 5 — Add X-Bracing

Place diagonal straws across selected wall faces to form X-braces. These are intended to reduce excessive lateral movement.

Step 6 — Make Lightweight Walls

Attach paper walls without making the model unnecessarily heavy. Keep doors and windows visible.

Step 7 — Build Lightweight Roof

Make a simple paper/cardboard roof. Avoid unnecessary weight at the top of the structure.

Step 8 — Experiment with Joints

Use glue at some joints and rubber bands at selected joints. Record which arrangement gives better stability during testing.

Step 9 — Inspect the Frame

Check vertical columns, beam connections, bracing and base attachment before the first test.

Step 10 — Simulate Earthquake

Place the model on a cardboard sheet and move the sheet gently left and right. Start with small movement and increase gradually.

Step 11 — Record Failure

Note lateral movement, roof movement, column deformation, joint failure and whether the model collapses.

Step 12 — Redesign & Retest

Add or reposition braces, improve joints, reduce unnecessary mass or change the frame geometry. Test the improved prototype again.

Engineering Question: Compare the unbraced and braced models. Which one moves less? What evidence from your test supports your conclusion?

๐Ÿ› ️ Recommended Construction Sequence for Students

Sketch → Measure → Cut → Assemble → Glue → Reinforce → Finish → Test → Record → Redesign → Retest

Do not begin construction immediately. First make a sketch, decide the dimensions and identify the test you will perform. The prototype should answer a design question.

12 Laboratory Experiments

Each experiment follows the Design Thinking cycle and ends with a testable prototype or evidence.

Student Worksheets

Complete the fields and print the sheet as a laboratory record.

Bloom’s Taxonomy Alignment

Questions and activities progress from recall to creation.

Remember

Define empathy, prototype, ideation and iteration.

Understand

Explain why user needs matter in engineering design.

Apply

Use brainstorming and prototyping methods.

Analyse

Compare alternatives using design criteria.

Evaluate

Judge prototype performance using test evidence.

Create

Develop, test and refine an original engineering solution.

CO–PO Mapping

Illustrative OBE alignment — adapt the labels to the approved programme/course structure.

Course OutcomeOutcome StatementPO1PO2PO3PO4PO5PO6
CO1Explain Design Thinking principles and stages.211—11
CO2Identify and define user-centred engineering problems.232112
CO3Generate and evaluate alternative concepts.233221
CO4Build and test low-fidelity prototypes.323331
CO5Iterate and communicate an improved engineering solution.233332

Suggested scale: 1 = Low, 2 = Moderate, 3 = High. Verify against the institution’s officially approved PO/PSO framework.

Interactive Quiz

20 quick questions. Your score is calculated instantly in the browser.

Viva Voce Question Bank

Use these questions for laboratory review and oral assessment.

Foundations

  1. What is Design Thinking?
  2. Why is empathy important?
  3. Differentiate problem and solution.
  4. What makes a good problem statement?
  5. What is a “How Might We?” question?

Ideation

  1. What is brainstorming?
  2. Why generate multiple alternatives?
  3. What is SCAMPER?
  4. How do you select a concept?
  5. What is a decision matrix?

Prototyping

  1. Why use low-fidelity prototypes?
  2. What is iteration?
  3. Why were straws used as structural members?
  4. What is the role of a prototype?
  5. How can material use be reduced?

Testing

  1. What is failure feedback?
  2. How did you test your model?
  3. What evidence justified your redesign?
  4. What changed between prototypes?
  5. How would you improve the experiment?

Instructor Dashboard

A lightweight local dashboard for classroom progress. Data stays in this browser.

Class Progress

Worksheet completion

0% saved completion

Teaching Checklist

  • Brief the design challenge.
  • Form diverse teams.
  • Require sketches before making.
  • Test every prototype.
  • Require one redesign.
  • Assess evidence and reflection.
Instructor Tip: Reward learning from failure, not only the final appearance of the model.
๐Ÿ—️ Design Thinking & Idea Lab

Interactive teaching companion for Civil Engineering students

Empathize • Define • Ideate • Prototype • Test • Improve

#10 Unit V - Quick Study Notes & Practice Questions with Answer Keys.

Here is the matching **HTML & CSS study guide and practice exam** for **Unit V: Prototype & Test**. Following the established struc...