%20Self-contained%20SVG.%20No%20animations,%20no%20JavaScript.%20PURPOSE:%20Simplified%20mark%20for%20use%20at%20small%20sizes%20(favicons,%20nav%20bars,%20avatars).%20Features%20only%20the%20gold%20pyramid%20inside%20a%20blue-bordered%20dark%20circle.%20DIMENSIONS:%20•%20viewBox:%200%200%20100%20100%20(vector,%20scales%20to%20any%20size)%20•%20Default%20export%20size:%20400×400px%20(change%20width/height%20to%20resize)%20•%20Optimized%20for%20rendering%20at%2032–80px%20display%20sizes%20COLOR%20PALETTE:%20•%20Background%20fill:%20deep%20navy%20hsl(220,%2040%25,%208%25)%20•%20Border%20stroke:%20blue%20gradient%20hsl(210,%2060%25,%2040–50%25)%20•%20Pyramid:%20solid%20gold%20hsl(45,%2075%25,%2048%25)%20GEOMETRY:%20•%20Open%20chevron%20(outer%20pyramid%20outline,%20no%20base%20closing%20line)%20•%20Solid%20inner%20triangle%20fill%20for%20weight%20at%20small%20sizes%20•%20Stroke%20weights%20increased%20for%20crispness%20at%20small%20scales%20--%3e%3cdefs%3e%3clinearGradient%20id='blueGrad'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='hsl(210,%2060%25,%2050%25)'%20/%3e%3cstop%20offset='100%25'%20stop-color='hsl(210,%2060%25,%2040%25)'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c!--%20Circle%20background%20with%20blue%20border%20--%3e%3ccircle%20cx='50'%20cy='50'%20r='45'%20fill='hsl(220,%2040%25,%208%25)'%20stroke='url(%23blueGrad)'%20stroke-width='3'%20/%3e%3c!--%20Pyramid%20—%20open%20chevron%20(no%20base%20line),%20gold%20fill%20--%3e%3cg%20transform='translate(50,%2050)'%3e%3cpath%20d='M%20-22,14%20L%200,-20%20L%2022,14'%20fill='none'%20stroke='hsl(45,%2075%25,%2048%25)'%20stroke-width='3.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M%20-11,14%20L%200,2%20L%2011,14'%20fill='hsl(45,%2075%25,%2048%25)'%20opacity='0.8'%20/%3e%3c/g%3e%3c/svg%3e)
Learning Outcomes
Outcomes are written as performances, not topics. By the end of the second session you should be able to do each of the following without notes.
Index · Learning Outcomes+
- Outcome 01
Explain the perception gap
Articulate why the prospect's perception of a page is a reconstruction rather than a reception — and why the marketer cannot see the difference unaided.
- Outcome 02
Apply the heuristic
State the Conversion Sequence Heuristic from memory and correctly identify which variable any given page element loads.
- Outcome 03
Classify precisely
Distinguish difficulty friction from implied friction, and friction from anxiety, using operational definitions rather than intuition.
- Outcome 04
Diagnose a live page
Audit a real page for friction and anxiety, and write a corrective for each finding that is specific, proximate and sufficiently intense.
- Outcome 05
Predict and defend
Predict the direction of a treatment before it runs, and defend the prediction with the heuristic rather than with taste.
- Outcome 06
Design for the canvas
Recognize the Canvas Differential — that one treatment can win on one device and lose on another — and account for it in design decisions.