Common Design Mistakes in WeChat Widget Development
Although complexity of developing a WeChat Widget is lower than that of developing web pages and applications, in addition, many of design components and resource libraries provided by WeChat can be used in development of a WeChat Widget.
The above two reasons reduce likelihood of major "bugs" and "failures" in development of WeChat applets. However, we did find a few WeChat mini-program designs that we felt were unsuccessful, and we'll list them for discussion.
Error: APP download module built into WeChat applet
Many brands have their own APP, and they also place great value on work of APP, using all channels to promote APP and increase number of downloads, including use of WeChat applets. For example, when opening their WeChat applets, focus is on providing recommendations and reminders to download app.
For example, Hellobike applet has a reminder at top to download app.
There is a logical error here - when user opens WeChat applet, it is either because phone does not have an APP, or for convenience, because applet is faster and simpler. Currently, users are clearly reluctant to allow users to download application, and are also psychologically resisting.
So we noticed that while some brands also have apps, they don't use WeChat mini-programs for promotion. They are more likely to prompt users to add "shortcuts" to mini-programs. For example, McDonald's Widget prompts user to add Widget icon to desktop or WeChat home page.
Error: too many pages or too many page elements
Why can't there be too many WeChat Mini pages? Because "organizer" of page is navigation. Due to small screen of mobile phone used in WeChat applet, it is not possible to fit too many navigation buttons. Therefore, in WeChat Mini Software Development Guide, WeChat recommends no more than 5 bottom navigations, preferably 3 or 4.
Why can't we have too many WeChat widget page elements? In addition, small screen size makes it harder for user to focus visual focus, and elements need to be scaled down so that users can focus on key points. In addition, there are too many elements on page, which also affects page loading speed. In addition, there are too many elements on page, and elements interfere with each other, which also affects user experience.
Mistake: A design that confuses users
There are two aspects of design that confuse users. First, users don't know where they are, and second, users don't know how to make decisions. This is also a bug that can show up in design of WeChat applets.
Let's take button design as an example. Two buttons designed in parallel, with same color, shape and layout, can easily confuse users. Firstly, there may be a pause when choosing, and secondly, it is easy to make a mistake. This is bad design and leaves users confused about how to make decisions.
For example, there is no strong contrast between user-selected state and unselected state. This will lead to fact that users will be confused by question "Where am I now?" Therefore, in design of WeChat applets, there must be a sufficiently strong contrast between selected and unselected, including text contrast, color contrast, etc.
As above, we have summarized three mistakes that are easy to make when developing WeChat applets and can be discussed.