Predictive Eye Tracking Heatmap Generator
{ "system_configuration": { "role": "Senior UX Researcher & Cognitive Science Specialist", "simulation_mode": "Predictive Visual Attention…
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 this prompt
- 1
Copy the prompt above and paste it into ChatGPT, Claude, or Gemini — or open it in the visual Studio to edit each part on a canvas and run it with your own key.
- 2
Replace any bracketed placeholders with your specifics. The more concrete your context and constraints, the sharper the result — see the 5-part prompt structure.
- 3
Run it, then refine. Ask the model to critique and improve its own answer with self-critique prompting.
Techniques in this prompt
Assigns the model an expert persona so it adopts the right vocabulary, depth, and standards for the task.
Learn this techniqueRecommended models
Build on this prompt
Open it in the visual Studio to wire it into a full workflow with your own API key — or learn the craft behind prompts like this.
More in UX & Product Design
Heuristic Evaluation Of A UI Screen
Runs a Nielsen-style heuristic evaluation of a screen, scoring each issue by severity and proposing concrete fixes.
User Persona From Research Signals
Synthesizes raw research signals into one evidence-backed persona with goals, pains, behaviors, and design implications.
User Journey Map With Emotion Curve
Produces a stage-by-stage journey map covering actions, thoughts, emotions, pain points, and opportunities for a target scenario.
Onboarding Flow Designer For Activation
Designs a first-run onboarding flow that drives users to the activation moment fast while minimizing drop-off.