Secondly, every copy block is placed close to the image it describes so even quick scanning lets the viewer understand that they belong to each other and present the single piece of content in the general layout. First, it unites the lines of one copy block to be decoded as one piece of information. The principle of proximity works in this UI on several levels. Here’s the interface concept of an architecture blog. In this case, the principle of proximity signals that the copy lines which are closer to each other present the unified idea or piece of information and in this way makes all the text structured. For example, with white space, a designer can harmonically separate the paragraphs in a big bulk of text to make it more digestible and visually pleasant for readers: this approach is often applied in blog articles and big copy blocks on websites. It allows a designer to activate the power of nothing: the space without any content not only adds the air to the general layout but can be also used to organize its elements as groups and unities where it’s needed.įor copy content, it can be used in different ways. White space, also known as negative space, plays a great part in this process. That is the reason why copy should be arranged according to the laws of both quick perception and aesthetic looks. First, most users scan the page and check the hooks like headings, subheadings, highlights, and keywords, and only then read more if they got interested. Scannability of the copy blocks in the layout is vital because readers don’t usually stay on the pages which look like a long homogenous thread of text. One of the domains in which proximity plays a crucial role is the organization of copy content in user interfaces. As well as in the previous article devoted to grouping principles, we will support them with examples by Tubik designers. In general, we could define two directions of applying proximity principle in user interfaces: for typography elements and copy content and for blocks of different content and controls. It’s not a secret that users aren’t ready to spend much time learning how the complex interface works so intuitive screen which can be quickly scanned has much more chances to retain the users and give them the best features of the website or app. In user interfaces, which are full of different content, the principle of proximity helps a designer to organize the layout to make it scannable and easily-perceived for users. People tend to see elements as related if they are close to each other in comparison to other objects even if other features differ, like another simple scheme below shows. The important thing to bear in mind is that via research and experiment proximity proved itself more powerful than other distinctive features such as color or shape, for example. The simple scheme by Andy Rutledge, given below, visualizes the principle of proximity. So for designers, this is another good prompt on how to organize the interface along natural ways the brain absorbs and classifies data. Having the urge to organize a variety of data and objects around, people often group them this way automatically, much quicker than they start real thinking about it. This principle is based on the cognitive tendency to perceive the objects close to each other as related, especially in comparison with those which are placed farther. This time let’s discuss the principle of proximity for UX design. We have already presented the definition of Gestalt theory, the principles of grouping in particular, as well as looked into the principle of similarity for user interfaces. It works on different levels of perception, but the visual part seems to be the most interesting for designers creating interfaces. For a brief reminder, Gestalt theory is based on the following idea: when people perceive the complex objects consisting of many elements, they apply conscious or subconscious methods of arranging the parts into a whole organized system instead of just the set of simple objects. One of the previous articles here has started the series of posts devoted to Gestalt theory and ways to effectively apply it in UX design. Today we offer you to continue our talk around this theme. For designers dealing with user experience of any kind, knowledge of cognitive abilities and mechanisms is highly helpful in creating a user-friendly product. Human brain is an amazing data processor whose broad capacity still hasn’t been explored at full.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |