Tag Archives: forms

Form Design for Complex Applications

From complex ERP systems to Facebook, applications make meaning out of input. The form — in its many manifestations — provides a gateway for user submission. This article illustrates 13 different ways to present forms, and explores the future of data input. Good overview … Continue reading

Elsewhere , , Leave a comment

Death to Complexity: Advanced Search at Spokeo

Considering the nature of people search, filtering by parameters other than first and last name is crucial. ‘John Smith’ doesn’t really help you find who you’re looking for, but a 36 year old John Smith in Pasadena, CA, related to … Continue reading

Elsewhere , , , Leave a comment

Design Better Forms

Life is short. No one wants to fill out a form. Be conversational. Be funny. Gradually engage. Do the unexpected. It is the role of the designer to express their company’s brand to elicit an emotional reaction. If done correctly, … Continue reading

Elsewhere , , Leave a comment

Designing More Efficient Forms: Structure, Inputs, Labels and Actions

I see it happening a lot: forms without any structure, with wrong types of inputs, with no proper labels, with … – And that’s a bad thing. All the required HTML elements (<fieldset>, <input> types, <label>, etc.) are there, so … Continue reading

Elsewhere , , , Leave a comment

Chosen

Chosen is a library for making long, unwieldy select boxes more user friendly. Also supports changing a multiple select list into a tag-style list, and doesn’t break keyboard functionality. Chosen →

Elsewhere , , , , Leave a comment

WTF, forms?

Friendlier HTML form controls with a little CSS magic. Designed for IE9+, as well as the latest Chrome, Safari, and Firefox. WTF, forms? →

Elsewhere , , , Leave a comment

Adaptive Placeholders

See the Pen Adaptive Placeholder by Danny King on CodePen. We’ve seen some floated labels before: when focussing a form field the placeholder seems to move towards a spot above the field. Adaptive placeholders goes a step further by also … Continue reading

Elsewhere , , 1 Comment

jQuery Chained Selects Plugin

jQuery plugin to combine a few <select> elements: Based upon your choice in the first, the options of the second one will change and so forth. Chained Selects Plugin for jQuery and Zepto → Chained Selects Plugin Demo →

Elsewhere , , , Leave a comment

zxcvbn: realistic password strength estimation

Simplistic strength estimation gives bad advice. Without checking for common patterns, the practice of encouraging numbers and symbols means encouraging passwords that might only be slightly harder for a computer to crack, and yet frustratingly harder for a human to … Continue reading

Elsewhere , , , Leave a comment

Form.requestAutocomplete()

In a world of WebGL, WebRTC and other fancy web APIs that start with “Web”, requestAutocomplete is rather unglamorous. However, it’s a superhero in beige clothing. A tiny, boring API that can stick a stake through the heart of the … Continue reading

Elsewhere , , Leave a comment