Chris Coyier on HTML5 forms

.net: How do you make something as inherently boring as online forms sexy?
Chris Coyier: There’s no reason a boring task has to have a boring interface. There are a lot of people working in less-than-inspiring environments and Wufoo can help make their job easier and brighten their day. The fun in Wufoo comes from obvious things, such as a child-like colour palette, a playful layout and poetic wording. It also comes from less tangible areas, such as trying to reduce frustration when doing tasks within Wufoo through a user interface that’s clear and responsive. To give proper credit here, Kevin Hale is our lead designer and co-founder, and has been crafting Wufoo’s unique style for years. I'd encourage anyone interested in learning more about this to listen to Kevin's talk about Support Driven Design.

.net: How can new HTML5 features help improve conversion rates?
CC: HTML5 has great features such as ‘placeholder’, which enables you to put a value into a field that then instantly disappears when the field comes into focus. Putting a value such as ‘555-555-5555’ into a telephone number field, for example, helps explain what you want and reduces any slight user confusion and possible form abandonment. There are also little things, such as incrementation arrows for numeric inputs, which will help users adjust fields quicker, and inline validation, which can give users feedback on what they’ve done wrong faster than server-side validation can. The quicker users are able to understand and fill out a form, the higher conversion rates will be.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq. 

TOPICS