Currently, with the rapid growth and development of digital transformation and the application of information technology to life, technology products to consumers need to be more refined than ever in terms of function and function. functionality and user interface. Reasonable design and utility are the first attraction to users.
Today, I will share with you some basic design principles that every Dev should know and every Tester needs to know:
1. User Orientation
Applying this principle involves careful consideration of how users will actually interact with the product, as well as the most common actions they will use. Constantly asking questions from the user’s perspective will help the product hit their needs.
What for? For whom? Answering these questions will give you the correct answer.
Is navigating the site intuitive enough?
Are users clearly instructed to navigate from one site to another conveniently?
Is the purpose of each element on your website clear and easy to understand?
2. Usability (how easy it is for users to interact with the website/app).
Therefore, they will like your website/app to have the same way of working as all the products they have ever used, instead of having to learn and change in other complicated, hard-to-remember interactive ways. .
1. Do the missing text, buttons or images have a tooltip to describe the functional content of that object?
2. Complex functions need instructions on the form, full input instructions, don’t just put the “*” sign to confuse users.
3. Do input fields have placeholders to suggest?
4. Restrict users to use the mouse. Does the submit key have a shortcut when the user presses Enter? Focus on the user box or type first?
5. Do the long-running functions have a process bar showing the loading percentage?
6. Has the input validated the input yet? Does the password box have an unhide password?
7. Index tab in the form for users to easily enter data, index from left to right, top to bottom
“Less is more” – Don’t make products full of text, have blankspace
3. Use familiar and recognizable icons – branding action
In the case of web and mobile, the brand identity is the graphic elements that describe the company’s appearance such as logo, typography, colors, textures.
A well-invested official website or app will make users feel more secure and confident. Vivid data always has an advantage over long, dry pieces of text.
This helps our content to be more interested by customers, as well as easy and convenient to look up information.
There’s more.