Unlock a step-by-step design thinking process tailored for creative minds. This prompt guides you through empathy, ideation, prototyping, and testing—helping you create innovative solutions while balancing deadlines and business goals. Ideal for anyone passionate about product design, user research, and design systems.
This prompt helps you apply the design thinking methodology to solve problems innovatively. Replace the bracketed placeholders with your specific challenge, audience, goals, and expertise level.
Before starting the design thinking process, clearly define:
- What specific challenge or problem are you trying to solve?
- Who are your target users or stakeholders?
- What are your primary objectives or desired outcomes?
- What constraints or limitations must you work within?
The design thinking process consists of five key stages:
- EMPATHIZE: Understanding user needs through research, interviews, and observation
- DEFINE: Synthesizing findings into clear problem statements and user insights
- IDEATE: Generating innovative solutions through structured brainstorming
- PROTOTYPE: Creating low-fidelity representations of potential solutions
- TEST: Validating solutions through user feedback and iterative improvement
For each stage, you'll receive:
- Specific techniques and exercises to apply
- Questions to prompt your thinking
- Templates and frameworks to structure your work
- Examples relevant to your specific challenge
- Time estimates for different activities
- Common pitfalls to avoid
Analyze [PRODUCT/SERVICE] using the Jobs to Be Done framework. Identify and explore the functional, emotional, and social jobs that customers are trying to accomplish when they 'hire' this product or service. Target audience is [TARGET AUDIENCE]. Current pain points include [PAIN POINTS]. Provide analysis of core functional jobs, emotional jobs, social jobs, job statement formulations, competing solutions, and innovation opportunities.
Kickstart a UX project for [PROJECT NAME] targeting [USER SEGMENT]. Define the following: 1. PROJECT GOALS: What are the primary objectives? 2. USER NEEDS: What are the key needs and pain points of the target users? 3. DESIGN PRINCIPLES: What principles will guide the design process? 4. SUCCESS METRICS: How will success be measured?
You are an expert UI designer specializing in creating pixel-perfect, high-fidelity interface mockups that balance aesthetic excellence with functional usability. Create a comprehensive set of high-fidelity UI mockups for [PROJECT/APPLICATION NAME] targeting [PLATFORM: web/iOS/Android/desktop]. The interface should serve [PRIMARY USER PERSONA] and support [KEY USE CASES/USER GOALS]. ## Project Context: **Product Overview:** - Application type: [e.g., SaaS dashboard, e-commerce site, mobile app, enterprise tool] - Primary functionality: [CORE FEATURES] - Brand personality: [e.g., professional, playful, minimalist, bold] - Competitive positioning: [DIFFERENTIATION POINTS] **Design Requirements:** - Visual style: [modern, classic, futuristic, etc.] - Color scheme: [PRIMARY COLORS or mood/feeling to convey] - Target devices: [desktop 1920x1080, tablet 768px, mobile 375px, etc.] - Accessibility standards: [WCAG 2.1 AA/AAA compliance] ## Screens to Design: Create high-fidelity mockups for the following screens: 1. [SCREEN NAME 1: e.g., Homepage/Dashboard] 2. [SCREEN NAME 2: e.g., Product listing page] 3. [SCREEN NAME 3: e.g., User profile] 4. [SCREEN NAME 4: e.g., Settings/Configuration] 5. [Additional screens as needed] For each screen, include: - Multiple states (empty state, loading state, error state, populated state) - Interactive elements in various states (default, hover, active, disabled, focus) - Responsive variants for [SPECIFIED BREAKPOINTS] ## Design Specifications: **Visual Hierarchy:** - Establish clear focal points using [SIZE/COLOR/POSITION] emphasis - Create intuitive information architecture with [NUMBER]-level navigation - Apply gestalt principles for visual grouping and scanability - Design for F-pattern or Z-pattern reading flow based on content type **Typography System:** - Heading hierarchy (H1-H6) with specific font sizes, weights, and line heights - Body text optimized for readability (16px minimum for body, 1.5-1.6 line height) - Font pairing: [PRIMARY FONT for headings, SECONDARY FONT for body] - Typographic scale following [MODULAR SCALE RATIO: e.g., 1.25, 1.333] **Color Application:** - Primary colors for CTAs and brand elements - Secondary colors for supporting actions - Neutral palette for backgrounds and text (ensure 4.5:1 contrast minimum) - Semantic colors for success, warning, error, and info states - Consistent opacity values for disabled states and overlays **Spacing & Layout:** - Grid system: [12-column, 8-column, or custom] - Baseline spacing unit: [4px, 8px] - Consistent padding and margins using multiples of base unit - Responsive breakpoints: [mobile, tablet, desktop values] **UI Components:** - Buttons (primary, secondary, tertiary, icon buttons) - Form elements (inputs, dropdowns, checkboxes, radio buttons, date pickers) - Navigation (header, sidebar, breadcrumbs, tabs) - Cards and containers - Modals, tooltips, and notifications - Data visualization elements (if applicable) **Micro-interactions & Details:** - Hover and active states for interactive elements - Focus indicators for keyboard navigation - Loading animations and skeleton screens - Transition specifications (duration, easing) - Error validation feedback placement ## Deliverables: 1. **High-Fidelity Mockups:** - Production-ready designs at [RESOLUTION/SCALE] - Organized artboards/frames by user flow - Annotated with measurements, spacing, and interaction notes - Exported formats: [Figma/Sketch/Adobe XD files, PNG/JPG exports] 2. **Design Specifications:** - Style guide documenting colors (hex/RGB), typography, spacing, shadows - Component states reference sheet - Responsive behavior documentation - Asset export requirements (1x, 2x, 3x for mobile) 3. **Developer Handoff Package:** - Inspect-ready files with CSS properties - Icon and image assets properly named and organized - Interaction specifications document - Accessibility implementation notes (ARIA labels, focus order) 4. **Interactive Prototype:** - Clickable prototype demonstrating key user flows - Transitions between screens - Interactive component states - Shareable link for stakeholder review Ensure the mockups demonstrate: - Visual consistency across all screens - Intuitive user flows requiring minimal cognitive load - Mobile-first responsive design approach - Brand alignment while following current UI trends for 2025 - Accessibility compliance with proper color contrast, touch targets (44x44px minimum), and clear visual affordances