Good User Interface Design Principles in Singapore
What is User Interface?
User Interface(abbreviation UI), is also called human-machine interface, is the overall design of the human-machine interaction, operational logic and interface performance. Every design has its corresponding professional role. Among them, the human-machine designer is called user researcher, the operational logic designer is called interaction designer, the interface performance designer is called the visual designer.
The interface design in this article refers to the design of interface performance part. At this point, the design should not be as simple as the artist. Because the quality of user interface has the direct relationship with user experience, is the product close to user’s part, is the surface of the product. Since UI is related to user experience, so the UI designer should have user thinking, and stand at the user’s point of view in order to design a moving product.
From another perspective, we say the computer is made up of hardware and software. The hardware provides environment support for information processing. The software provides information processing programs for the computer, and help the user solve problems. In other words, while the user is using the computer, actually he is using the software, the essence is to deal with software interface processing.
The basic knowledge of user interface design
The basic of design must have the relationship with”Beauty”. People can easily identify “Beauty” and “Ugly”, they can answer”ugly” easily, while in face of “Beauty” things, they often can’t say why and where they think they are beautiful. Yes, other people can’t answer, but as a product manager, it is necessary to have a better understanding of “Beauty”.
One book named”The Non-Designer’s Design Book” is worth recommending to you. The author Robin Williams gives “Beauty” design principles. I think so and gradually applied to my own product work.
CRAP design principles
1.Contrast
“If two elements are different, there is a contrast, and if there is a difference between the two elements, but the difference is not that great, then the effect you make is not contrasted but conflict.” That’s the point, Robin Williams’s comparison principle: “If the two items are not exactly the same, they should be different and should be very different (strong). “”
The purpose of comparison is twofold, one is to enhance the performance of the page, the other is to help the organization of interface information.
2.Repetition
Robin Williams repeated the principle: “Some aspects of the design (elements) need to be repeated throughout the work.” Repeating elements may be a thick line, a bold font, a bullet, a colour, a design element, a format, Spatial relations, etc. In summary, any aspect the reader (user) can see can serve as a repeating element. “
The purpose of repetition is unity, to enhance visual effects.
3. Alignment
Robin Williams’s alignment principle:”Any element can’t be placed in the interface freely, each should have some kind of visual connection with something on the interface. ” Try to use only one type of text alignment in the interface, all the texts are left justified, right justified, or all centred. Of course, the premise is you can find a clear alignment line and insist on it as the basis of the design of the interface.
4. Proximity
Robin Williams’s proximity principle:”Organize the related items together, move these items so that they are physically close to each other. In people’s mind, the proximity of physical location means that there is a connection.
The aim of proximity is to achieve the organization of interface information to form a visual modular. When you put the relevant elements in the interface together, it also makes the blank areas seem more clean and beautiful.
Our eyes like things in order, which will give us a feeling of peaceful and safe.
Principles of User Interface Design
Let’s have a look at UI design principles:
1.Set the interface and the user’s control (efficient)
The purpose of the interface design is to meet the needs of the user to complete the task, that is to say, the meaning of the function, allowing users to quickly understand the interface content and functionality.
2.Reduce the user’s memory burden (simple)
The core of reducing the user’s memory burden is twofold: the interface is simple and the design logic is clear.
Interface is simple, refers to the clear and intuitive expression of elements and content.
Design logic is clear, refers to the placement of interface element location is logical (conventional logic, to ensure that the user can understand), rather than random. In fact, the quest here is that the interface can guide the user’s visual flow, following the design logic (related to interface roles and functions).
3.Uniform interface style (natural)
The unity of the interface style has three aspects: product objectives, hardware (equipment), user habits.
And product objectives, the core functions of the same communication. The product goals determine the primary and secondary relationships between the elements and elements in the interface, understand the product goals, core functions, and then start designing the user interface.
Consistent with the design of the hardware (device). Such as iOS6, iOS7, WP10 platform, different platforms phone, tablet, PC interface, are designed separately (functional realization, gestures and so there is a difference), this is the foundation.
Consistent with the user’s habit (impression) style. Mainly refers to the user element design, such as the user’s impression of “gear” that “set” function, “avatar” represents the personal center functions, user interface design should take full account of this. If you think there is a better idea, may wish to try. However, there is a saying that is good, before breaking the rules to be clear what the rules are.
What is user interface design process like?
User interface design process, in fact, design principles of the task of flashbacks arranged. as follows:
Understand the product goals and core functions → Design different hardware devices → Select elements according to user’s habits → Optimize interface logic → Simplify interface elements → Highlight core functions → First draft → User test → Modify draft → Determine user interface → Submit design.
- Understanding product goals and core functions (communicate with product manager)
- According to different hardware devices were designed (platform properties, support gestures, etc.)
- According to user habits to choose elements (with research engineers to communicate)
- Optimize the interface logic and information architecture
- Streamline the interface elements
- Highlighting the core functions
- User testing
- Modify the first draft
- Submit the design
In summary, like product managers, visual designers should also have strong communication skills, it is best to have the ability to change users instantaneously.
What is a good user interface?
1.Yahoo weather app
2.NetEase cloud music app
Sum up
We try to summarize, excellent user interface design, usually has the following characteristics:
1.Guide the user’s vision
2.Color is reasonable (consistent with the product features, color with science)
3.Consider the user scenario
The user interface is good or bad, and ultimately to use the product to talk, let the user rating. So, if you want to ask where are good user interfaces? In fact, they are in the App Store leaderboard, on your phone and computer.
Endless beauty, user interface design is also true; from life, attributed to nature, to find it!
read more:
