A List Apart

Issue № 314

It's all about your form.

Testing Accordion Forms

by Luke Wroblewski · 28 Comments

Web forms let people complete important tasks on your site; web form design details can have a big impact on how successful, efficient, and happy with the process they are—especially details like form length. Enter accordion forms, which dynamically hide and reveal sections of related questions as people complete the form, allowing them to focus on what matters and finish quickly. How do your smallest design decisions affect completion speed? Which design choices make these innovative forms feel familiar and easy? Which choices make them feel foreign and complex, leading people to make errors?

Forward Thinking Form Validation

by Ryan Seddon · 38 Comments

When users complete a form to buy your product or sign up for your service, you want to reduce mistakes and guide them to success. Now, with HTML5 form input types and attributes, you can set validation constraints to check user input. With CSS3’s new UI pseudo-classes, you can style validation states to make form completion quick and effortless.

More from A List Apart


Ask Dr. Web with Jeffrey Zeldman

Looking for Love: Standing Out from the Crowd of Web Job Seekers

You have a solid resume, but can’t seem to connect with the right job. Maybe it's not you. Jeffrey Zeldman suggests reconsidering your career niche or refocusing your work persona. It could open fresh hiring tracks just waiting for the right candidate—you.

From the Blog

Career Consultation with Dr. Web—Live

Your career is alive, complex, and trying to grow in the right direction—but finding that path can be confusing. When you don’t know what you don’t know, or need just a nudge to kickstart your next step, a healthy dose of guidance can do the trick. In a live Q&A this December, Jeffrey Zeldman brings “Ask Dr. Web” to ALA events, answering viewer questions in real time with cohost Sarah Parmenter.