User Interface Design Guide in Singapore
UI is the abbreviation of the user interface. UI design is the overall design of software human-machine interaction, operation logic and beautiful interface. Generally speaking, we refer to UI design, mostly UI visual design, mainly responsible for design works on colour, layout, fonts of app, web, H5 aspects. Now let’s continue to elaborate UI with three questions.
1.What is user interface?
User interface design should not only consider”headline size”,”colour matching” or”button placement”, more importantly, consider the interaction between pages and users, which means, UI should not only have the beautiful appearance but also easy to use.
We may think the user interface with product thinking:
- How to design a button for a special page
- How does this button need to be designed so that users know in advance what feedback will appear after they click?
- How to design the interface in order to guide the user to easily achieve the purpose of operation?
So: the interface is the product.
2.What factors can achieve a great user interface?
- Clear
By using texts, flowchart, hierarchical maps, icons and other elements, to avoid user’s fuzzy understanding of the user interface. The clear interface doesn’t require manual, can also ensure user to reduce errors in using process.
- Simple
In order to make interface simple, it may be accompanied by floating box instructions or label tips, resulting in bloated interfaces, so to make the interface clear while considering interface simple.
- Familiar
When users use the interface for the first time, they can still find some elements they are familiar with. In design, using some accepted images from real life can help to understand. For example, now the more popular drawer navigation design comes from the drawer in real life. The most important information displays in the interface, the non-core information is hidden. When needed, slide to the right, then open the drawer.
- Responsive
Information feedback, the interface should remind the user what happened, whether the request is successfully processed.
- Consistency
Once user learned the operation of one part of the interface, he will soon know how to operate in other place or other features. So keep the consistency of interface can make user identify using mode.
- Aesthetic
Having a good-looking user interface can make the user happy to work.
- Efficiency
A great interface should use help user work more efficiently through the quick menu or good design.
- Error tolerance
The user will make mistakes occasionally. Whether to offer revocation, deleted files can be restored? A good user interface should provide users with ways to remedy mistakes.
In summary, each of the features interacts with each other, the more elements you add, the more efforts user will make. Of course, and vice versa. Users do not know what to do without adequate help and support. So to design a simple, elegant, clear, consistent user interface, we must consider the role of various factors.
3.The main elements of user interface design
Layout and position
The layout defines the structure of all visual elements in the interface. The distance between elements allows you to determine the levels and relationships between elements.
The home page’s headline elements are separated by distance into the logo area + navigation and search area + message and settings area, elements of the same level can generally be put together for display, increasing page consistency.
Shape and size
The shape is used to distinguish elements such as the difference between the input box and the button.
Size is used to indicate the importance of larger and more prominent elements of the size, it is more important. The bigger often used buttons can not only make the user click easier, but also improve the efficiency of the interface.
General login button size is big, in addition, guide the next step, but also improve the operation efficiency.
Color
Different colour has different meanings. For example, red indicates error messages, green indicates successful operation or the signal of next step.
Attentions: the meaning of colour in the different culture is different, you should ensure the user can identify the select colour meaning.
Contrast
The darkness or brightness can have the influence on the element usability on the interface. Black texts on white background have high contrast, easy to read. Lower the contrast of elements can make them integrate into the background, making the layout clear.
Material
Change the material of elements, can also add the user’s cognition of elements, and understand the meaning of elements itself.
4.UI design service
USER is an IT company based in Singapore, it focuses on user experience research and design using user-centric design method. With more than 15 years experience, USER has accumulated and successfully delivered more than 100 projects. It provides a full range of IT research, design and development. Here we specially introduce the UI interaction visual design service. Based on Design Strategy & Innovation made by UX experts and information architecture design, our creative designer can develop detail wireframes and interactive prototypes to illustrate out the innovative design ideas. Interested? Contact USER to know more about the company and service.
评论
发表评论