Chrome, HTML5, JavaScript, mobile, webdev

Make Your Web Forms More Efficient

Ido's payment formForms are the main ‘entry barrier’ to anything meaningful on the web. It might be a registration form, sign-up form or a shopping cart. In all of them, you wish to do the best in order to delight your users and lower the friction.
In the slides below, we will cover the best practices so your forms will rock.

Rules to remember

* Use big font size and provide easily touch buttons
* Take advantage of Autofill – See it in action in this live demo.
* Size the fields according to their expected length.
* Use the correct HTML5 input types.
* Provide both a general error message and a field specific one.
* Use the autofocus to direct the user to the problematic field.
* Make it clear what is optional and what is not
* Break forms to sections and show the user their progress.

The future

Polymer Gold Element example



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s