Visual perception in interactive design
1. process of visual perception
Vision is an important means for human beings to understand nature and understand the objective world, as well as a breakthrough in understanding human cognitive function. When people begin to observe outside objects, the visual system will be stimulated by the way of images to be transferred to the brain, and to express interest in the image by controlling the motion of the human eye through the visual cortex area of the brain. This process is called the visual perception process. The user will experience 6 psychological processes:
- Visual search means searching for targets within the scope of sight.
- Finding means that when the object detected is consistent with the expected target, it excludes the interference of other objects and fixed tracking objects.
- Resolution refers to the in-depth detection of the information of multiple similar objects.
- Recognition refers to the identification of the meaning of a target based on the difference between visual feature information and detail information.
- Confirmation means that the object of the lock coincides with the storage information in memory, confirming the target.
- Memory search is the basis of the above visual process, and the information obtained from the above vision should be compared with the memory information so as to make judgement.
Visual perception of 2. human-computer interaction interface
The visual perception process of the user in the human-computer interaction interface follows the rules of the visual perception process. That is, the eye movement gets the rough feature map of the interface information and transfers it to the brain. According to the need of attention, the brain strengthens the information related to the target and inhibits the less related information and guides the eyes to focus on the potential area of the target. Domain, and further build a detailed feature map, through the continuous selection and filtering of the interface information, the user finally lock-in the target to get the required information.
It is an important aspect of interface design that how to get users’ attention through the location relationship between interface elements.
From the design point of view, the content of the design should be easily discovered and easily identified. The spatial presentation of man-machine interface is limited, but it also contains complex visual information: luminance elements, graphic elements, color elements, layout factors, and the congestion degree of information. The impact of luminance perception, color perception and spatial perception on human-computer interaction interface is emphatically discussed.
(1) luminance perception
The presentation of all kinds of information in the human-machine interaction depends on the brightness of the display first, so brightness is one of the important attributes of the interface elements.
The user recognizes the information about the target from the change of the brightness of the interface, that is, only the luminance perception of the overall target can identify the meaningful entity.
The research shows that color combination and luminance contrast have significant interaction.
Under the higher brightness contrast condition, the user is more inclined to choose different color combinations, and the brightness contrast is more important than the color combination on the visual perception in the lower brightness contrast condition.
The nighttime mode of NetEase news uses brightness awareness very well.
(2) color perception
In the many influencing factors of visual perception, the role of color is very prominent. Color has 3 basic properties: hue, lightness and saturation.
It is prudent to use color in the design of the user interface. The design should first consider the monochrome, the black pattern in the white background or the white pattern in the black background is usually applicable to most users.
Reasonable collocation can not only improve the cognitive effect of interface information, but also enrich the level of interface.
The design improves the cognition of information by using reasonable collocation.
(3) spatial perception
Spatial perception is also known as deep perception. In the human-machine interaction interface, we hope to generate as much depth information as possible, because in the human-machine interaction interface, images are the focus of attention of the eyes and the brain. If we destroy the depth information, we lose the sense of reality.
In the process of interface design, brightness is a factor that determines the visual perception effect. Therefore, the change of object’s brightness becomes the basis for judging the object’s distance.
In addition, the use of light and shadow changes, content overlap and interference, and three-dimensional and aerial perspective of the three-dimensional effect. For example, by adding shadow and perspective to the pattern, the icons have a certain stereoscopic and three-dimensional sense of 2.5 D icons in the vision, and the real three-dimensional icons are developed gradually.
The circular icons of material design in the picture and realistic backpack icons are all well used for spatial perception.