Tagged forms

Inline Validation Implemented Badly in Web Forms (Wizard Clear Advantage)

Web forms have come a long way over the last few years, from bland and lifeless labels with input fields barely better than paper forms, to interactive and beautifully designed experiences like huffduffer.  New technologies like inline validation have really helped web forms become far more intuitive and easier to use, providing timely and helpful feedback to users as they move through a form.

Inline validation, when used correctly provides immediate feedback next to the input field showing that the field has been filled out correctly or incorrectly, without the need to press submit and waiting for the error message.  The example below is from audible, having finished typing in the username field and tabbing to the password field, I was informed that my username had already been taken allowing me to immediately select an alternative.  This saves me time and prevents me getting to the end of the form, pressing submit and only then finding out the username was already taken. Read more

Primary Actions Its Not Hard!

Summary

 

When designing a web form or landing page, there are usually different paths a user can take through the form or from the landing page.  Usually the typical path a user wants to achieve through a form is completion, so primary actions on these pages are things like “next”, “save” or “continue”.  Secondary actions are things like “Back”.  From a landing page the user probably wants to “Add to cart” or “Buy Now” as the primary action.  Visually distinguishing primary actions to make them obvious should now be common practise thanks to excellent work by Luke Wrobleski in web form design and commonly used design patterns, but why do so many websites continue to get it wrong?

Read more