Using affordances and signifiers to breakdown the design experience we are able to visualize how users cognitively engage with each part of the design. This gives designers and researches a model with a fine tuned visualization of the flow state performance and how specific design components relate to it.