{"id":18959,"date":"2022-11-29T17:37:15","date_gmt":"2022-11-29T16:37:15","guid":{"rendered":"http:\/\/neu.thegeekettez.com\/?p=18959"},"modified":"2025-10-16T12:10:01","modified_gmt":"2025-10-16T10:10:01","slug":"kognitive-psychologie-fur-designerinnen-feature-integration-theory-visuelle-suche","status":"publish","type":"post","link":"https:\/\/birdux.studio\/en\/kognitive-psychologie-fur-designerinnen-feature-integration-theory-visuelle-suche\/","title":{"rendered":"Cognitive Psychology for Designers: Feature Integration Theory and Visual Search"},"content":{"rendered":"

Feature Integration Theory explains how humans recognize objects through visual attention, involving two distinct stages of information processing. The first stage is automatic and rapid, allowing us to process basic visual features such as color, orientation, shape, and movement without conscious effort. In the second stage, these features are combined to perceive complete objects, a process that requires focused attention and is significantly slower. Understanding these cognitive processes enables designers to enhance object findability, particularly by leveraging the pop-out effect in critical contexts.<\/strong><\/p>\n\n\n\n

Visual search is a frequent part of daily life. For instance, at a concert, we might look for a friend by focusing on distinguishing features such as blonde hair and a red jumper. In psychology, this person is referred to as the\"target stimulus\"<\/em>or simply the\"target\"<\/em>.<\/p>\n\n\n\n

Visual search involves perception and attention, helping us locate relevant objects in complex environments. In psychological terms, irrelevant objects are called \"distractors.\"<\/p>\n\n\n\n

Visual search is essential because our cognitive capacity cannot process all visual information simultaneously. This process is also critical in interface design, enabling users to quickly locate specific apps or elements.<\/p>\n\n\n\n

<\/p>\n\n\n\n

An example from everyday (digital) life<\/h2>\n\n\n\n

<\/p>\n\n\n\n

\"Smartphone<\/figure>\n\n\n\n

<\/p>\n\n\n\n

I often tap the wrong app icon when trying to open FaceTime, especially when multiple apps share the same colour. This illustrates the challenge of distinguishing between similar visual features.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Smartphone<\/figure>\n\n\n\n

<\/p>\n\n\n\n

The Feature Integration Theory<\/h2>\n\n\n\n

The Feature Integration Theory<\/em> by Anne Treisman and Garry Gelade (1980) offers an explanation for this phenomenon. According to this theory, we perceive objects in two steps. <\/p>\n\n\n\n

In the first step, basic visual characteristics such as colour, movement, or the orientation or shape of an object are automatically (and therefore swiftly) recognised and processed (so-called pre-attentive stage, as no attention is required from us here).<\/p>\n\n\n\n

However, the combination and integration of these individual features of an object to perceive it as a whole (also known as \"conjunction\") is a slower process that requires our attention. This phase (attentive stage) is needed because conscious <\/em>information processing takes longer than the first automatic process.<\/p>\n\n\n\n

In the example above, I have many green apps on my display. Colour perception happens very quickly and unconsciously (pre-attentive stage), which explains why one taps on the wrong app. Only in the second stage (attentive stage) do I perceive \"finer\" details such as the specific icon (camera, arrows, etc.) in combination with the colour, and my brain forms \"FaceTime Icon\" or \"Whatsapp Icon\". We - or rather our brain - integrate or \"conjugate\" all the characteristics of the object into a whole.<\/p>\n\n\n\n

The classic experiment<\/h3>\n\n\n\n

Let's try it out with the classic experiment adapted from Treisman and Gelade (1980): Try to find the blue \"X\" in the following graphic. The blue \"X\" is our target stimulus, and it is surrounded by so-called \"interfering stimuli\" that are irrelevant to us.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Feature condition: Find the blue \"X\".<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Ok, that was very easy, wasn't it? We can also try the same thing again with several disruptive elements.<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

We can see that our blue \"X\" pops out, even with several interfering elements (Pop-out effect), allowing us to identify it very quickly. We look at all objects at the same time and can still recognise the blue \"X\" among all the other interfering elements very quickly. This happens so fast because we use the automatic, parallel processing mentioned above: We simply look at the objects that are within our field of vision, perceive them all simultaneously, and our target stimulus still \"jumps out\" at us due to its unique property<\/em>, which it shares with none of the other objects in the vicinity - the blue colour. <\/p>\n\n\n\n

Let's continue with our experiment. We will now try to find the green letter \"T\" in our graph (integration condition):<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Did you find the green T? If yes, that probably took longer, didn't it? Since we are no longer just looking for a unique feature, our target object no longer \"stands out\". As a result, finding the target stimulus seems much more difficult because it is surrounded by other green letters as well as other \"T's\". Our target stimulus (the green T) shares features with all of our interfering objects: the green colour of the letter \"X\" & the shape with the purple \"T\".<\/p>\n\n\n\n

Therefore, a close inspection of each individual object is required to combine the features (shape and colour). If an object is not our target object, we move on to the next object until we discover our target object. This corresponds to a serial, step-by-step processing or a serial search process. That takes time.<\/p>\n\n\n\n

In the first two experiments (\"Find the blue X\" - the so-called feature or characteristic condition), not even the search time is affected by the number of interfering elements. The target object is recognised automatically, unconsciously, and therefore very quickly during a pre-attentive level due to its unique feature. \"Colour\"<\/em>has been recognised. We do not need directed, i.e., conscious attention to identify our target object, but use rapid parallel information processing and thus a parallel search.<\/p>\n\n\n\n

In the third experiment (integration condition), however, the search time increases with the number of visible interfering elements, as we are forced to focus our attention on the interfering objects in order to find our target object. This leads to slow serial processing and, therefore, a serial search. We \"scan\" each element and check whether it has the characteristics of our target object.<\/p>\n\n\n\n

What does this mean for Interface Design?<\/h2>\n\n\n\n

If several objects have too many features in common, it can become difficult for us to find what we are looking for. The Feature Integration Theory is a scientific approach explaining this phenomenon, allowing us to take it into account when making design decisions. <\/p>\n\n\n\n

Let's remember the first example with Google symbols: The features are all too similar; they have a lot in common. They share the same shape and colour, both of which we perceive quickly and automatically at the so-called pre-attentive stage. This makes it impossible for us to find the right object quickly during this fast processing stage, as we cannot distinguish between them fast enough. So we need the slower one, attentive level to find our target object - i.e., we first have to consciously scan each individual element and check whether it is our \"target object\" - and that takes time.\u00a0\u00a0<\/p>\n\n\n\n

This can pose a risk in situations where rapid action and reaction are required. Think of healthcare, the transport and automotive sectors, aeroplanes, space shuttles, or industry in general. But even for products not used in safety-critical environments, we can utilise the findings from cognitive psychology to make people's lives a little easier.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Literature<\/strong><\/h6>\n\n\n\n