Shulou(Shulou.com)06/01 Report--

This article mainly explains "how to use the Mini Program interface to improve performance". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought. Let's study and learn "how to use Mini Program interface to improve performance"!

Convenient and elegant

From the physical keyboard and mouse in the PC era to the fingers in the mobile era, although the input devices are greatly simplified, the accuracy of finger operation is much less accurate than that of the keyboard and mouse. In order to adapt to this change, developers need to make full use of mobile phone features in the design process, so that users can easily and elegantly control the interface.

1. Reduce input

Because the area of mobile phone keyboard is small and dense, it is difficult to input but also easy to cause input errors, so when designing Mini Program pages, in order to reduce user input as much as possible, use the existing interface or some other easy-to-operate selection controls to improve the user input experience.

For example, in the following figure, when adding a bank card, the camera identification interface is used to help the user enter. In addition, the Wechat team also opened a variety of WeChat Mini Programs interfaces, such as geographic location interfaces, to make full use of these interfaces will greatly improve the efficiency and accuracy of user input, and then optimize the experience.

In addition to using the interface, when you have to let the user enter manually, you should try to let the user make a choice instead of keyboard input. On the one hand, recollection is easy to remember, and it is usually easier for users to make choices among limited options than to input entirely by memory; on the other hand, it is still considered that the intensive single-key input of mobile phone keyboard is very easy to cause input errors. For example, in the figure, providing a shortcut option for search history when a user searches will help the user search quickly and reduce or avoid unnecessary keyboard input.

two。 Avoid misoperation

Because on the mobile phone we control the interface by touching the screen with fingers, the click accuracy of fingers is far less than that of the mouse, so when designing the controls that need to be clicked on the page, we need to fully take into account the area of the hot area. avoid misoperation due to clickable areas that are too small or too dense. When simply transplanting the interface originally used on the computer screen to the mobile phone without any adaptation, it is often prone to such a problem. Due to the different screen resolutions of mobile phones, the most suitable pixel size for click is not exactly the same, but it is roughly between 7mm-9mm when converted to physical size. In the standard component library provided by Wechat, various control elements have taken into account the page click effect and the adaptation of different screens, so it is again recommended to use or imitate the standard control size for design.

3. Use interfaces to improve performance

Wechat Design Center has launched a set of web standard control library, including sketch design control library and Photoshop design control library, and will improve Mini Program components in the future. These controls have fully taken into account the characteristics of mobile pages and can ensure their availability and operational performance on mobile pages. At the same time, the Wechat development team is also constantly improving and expanding the WeChat Mini Programs interface and providing Wechat public libraries, which can not only provide faster services for users, but also play a great role in improving page performance. Virtually enhance the user experience.

Thank you for your reading. the above is the content of "how to use Mini Program interface to improve performance". After the study of this article, I believe you have a deeper understanding of how to use Mini Program interface to improve performance. the specific use also needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.