| Article Description: let the input fly up-Baidu Mobile Input Method 2.0 upgrade interactive visual design sharing. |
There used to be a useful input method placed in front of my eyes, but I did not use, and so I was input to make a hard time to regret, the world's most painful thing is this. Your mobile phone if you have not installed Baidu Mobile Input method, hurry to install it! Don't hesitate any more!
Combined with this upgrade, we share some of our design experiences and ideas from the aspect of interaction and visual design.
Interaction Design Level:The interactive design of input method, the first should follow the idea is: how to make users more convenient and efficient input? To make users more efficient and convenient input, we would like to focus on three aspects to achieve this goal: 1. Respect the user's usage habits. 2. To improve the problems that often arise in the design of input method. 3. Simplify the operation, improve the user's input efficiency.
One: respect for the use of user habitsWe consider the use of respect for the user habits, and this habit of access, mainly from two types of users to consider: A class of users are not Baidu Input method users, the first contact with the general system is the input method.
Another type of user is the use of Baidu Input method users, has been accustomed to the Baidu input method of the key layout we seek in the Baidu input method and the system with the input method of the use of the habit of looking for balance, so that users switch to Baidu Input method, learning costs the lowest. Interactive solution: The existing virtual full keyboard and the layout of the thumb keyboard design, basically follow the actual physical keyboard and maintain a consistent mentality. At the same time, the optimization of the number and symbol panel switching, followed by the current common form of switching.
Second: To improve the problems that often arise in the design of input methodThe virtual key is relative to the entity key, it has many problems in use, such as the lack of tactile error-prone problems, such as the thumb keyboard and full keyboard because of the keyboard characteristics, the layout is inconsistent, resulting in users can not find the relevant operation keys and so on; this part of the problem, we will go through various channels, In particular, users to test the way to collect problems and propose solutions. Some of the existing input methods, the general existence of the following problems: 1: Full keyboard and thumb keyboard operation consistency problem 2: Various input method and Input Panel switch problem 3: keypad small, lack of similar to the physical button feedback problem 4: Wrong input or misoperation problems and so on.
Interaction Solution: 1: Consistent problem resolution, maintain full keyboard and Thumb keyboard panel toggle Entry Position Consistency
2: Error-handling problem solution, add keyboard switching keys, increase function key area point sliding input switch panel way easy to trigger misoperation, in the new design of the interactive layout interface, we reserve the function of sliding switch keyboard, as an advanced operation, while increasing the panel switch keys to avoid novice users misoperation.
Three: Simplify the operation, improve the user's input efficiencyHow can I reduce the user's operation? We note that users often spend a lot of time on various switches, such as entering a text: We go to AW-107 meeting today, be on time~ This is a common piece of text, but it contains a very complex type of content: Chinese characters, English case, numbers, symbols. Use the existing input method to input, the need for frequent switching in various panels, user input is very difficult. Interactive solution: Make full use of the point-slip function of Baidu Input method, we are in the full keyboard panel, the first row of letters keys to duplicate the input button, you can make the user without switching the case of fast input numbers
Support super long sentence input, also can greatly improve the user's input efficiency, Baidu Input method maximum support 15 words long sentence input, interactive design, two lines display method to solve the problem of candidate word display.
The above is the input method upgrade interactive design level of a few small details, more improvements please everyone in the actual use of carefully understand it!
visual design level:
2010 design Industry set off a UI interface to the trend of materialization, in the design of Baidu Mobile Input Method 1.1 version/1.2 version of the default interface is also applied to this style, the face version of the button to create the effect of the real button. Because the mobile phone Input method product interface space is relatively limited, many elements, too complex effect can not give users a good visual feeling.
At the beginning of this upgrade we have adjusted the idea: the design of a user in use is not designed to be tired of the default skin.
Human beings have 80% of the information is through the visual, which color has magical magic, different colors will bring people different psychological feelings. For example: Blue makes people feel lonely, independent and calm, green makes people feel life, growth, change and recovery, purple makes people feel authority and prestige, red makes people feel energetic, angry and joyful, Orange makes people feel power, brilliance and shock.
There will be color bias, the same color, some people like someone may be very disgusted. For a large user base of Baidu mobile phone input products, the exclusion of a certain type of users is not our purpose, and as a tool-type products, concise, exquisite interface to help users focus on the operation itself.
After experimenting with a variety of scenarios, we finally decided to use lightness gray as the main color for this upgraded default interface. Gray is black and white mixed color, no hue and purity, only lightness. Gray of different lightness can produce close to black or white effect. "Light gray" will give people the feeling of elegance, tranquility and delicacy, so it is often called high ash. Click state needs to be enough to arouse the attention of users, so we give the default interface click state with Gomingdo bright blue.
In the completion of the upgrade of the default interface style settings, the work has not been completed, mobile end of different platforms or the same platform different models of mobile phone display effects may be very large, in order to be able to allow users to see the interface effect, and the effect of our actual design is consistent, We have to the platform to find the mainstream model of the interface has been adjusted.
Baidu Mobile Input Method V2.0 Upgrade is a new beginning, so that users "enjoy a smooth and comfortable mobile phone input experience" is our persistent philosophy, we have been working hard!
