UX/UI Design Principles10/2/2021 User Experience (UX) Design is described by Interaction Design Foundation as: “…the process design teams use to create products that provide meaningful and relevant experiences to users.” User Interface (UI) Design on the other hand is: “…the process designers use to build interfaces in software or computerised devices, focusing on looks or style”. Visual Perception Law of Proximity The human eye sees connections between visual components according to the rule of proximity. Objects that are close together form a group. When things are placed in close proximity to one another, they form patterns or "groupings." We may manipulate the apparent connections of things in a visual environment by employing negative space. The law of proximity allows us to view the entire text when we see written material. This is a frequent problem with many website designs. Because text blocks aren't spaced far enough apart, we see them as a single piece of material that we don't want to read. We have more control over how the user receives information by spacing things that aren't linked apart. Law of Similarity If the human eye sees similar elements in a visual space, such as shapes and colours, it tends to group them together; even if they are separated. Once our brain groups them together, then it separates them from other elements in the visual space. Shape, size, and colour are the most easily impacted by similarity, but it may also be used to group items with comparable functions and meanings. Similarity may be utilised to create common patterns and trends in buttons, navigational components, and even typography in effective UX/UI design. It is much easier for us to respond to an element after our brain has made the initial connection with it. Law of Continuity The rule of continuity states that in order to identify a link between components, the human eye follows lines, curves, or a succession of forms. In a maze with numerous overlapping lines, the brain permits us to follow a single line path. Continuation may be an effective technique for directing the viewer's attention in a specific direction. Continuity can be done in a number of ways, but a good example is by using elements that lead the viewer out of the screen. This could be imagery, lines, shapes or even colours. By doing so, you can create unique and appealing functional transitions that adds that extra element to your design. Cognitive Load The entire amount of mental effort utilized in a person's working memory is referred to as cognitive load. It's almost like the amount of work your brain has to perform in order to comprehend what it sees. Other mental processes may be hampered if the cognitive load is excessive. To minimize distractions and allow our user to achieve the intended end point, we want to maintain the cognitive burden to a minimum.
Conclusion Many psychological principles may be used to UX/UI design, and academic and professional resources can help. Understanding a few fundamental concepts early on, in my opinion, can help you better understand why websites are designed the way they are, or how you might create more efficient and successful websites yourself.
0 Comments
Leave a Reply. |