Page Task and Evidence Explorer

Run the Page Task and Evidence Explorer MicroSim Fullscreen

Edit in the p5.js Editor

About This MicroSim

Examine how page hierarchy, content, proof, navigation, and friction support or block a persona's task.

How to Use

Explore the visual elements and use the controls to compare states, reveal guidance, and explain how the displayed evidence supports or limits a decision. Values shown are instructional examples unless the chapter identifies an empirical source.

Iframe Embed Code

<iframe src="https://dmccreary.github.io/ai-persona-testing/sims/page-task-evidence-explorer/main.html" height="702" width="100%" scrolling="no"></iframe>

Lesson Plan

Learning Objective

Examine how page hierarchy, content, proof, navigation, and friction support or block a persona's task.

Activity

1. Predict what the first interaction will reveal.
2. Explore each state and cite visible evidence.
3. Apply the model to a new marketing scenario and identify its limits.

Assessment

Learners should perform the Create task in the objective and distinguish synthetic output from externally validated evidence.

References

1. Chapter source - Full instructional context and specification.
2. p5.js documentation - Rendering-library reference.