Design better forms: best practices - Deepstash

Design better forms: best practices

  • Forms should be one column Multiple columns disrupt a user's vertical momentum
  • Top align labels
  • Group labels with their inputs
  • Place checkboxes (and radios) underneath each other for scannability
  • Make CTAs descriptive
  • Specify errors inline
  • Differentiate primary from secondary actions
  • Ditch the * and denote optional fields
  • Group related information

15

152 reads

CURATED FROM

IDEAS CURATED BY

The idea is part of this collection:

Product Management Starter Kit

Learn more about product with this collection

How to focus on the present moment

How to cultivate empathy and understanding towards others

How to set personal and professional goals

Related collections

Read & Learn

20x Faster

without
deepstash

with
deepstash

with

deepstash

Personalized microlearning

100+ Learning Journeys

Access to 200,000+ ideas

Access to the mobile app

Unlimited idea saving

Unlimited history

Unlimited listening to ideas

Downloading & offline access

Supercharge your mind with one idea per day

Enter your email and spend 1 minute every day to learn something new.

Email

I agree to receive email updates