Design Mobile Text Input frame: Efficient text input box design for mobile phone

Article Description: "Out of thin" mobile phone side efficient text input box design.

The text input of mobile phone is restricted by the usage environment, network condition and the condition of the equipment itself, so the improvement of the user experience becomes a commonplace topic. Such as: has been in the improved input method, the new input method of exploration (voice input), and even try to do all kinds of ways to avoid input ...

Text input itself is a process from scratch, is to allow users to fill in the blank input box process, this article to avoid some usability testing has not been validated by innovative design, from my daily accumulation and practical experience, with a text input box as the design object, The two dimensions of helping the user to understand and simplify the user's operation are explored to find out whether these seemingly simple blank strips grow in great wisdom.

"Guiding words"--helping users to perceive

Mobile phone interface space can be described as an inch of gold, there are few blank areas. The user in the face of a blank area of the interface will often create a sense of urgency and even a bit overwhelmed. If you add some "guiding words" (i.e., guided descriptive entries) to this gap, users can quickly generate cognitive activity and quickly react and judge what they are going to enter.

In terms of landing interface design, users who face the interface without a guide may waste time thinking about what his username is. Is it his mailbox or his random nickname or his cell phone number? And how many of his codes are? Even wasting time on the writing format of the user name. The user with the second interface will be the first time to know the flashing cursor to enter the mailbox, the Password box in the "small point" is also the image of the user's password to inform the display of the form and length. The Visible input box to add the necessary guide words can improve the user's input efficiency.

The "guide words" are categorized according to the use function and the use scene as follows:

1. Templates for entering content

Provides a template for users to enter, and users don't have to spend more time thinking about how to enter them.

You@website.com is a common template for email addresses that can echo the user's mental model, and users can respond quickly.

2. The fragment content that needs to be entered

Some of the input content is often used or reused by the user, or is conventional, then this part of the content directly as a guide word, displayed in the text input box, on the one hand, you can prompt the user to enter what content, on the one hand can omit this part of the input operation, and thus improve the input efficiency.

"www." and ". com" and so is the user's knowledge of the URL protocol, in the input box to increase the guide to give users a visual reminder here is to enter the URL, and omitted the input of these characters.

3. Description of input Content

Inaccurate user input will result in inaccurate operational feedback, and a brief description of the input needs to be added to reduce the risk of this misuse.

If you do not prompt to enter the name of the merchant or place, the user should not quickly find out what the frame should be entered, the user finally completed the input, but entered a wrong keyword, get is no results, it is difficult to imagine how frustrated users.

4. Input induction

In a multiline text input box, although there is a cursor flashing prompt user input box has been activated, you can enter, but in order to eliminate the user in the face of large gaps in the tension will also increase the boot text, the user input instead of the point back button exit.

"Say something ..." "Roar a sentence" These guide words will let the user have the affinity, causes the user to resonate emotionally, stimulates the user the operation desire.

[1] [2] Next page