In forms , call-to-actions that are below the fold automatically scroll-up after the user has populated the necessary fields ( users should never have to look for call-to-actions )
If a form has a call-to-action below the fold , make it easy for users to see and act on it , by automatically scrolling the button in to view once the user has populated the necessary fields
Form labels are either above form fields or are floating labels ( in Android )
Form labels should be above form fields so that users can easily see what they are filling in and why . Form fields to the side greatly reduce the space available for the fields . Form field descriptions within the field disappear once text entry begins and if a user is then distracted they may not remember what they need to complete later . In Android , instead of putting form labels above fields , a floating inline label can be used , e . g . when a user engages with a text input field it causes the label to move and float above the field , so as to guide the user whilst entering data .
Form submission errors are reduced through communication ( explanations of what to put into specific form fields ) of users completing the process
Form input is validated in real-time ( after field entry you will see if it is correct or not )
Warning people that they are making mistakes even as they make them will save them the time and frustration of submitting and then discovering mistakes .
In a form , cursor is placed in first field and the appropriate input is displayed by default
Reduce the number of form clicks and help focus the user , by placing the cursor in the first form field by default , and by displaying the appropriate input type ( e . g . keyboard or dial-pad ) by default . Make this effort on behalf of the user so that they can complete forms faster .
In a form , user can select from a list of horizontal tags above the virtual keyboard ( instead of from a vertical list hidden below it )
Mobile screens are cut in half when the virtual keyboard is displayed , and the majority of a vertical list is hidden . So when the user needs to choose from a form list , consider using a horizontal tag list , which are displayed above the keyboard and makes better use of the available screen to help the user choose . ( See image 40 )
Explain to users what you expect them to enter in each form field and in what format . This will reduce the amount of errors and increase the percentage image 40
45