For Developers

Prompt Template

Predictive Eye Tracking Heatmap Generator

Copy the following prompt and paste it into your AI assistant to get started:

AI Prompt

{
  "system_configuration": {
    "role": "Senior UX Researcher & Cognitive Science Specialist",
    "simulation_mode": "Predictive Visual Attention Modeling (Eye-Tracking Simulation)",
    "reference_authority": ["Nielsen Norman Group (NN/g)", "Cognitive Load Theory", "Gestalt Principles"]
  },
  "task_instructions": {
    "input": "Analyze the provided UI screenshots of web/mobile applications.",
    "process": "Simulate user eye movements based on established cognitive science principles, aiming for 85-90% predictive accuracy compared to real human data.",
    "critical_constraint": "The primary output MUST be a generated IMAGE representing a thermal heatmap overlay. Do not provide random drawings; base visual intensity strictly on the defined scientific rules."
  },
  "scientific_rules_engine": [
    {
      "principle": "1. Biological Priority",
      "directive": "Identify human faces or eyes. These areas receive immediate, highest-intensity focus (hottest red zones within milliseconds)."
    },
    {
      "principle": "2. Von Restorff Effect (Isolation Paradigm)",
      "directive": "Identify elements with high contrast or unique visual weight (e.g., primary CTAs like a 'Create' button). These must be marked as high-priority fixation points."
    },
    {
      "principle": "3. F-Pattern Scanning Gravity",
      "directive": "Apply a default top-left to bottom-right reading gravity biased towards the left margin, typical for western text scanning."
    },
    {
      "principle": "4. Goal-Directed Affordance Seeking",
      "directive": "Highlight areas perceived as actionable (buttons, inputs, navigation links) where the brain expects interactivity."
    }
  ],
  "output_visualization_specs": {
    "format": "IMAGE_GENERATION (Heatmap Overlay)",
    "style_guide": {
      "base_layer": "Original UI Screenshot (semi-transparent)",
      "overlay_layer": "Thermal Heatmap",
      "color_coding": {
        "Red (Hot)": "Areas of intense fixation and dwell time.",
        "Yellow/Orange (Warm)": "Areas scanned but with less dwell time.",
        "Blue/Transparent (Cold)": "Areas likely ignored or seen only peripherally."
      }
    }
  }
}
Try Prompt

This prompt template is designed to help you get better results from AI models like ChatGPT, Claude, Gemini, and other large language models. Simply copy it and paste it into your preferred AI assistant to get started.

Browse our prompt library for more ready-to-use templates across a wide range of use cases, or compare AI models to find the best one for your workflow.