[vc_row type=”image” bg_image=”3365″][vc_column][vc_separator color=”custom” accent_color=”rgba(0,0,0,0.01)”][vc_single_image image=”3386″ img_size=”full” alignment=”center”][/vc_column][/vc_row][vc_row][vc_column width=”5/6″][vc_separator color=”custom” accent_color=”rgba(0,0,0,0.01)”][vc_column_text]
Human perception in the treatment of information
[/vc_column_text][vc_row_inner][vc_column_inner width=”2/3″][vc_column_text]When writing a story and developping content, one has to make sure information transmission is done with ease, both in form and in substance.
A Web Documentary where there is no logical link, very few intuitive interfaces and badly displayed texts will not have many chances to be efficient.
Based on our experience, we have noticed that most of the projects which enjoy a great visibility are structured, hierarchical and make the content coherent, giving the audience the will to plunge into interactive experience.
The theory of form?called Gestalt (coming from the german ??gestalttheorie??), dated from the end of the 19th century, states that human brain will innately shape up what it perceives in order to organize and clarify it.
In other words, human perception will structure information it receives to make it significant.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image image=”3389″ img_size=”full”][/vc_column_inner][/vc_row_inner][vc_column_text]
In numeric storytelling, it is crucial to learn how to manage the audience?through senses : sight (via graphism and media), hearing (with adapted soundtracks) and even touch (by making the user clic or tap, scroll, rollover) should be used?!
The majority of Internet giants leaves nothing to chance : many ergonomists and UX designers handle Gestalt psychology in order to structure and create interactive content, interfaces, articles, sales tunnels? For instance, an excess of graphical elements or a badly spaced text may be uncomfortable for the reader ; contrariwise a sleek design, cleverly found and based on minimalismwill be more efficient than an heavy content.
Let?s review some of the Gestalt laws
[/vc_column_text][vc_row_inner][vc_column_inner][vc_column_text]Law of proximity :
By default, objects physically or visually close together will tend to be grouped. The closer they are, the more logical links will be found between them?!
On the contrary, objects separated by a great distance won?t seem to belong to the same group.
In journalism for exemple, this principle is recurring?: informations have more or less importance for the reader depending on emotional closeness, geographic, socio professional and temporal proximity.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/2″][vc_single_image image=”3371″ img_size=”full”][vc_column_text]On this figure, we will often tend to see 3 pairs of lines rather than 7 sticks.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”3368″ img_size=”full”][vc_column_text]These three offers on lastminute.fr are organized as one group given their proximity. It?s the ideal form for this section suggesting three compelling offers.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text]Law of similarity :
It is well known, ?Birds of a feather flock together??. This is particularly appropriate here?: when grouping similar elements, they will be perceived as a single entity. This is due to our need to understand and group together similar objects based on attributes such as color, size, form?
Distance between different elements will help grouping depending on the similarities.
For the user, graphic elements looking like each other (buttons, colors, headings) have the same function and belong to the same world.[/vc_column_text][vc_single_image image=”3377″ img_size=”full” alignment=”center”][vc_column_text]Icons, pictograms and graphic charts are essential visual clues to guide users in interactive content.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/2″][vc_single_image image=”3380″ img_size=”full”][vc_column_text]On this picture, two lines of black dots and two lines of white ones are generally seen. It is uncommon to notice black and white dots successively, in column.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”3374″ img_size=”full”][vc_column_text]
This menu extracted from the website Amazon is easy to understand with the help of bold orange titles (representative color of the brand). Without even reading, the user know these are different product categories.
[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text]Law of simplicity :
It states that thanks to our rational view, a complex figure will be seen as composed of two simple overlapping parts, and not as being made of complex components that have odd or discontinous angles.
It is highly recommended to think about the form and the set-up of these elements in the interactive content, a crucial process in our understanding and in the cognitive impact of your project.[/vc_column_text][vc_single_image image=”3392″ img_size=”full” alignment=”center”][vc_column_text]At first sight, is it a splatter or some black dots?? Look closely before checking out the answer, once you have the solution, you will never see the image like the first time?!
It?s actually? a cow looking at you?![/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]
To conclude
Proximity, similarities and logical continuity are the core of Gestalt theory and interactive design. Multimedia projects must be thought-out to make reading easier.
Our perception of a work have a great impact on the way information is received. All you need to do from now on is to passionate your audience with ergonomic and intuitive contents?!
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]Learn more about the?Gestalt theory :
Le bloc-notes : ergonomie & UX
La?hi?rarchie?de l?information
Wikipedia[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][vc_separator color=”custom” accent_color=”rgba(0,0,0,0.01)”][vc_widget_sidebar sidebar_id=”sidebar-9″][/vc_column][/vc_row]
