top of page

Pre-attentive Attributes in Data Visualization

introduction to pre-attentive attributes in data visualization

What are pre-attentive attributes?

Pre-attentive attributes are visual properties that can be processed almost instantly and unconsciously by our brains. They allow viewers to quickly perceive patterns and relationships in data without deliberate focus.

Pre-attentive processing occurs rapidly (within about 200 milliseconds) and does not require sequential searching, making it a powerful tool for directing viewer focus. For example, a red bar in a chart may immediately draw attention compared to other colours, highlighting important data points effectively.

Example of pre-attentive attributes.

examples of pre-attentive attributes in data visualization

Attentive attributes

In contrast, attentive attributes refer to aspects of visual information that require conscious effort and focused attention to process. This includes more complex analyses where viewers need to compare multiple elements or interpret detailed information. For instance, discerning trends over time in a line graph requires attentive processing as it involves actively analyzing the relationships between data points rather than simply noticing differences.

Key Differences

key differences between attentive and pre-attentive attributes

The magic of pre-attentive attributes in data visualization

The following three examples demonstrate the power (or should I say the magic) of pre-attentive attributes in processing of information.

Example 1: How many letters “S” can you see in the puzzle?

(Without pre-attentive attributes, it would take you some seconds if not minutes to get the correct answer.)

Adding pre-attentive attributes, we’ve.

example one of pre-attentive attributes in data visualization

(Adding pre-attentive attributes such as color makes interpretation quick. Using pre-attentive attributes such as length in the bar chart helps users instantly answer the question).

Example 2: Which product Sub-category is making losses and in which Region?

(Without pre-attentive attributes it would require more time, attention, and focus for users answer the question)

Adding pre-attentive attributes, we’ve.

example two on pre-attentive attributes in data visualization

(Adding pre-attentive attributes such as color allows users to instantly spot sub-categories and regions which were unprofitable).

Example 3: Looking at the following customer feedback, what can you say was the most filled complaint?

(Without pre-attentive attributes, this would be a difficult question to answer. It may take you several minutes if not hours to get the correct answer)

Adding pre-attentive attributes, we’ve.

example three on pre-attentive attributes in data visualization

(Adding pre-attentive attributes such as size, helps users instantly spot the most filled complaints which include corruption, incompetence, land dispute, fraud etc.)

Conclusion

Both pre-attentive and attentive attributes play essential roles in data visualization. By leveraging pre-attentive attributes for immediate impact while ensuring attentive attributes are clear for deeper analysis, designers can create effective visualizations that communicate complex information efficiently. Understanding how our brains process these different types of information is key to crafting visuals that resonate with viewers and facilitate informed decision-making.

If you like the work we do and would like to work with us, drop us an email on our contacts page and we’ll reach out!

Thank you for reading!

Blog.png
bottom of page