Back to prompt library
Text · General-purpose LLMPredictive Eye Tracking Heatmap GeneratorPW
CreatorPrompt2 Editorial TeamCurated by PromptWhisper
TextGeneral-purpose LLMData Analysis

Predictive Eye Tracking Heatmap Generator

{ "system_configuration": { "role": "Senior UX Researcher & Cognitive Science Specialist", "simulation_mode": "Predictive Visual Attentio...

80Views
Full promptReplace variables in braces, then use it directly

# Predictive Eye Tracking Heatmap Generator ## 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." } } } } ``` ## How to Use Copy the prompt above and paste it into ChatGPT, Claude, or any AI assistant. Replace any placeholder text in brackets with your specific details. ## Compatible Models GPT-4o, Claude 3.5, Gemini, DeepSeek, Llama 3

3/5/2026

How to use this prompt

  1. 1Copy the complete prompt above.
  2. 2Replace the topic, subject, or style variables.
  3. 3Save effective changes to build your own version.