Design Better Forms
Here are the form elements I created to illustrate concepts in this article. Feel free to use it in your work. Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface…
Creative Form & Input Field Design Examples
The dream is to create a “WOW Experience” for your users on their first visit to your website. One of the best analogy I have come across that explains the importance of this is from Kevin Hale…
The New Rules of Form Design | UX Booth
We've all heard that when it comes to form user experience, shorter is better. But this guideline fails to account for other factors such as which fields are used, how they’re designed, and how engaging the form experience is. That's why Mike Madaio is here to show us the new rules of form design.
How to Report Errors in Forms: 10 Design Guidelines
Help users recover from errors by clearly identifying the problems and allowing users to access and correct erroneous fields easily.
Radio Buttons UX Design
Radio buttons are an essential element of forms. They are used when there is a list of two or more options that are mutually exclusive and the user must select exactly one choice. Clicking a…
Designing Perfect Text Field: Clarity, Accessibility and User Effort
For any app or web application, nothing will ever happen without some initial and ongoing input from the user. It is, therefore, critical that product designers, developer and product managers…
Better Form Design: One Thing Per Page (Case Study) — Smashing Magazine
In 2008, I worked on _Boots.com_. They wanted a single-page checkout with the trendiest of techniques from that era, including accordions, AJAX and client-side validation.
Chat Banking: The Path to Ubiquitous Mobile Banking
Menus, icons, and clicks from the world of GUI have served us well by bringing computing (and so Online Banking) to the masses. In today’s hyper mobile world, the ‘gooey’ model is crumbling under the…
Drop Downs Should be the UI of Last Resort (with images, tweets) · lukew
All too often mobile forms make use of drop-down menus for input when simpler, more appropriate controls would work better. Here's a few alternatives.
Designing an Effective Donate Form
I reached out to the Pittsburgh Food Bank last year about helping them redesign their website largely because I was having a hard time figuring out how to give them money. So as part of our redesign of the Pittsburgh Food Bank's website, we want to make the donate experience more visible and usab
Should form 'Continue' button be disabled if validation is incomplete?
In forms we often see the 'continue' button inactive until all the required fields are complete: download bmml source – Wireframes created with Balsamiq Mockups Is this actually a help to the
Address entry as a single textarea
I am building a ecommerce checkout flow and am looking for best practices for the billing/shipping entries. Every site I use and every one I've looked at for inspiration has the address entries as a