From Survey to Sliders: GSAPP Studio Analysis

Theme Extraction Process

1

Data Collection

Survey responses collected from GSAPP students across different programs

10 responses
6 questions each
Multiple programs
↓
2

Text Processing

OpenAI processes responses to identify common patterns and keywords

natural light
layout
collaboration
storage
aesthetics
↓
3

Theme Clustering

Similar concepts are grouped into main themes

Lighting: windows, sunlight, artificial
Layout: space, organization, zones
Community: interaction, collaboration
Functionality: equipment, storage
Visual: materials, colors, aesthetics
↓
4

Theme Validation

Themes are validated against original responses to ensure comprehensive coverage

Identified Themes

Lighting

Balance between natural and artificial lighting, with control over intensity and warmth

Layout

Spatial organization, zoning, and flexible arrangements for different activities

Community

Social interaction spaces and collaborative environments

Functionality

Equipment, storage solutions, and practical amenities

Visual Elements

Aesthetics, materials, colors, and overall visual appeal

Theme Analysis Table

Theme Key Findings Common Requests Implementation
Lighting		 Natural light highly valued but needs control Adjustable lighting, curtains, warmth 25% increments from artificial to natural
Layout		 Current layout feels constraining Flexible spaces, moveable furniture Zoning options and space organization
Community		 Desire for better social interaction Round tables, gathering spaces Collaborative space configuration
Functionality		 Need for better storage and equipment More storage, display areas Equipment and amenity controls
Visual Elements		 Current aesthetics feel clinical Natural materials, less whiteness Material and color adjustments

Implementation as Sliders

Each theme was converted into an interactive slider with 5 levels (0%, 25%, 50%, 75%, 100%) to allow fine-tuned control over each aspect of the space.

From Theme to Interactive Control

1. Theme Definition

Each identified theme is mapped to a slider component with specific attributes:

// Theme structure
theme = {
  id: "lighting",
  min: 0,
  max: 100,
  step: 25
}

2. Value Mapping

Each slider position corresponds to specific design characteristics:

// Value definitions
values = {
  0: "Default",
  25: "Minimal",
  50: "Balanced",
  75: "Enhanced",
  100: "Maximum"
}

3. Interactive Elements

Sliders provide real-time feedback and update the space configuration:

// Event handling
slider.onChange((value) => {
  updateDisplay(value);
  updateSpace(theme, value);
});

Interactive Examples

Lighting Control

Current: 50% (Balanced natural light)

Layout Flexibility

Current: 75% (Enhanced space organization)

Community Integration

Current: 50% (Balanced social spaces)

Functionality Level

Current: 75% (Enhanced equipment access)

Visual Elements

Current: 50% (Balanced aesthetics)

Slider to Prompt Integration

Interactive Demonstration

See how adjusting sliders automatically populates the prompt bars with theme-specific contributions:

Theme Controls

Lighting
50% - Balanced natural light
Layout
75% - Enhanced space organization
Community
25% - Basic social spaces
Functionality
50% - Standard equipment access
Visual Elements
75% - Enhanced aesthetics

Generated Prompts

Main Subject Prompt
Context Prompt