Explain pre-attentive attributes and give three examples

WHAT THIS TESTS: Your understanding of low-level human visual perception and how to reduce cognitive load when presenting dense data. Interviewers want to see that you know attention can be guided pre-consciously and that you can deliberately map specific data encodings to pop-out effects rather than relying on the viewer to serially scan hundreds of marks.

A GOOD ANSWER COVERS: First, a crisp definition that pre-attentive attributes are visual properties processed in parallel by the human visual system within roughly 150 to 200 milliseconds before conscious attention engages. Second, three distinct examples drawn from different channels such as color hue, size, and orientation or motion rather than three variations of the same channel like light blue, medium blue, and dark blue. Third, a concrete application to a dense scatter plot where you bind the key insight to one pre-attentive variable, for example coloring the target cohort red while rendering all other points in muted gray, or enlarging high-risk outliers while keeping baseline points small and uniform. Fourth, the restraint principle where you highlight only the variable that carries the insight and push everything else to a minimal baseline so the pop-out effect remains strong and does not compete.

COMMON WRONG ANSWERS: Confusing pre-attentive attributes with general design aesthetics like clean fonts or white space. Proposing to make every data point bold and brightly colored which eliminates contrast and forces serial search. Suggesting multiple pre-attentive attributes for the same insight such as simultaneously changing color, size, and shape for the target group which causes visual clutter and degrades the pop-out effect. Failing to mention time constants or the parallel processing nature of pre-attentive vision.

LIKELY FOLLOW-UPS: How would you handle color blindness when using hue as the pre-attentive channel? What happens when two groups both need to pop out in the same view? Can you combine pre-attentive attributes hierarchically and what are the limits? How do you maintain pop-out when the background itself is visually noisy?

ONE CONCRETE EXAMPLE: Imagine a scatter plot of five hundred server instances plotting latency against throughput. You need to flag the twelve instances that are both high latency and high throughput. You map the pre-attentive attribute of color hue so those twelve points become saturated red while the remaining four hundred eighty-eight points sit at ten percent opacity in neutral gray. You do not also enlarge the red points or change their shape because hue alone is sufficient. A user glancing at the dashboard spots the cluster instantly without reading axes or legends first.

Source: Wikipedia: Data and information visualization