User experience design with login/registration form as an example

Source: Internet
Author: User

Article Description: in the design of the mobile end product, whether an application is friendly enough depends not only on whether its own function is good enough for the user, but also on whether the application is friendly to other applications and whether they will collide when the user calls the application to complete other applications .

In the design of the mobile end product, whether an application is friendly enough depends not only on whether its own function is good enough for the user, but also on whether the application is friendly to other applications and whether they will collide when the user calls the application to complete other applications.

Just say a small interactive detail on the phone.

Designing a form Designer on the web side more things are the way the form is laid out, the prompt language of the form, the length of the form, and even the decision status of the form. These things have countless people who have written countless articles. But on the phone side, there seems to be little discussion about the design of the form. Even if there is discussion, designers are focused on how to streamline the form, but there is little attention to user input.

In the design of the mobile end product, whether an application is friendly enough depends not only on whether its own function is good enough for the user, but also on whether the application is friendly to other applications and whether they will collide when the user calls the application to complete other applications.

Thanks to the Android ecosystem's enough "open", there are many input method applications on Android; the benefits and Android system is "inclusive", the input method on Android can be strange, the interface height of the input method is also strange and odd, Application developers are routinely paying for these openings. As a result, designers do need to pull out the input method to carry out the relevant form of the page when there is another topic-how to not let the submission button and input form soft keyboard occlusion ...

Take the login/registration form as an example, starting from Google itself, this problem exists, whether it is its own input method soft keyboard or Third-party Input method soft keyboard. Generally speaking, the user's operation flow is: Find the Input box--click on the soft keyboard--input--click the next input box--input-find button submit-not found, so search the screen-oh, in the bottom right corner of the screen-click Finish, put the soft keyboard down-click the button to submit.

This process, many small white users directly lost, many old users are also very depressed every long-distance raid once to turn off the soft keyboard ...

How about the solution?

1, move the submit button to the upper right corner. This is not very consistent with the user's line of sight, but compared to the long-distance raid to the lower right corner of the page slightly improved

2, the submit button set to fixed "suspension" and soft keyboard above, so that when the user fills out the form can be the fastest to find the submit button. But there will be 2 problems, visually how to do with the color of the soft keyboard, do not cause interference to the user's input. Twitter 's approach to Android is preferable, and Gowalla makes it easier to slide the entire page along with the soft keyboard open.

In addition, a common form on Android that requires the input of simple content can be done by a window. The form of the window is equivalent to a new interface with only the input box and soft keyboard, relatively operational area to become larger, the user's vision has focused. However, this window style is not very suitable for the normal form, such as Android's own Wi-Fi connection form with a cup ...

In fact, the iphone's application design will also have this problem, but no Android serious. and the iphone system itself is trying to teach users to use the "Join" button in the lower right corner of the soft keyboard and its variants to complete the form submission, however, too many small white users are still as confused .... With the popularity of the iphone machine, this user will be more and more, maybe it's time to think about them.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.