A List Apart

Menu
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

Columnists

Ask Dr. Web with Jeffrey Zeldman

If Ever I Should Leave You: Job Hunting For Web Designers and Developers

At the start of your career, you’re excited to have any job—but at some point you wonder if there’s a better job out there for you. Is it youthful restlessness, or are you learning to recognize the warning signs of career stagnation? There’s no sure-fire way to tell—but if you’ve stopped growing or feeling any passion for the work, it’s probably time to let go. So how do you find a better job without making it worse with your current colleagues and in your bank account? Jeffrey Zeldman has some tried-and-true tips to make your transitions smoother.

From the Blog

Developing Empathy

Everyone talks a lot about empathy, but distilling that theory-driven talk into practices for our day-to-day work can seem daunting. Susan Robertson shows how she's been able to practice empathy for users as a developer.

On Our Radar: Four-and-a-Horse Stars

This week's recommended reading list has bad news for icon fonts: we learn from Seren Davies' presentation that they present accessibility issues for people with dyslexia. Plus: our favorite tech TinyLetter, the NYSE computer glitch, an animal gif, and more.