Website Forms That Actually Get Completed

Every field you add to your form kills about 5% to 10% of your potential conversions.

I see this constantly with Sydney businesses. A law firm asks for 12 pieces of information before someone can request a consultation. A gym requires 15 fields to download a class schedule. A tradie wants your life story before providing a quote.

The result? Form abandonment rates of 70% to 90%. People start filling out your form, realise how long it’s going to take, and give up.

Here’s what most business owners don’t realise: your form isn’t just collecting information. It’s a barrier between a potential customer and taking action. Every unnecessary field makes that barrier higher.

Let’s break down exactly how to design forms that people actually complete.

The Optimal Form Length: How Many Fields Is Too Many?

Short answer: fewer than you currently have.

Research from Formstack analysed 650,000 forms and found that completion rates drop dramatically as field count increases:

• 3 fields: 75% to 85% completion rate
• 5 fields: 65% to 75% completion rate
• 7 fields: 55% to 65% completion rate
• 10 fields: 40% to 50% completion rate
• 15+ fields: 15% to 30% completion rate

Every additional field costs you conversions. The question isn’t “what information would be nice to have?” It’s “what’s the absolute minimum we need to start the relationship?”

What Do You Actually Need Right Now?

A Mosman real estate agency had a property inquiry form with 14 fields: first name, last name, email, phone, address, suburb, postcode, preferred contact method, budget range, bedrooms, bathrooms, property type, timeframe, and a comments field.

Sounds reasonable, right? They wanted to qualify leads. But their form completion rate was 23%.

We stripped it down to 4 fields: name, email, phone, and “which property are you interested in?” Completion rate jumped to 67%. That’s nearly 3 times as many leads.

But didn’t they lose all that qualifying information? Not really. The real estate agents could ask those questions during the follow-up phone call. The form’s job wasn’t to qualify leads perfectly. It was to start conversations.

Industry Benchmarks for Form Length

Here’s what typically works for different business types:

Contact/Inquiry Forms (Service Businesses):
Optimal: 3 to 5 fields
Maximum: 7 fields
Essential fields: Name, email, phone, brief message
Optional: Preferred contact method, service of interest

Quote Request Forms (Tradies, Contractors):
Optimal: 4 to 6 fields
Maximum: 8 fields
Essential: Name, email, phone, brief description of job
Optional: Location, timeframe, budget range

Newsletter Signup:
Optimal: 1 to 2 fields
Maximum: 3 fields
Essential: Email address
Optional: First name, interests/preferences

E-commerce Checkout (Guest):
Optimal: 8 to 12 fields
Maximum: 15 fields
Essential: Shipping info, billing info, payment details
Strategy: Use address lookup, auto-fill, and smart defaults

Job Applications:
Optimal: 5 to 8 fields in initial form
Maximum: 10 fields
Essential: Name, email, phone, CV/resume upload, cover letter or message
Strategy: Collect additional details after initial expression of interest

Required vs Optional Fields: Get This Right

Every field you mark as “required” is another hurdle. Every optional field tempts users to fill it out, slowing them down.

The Problem With Too Many Required Fields

Users hitting a required field they don’t want to fill out have three options:

1. Fill it out truthfully (slows them down, increases friction)
2. Enter fake information just to get past it (gives you bad data)
3. Abandon the form (you lose the lead entirely)

Option 3 happens more than you’d think. Baymard Institute found that 29% of users abandon forms specifically because the site asked for too much information.

The Two-Field Rule

Here’s a simple test: if you can’t justify why you absolutely need a piece of information right now, don’t require it.

For most business inquiry forms, you really only need two required fields: a way to contact them (email or phone) and their name. Everything else is optional or can be collected later.

A Pyrmont marketing agency tested this. They had 7 required fields on their contact form. We reduced it to 3 required fields (name, email, phone) and made everything else optional. Form completions increased by 58%.

The interesting part? 62% of people still filled out the optional fields anyway. Removing the “required” asterisk reduced psychological resistance.

How to Mark Optional Fields

Two approaches work:

Option 1: Mark optional fields with “(optional)” next to the label
Example: “Phone number (optional)”

Option 2: Mark required fields with an asterisk (*), everything else is assumed optional
Example: “Email address *”

Research from CXL found that marking optional fields explicitly works better than assuming users will understand the asterisk system. Completion rates improved by 8% to 12% when optional fields were clearly labeled.

Form Field Labels and Placeholder Text: Stop Confusing People

I see this mistake everywhere: placeholder text used as labels.

You know what I mean. The form field has light grey text inside that says “Enter your email address.” You click to type, and the placeholder text disappears. Now you can’t remember what the field was asking for.

This is terrible UX.

Labels vs Placeholders: Use Both Correctly

Labels tell users what the field is for. They should be visible at all times, positioned above or beside the field.

Placeholders provide an example or additional context. They disappear when users start typing.

Good label: “Email address”
Good placeholder: “name@example.com”

Bad: No label, just placeholder text “Enter your email address” inside the field

Why Placeholder-Only Forms Fail

Nielsen Norman Group testing found that forms without persistent labels cause problems:

• Users forget what information goes in each field
• Error checking is harder (users can’t see what they got wrong)
• Accessibility suffers (screen readers struggle with placeholder-only forms)
• Completion time increases by 15% to 25%

A Chatswood restaurant used placeholder-only forms for their online ordering. After adding persistent labels above each field, form errors dropped by 34% and completion time decreased by 18 seconds on average.

Label Best Practices

• Keep labels short and clear (2 to 5 words maximum)
• Position labels above fields, left-aligned
• Use sentence case, not ALL CAPS
• Make labels visually distinct from placeholder text (darker colour, bolder weight)
• Include helpful context in a smaller font below the label if needed

Example:
Label: “Phone number”
Helper text: “We’ll use this to confirm your booking”
Placeholder: “0412 345 678”

Progressive Disclosure: Don’t Show Everything at Once

Progressive disclosure means revealing form fields gradually based on user input. Instead of overwhelming users with 15 fields upfront, you show 3 to 5 fields, then reveal more as needed.

How Progressive Disclosure Works

Simple example: A contact form asks “What can we help you with?” with options:

• General inquiry
• Request a quote
• Technical support
• Other

If they select “Request a quote,” additional fields appear asking for project details and budget. If they select “Technical support,” different fields appear asking for their account number and issue description.

This approach keeps initial commitment low while still collecting relevant information.

When Progressive Disclosure Makes Sense

Use progressive disclosure for:

• Forms that serve multiple purposes (contact, quote, support, etc.)
• Forms where only certain users need to provide certain information
• Long forms where you can break information into logical sections

Don’t use it for:

• Very short forms (3 to 5 fields) where showing everything is simpler
• Forms where users need to see all requirements upfront to gather information

A Sydney insurance broker had a quote form with 18 fields. We implemented progressive disclosure: first screen asked for coverage type and basic details (4 fields), second screen asked specific coverage questions based on their selection (5 to 7 fields depending on type), final screen collected contact info (3 fields).

Form abandonment dropped from 76% to 43%. Breaking it into digestible chunks reduced the psychological burden.

Multi-Step vs Single-Page Forms: Which Converts Better?

This debate has raged for years. Should you put all fields on one long page, or break them into multiple steps?

The answer depends on your form length and complexity.

Single-Page Forms Work Better When:

• You have 7 or fewer fields
• All information is straightforward (no complex decisions)
• Users need to review all inputs before submitting
• Your audience prefers seeing everything at once

Advantages: faster completion, no multi-step navigation, users see entire commitment upfront

Multi-Step Forms Work Better When:

• You have 8+ fields
• Information falls into logical groups
• Some fields depend on earlier answers
• You want to reduce perceived effort

Advantages: less overwhelming, progress indicators motivate completion, can customize questions based on earlier answers

The Magic of Progress Indicators

If you use a multi-step form, include a progress indicator showing “Step 2 of 4” or a progress bar showing 50% complete.

Research from Joseph Silvia found that progress indicators increase completion rates by 5% to 15% for multi-step forms. Users need to know how much longer the form will take.

Critical: be honest about progress. If you show “Step 2 of 3” but then surprise users with a “Step 4,” completion rates plummet. Users feel deceived.

Real-World Testing Results

Venture Harbour tested single-page vs multi-step forms across 25 different forms:

• Forms with 3 to 5 fields: single-page performed 12% better
• Forms with 6 to 8 fields: roughly equal performance
• Forms with 9+ fields: multi-step performed 18% to 27% better

The tipping point? Around 7 to 8 fields. Below that, keep it simple with single-page. Above that, break it into steps.

Error Messages: Help People Fix Problems

Your form validation is probably annoying users and causing abandonment.

Common mistake: users fill out an entire form, click submit, and see a generic error message at the top saying “Please fix the errors below.” They have to scroll through the form hunting for what went wrong.

Frustrating and unnecessary.

Inline Validation Works Best

Inline validation shows error messages immediately next to the field with the problem, the moment the user moves to the next field.

Example: User enters “john@gmailcom” in the email field (missing the period). As soon as they tab to the next field, a red error message appears below the email field: “Please enter a valid email address”

Benefits:

• Users fix errors immediately instead of at the end
• Reduces cognitive load (deal with one error at a time)
• Prevents frustration of completing a form only to find multiple errors

Baymard Institute found that inline validation can reduce form errors by 22% and decrease completion time by 35%.

How to Write Good Error Messages

Bad error message: “Invalid input”
Good error message: “Phone number should be 10 digits starting with 04”

Bad: “Error”
Good: “Password must be at least 8 characters”

Your error messages need to:

• Explain exactly what’s wrong
• Tell users how to fix it
• Use plain language (no error codes or technical jargon)
• Appear next to the relevant field
• Use red text or icons to grab attention

Don’t Validate Too Early

One mistake: showing error messages while users are still typing. They type “john” in the email field and immediately see “Invalid email format.” No kidding, they’re not done yet.

Validate on blur (when user leaves the field) or on submit, not on every keystroke. Exception: password strength indicators that update as you type can be helpful.

Auto-Fill and Smart Defaults: Make Forms Faster

Every second users spend filling out your form increases abandonment risk. Anything you can do to speed things up improves completion rates.

Use HTML Auto-Complete Attributes

Modern browsers can auto-fill form fields if you use proper HTML autocomplete attributes:

• autocomplete=”name” for full name
• autocomplete=”email” for email addresses
• autocomplete=”tel” for phone numbers
• autocomplete=”address-line1″ for street addresses
• autocomplete=”postal-code” for postcodes

When properly implemented, returning users can fill out your entire form with 2 to 3 clicks. That’s the difference between a 60-second form and a 5-second form.

Address Lookup for Australian Forms

Nobody wants to manually type their full address. Use an Australian address lookup service (like Australia Post’s API or Google Places API) that lets users type their postcode or start of their address and select from a dropdown.

Example: User types “2000” and sees a list of Sydney CBD addresses to choose from. One click and the entire address is filled in.

A Bondi e-commerce store implemented address lookup on their checkout form. Average completion time for the shipping address section dropped from 47 seconds to 12 seconds. Checkout abandonment decreased by 19%.

Smart Defaults Based on Context

Pre-select the most common option instead of making users click every time.

Examples:

• Country field: default to “Australia” for Australian businesses
• State field: default to “NSW” if that’s where 80% of your customers are
• Contact preference: pre-select “Email” if that’s what most people choose

Users can change it if needed, but you’ve eliminated a click for the majority.

Mobile Form Design: Special Considerations

Forms are hard enough on desktop. On mobile, they’re brutal.

The average mobile form completion rate is 15% to 30% lower than desktop. That’s not because mobile users are less interested. It’s because mobile forms are harder to fill out.

Use Correct Input Types

This is basic but ignored constantly. Use the right HTML input type and mobile keyboards will adapt automatically:

• type=”email” triggers keyboard with @ symbol easily accessible
• type=”tel” brings up number pad
• type=”url” shows keyboard with .com/.au shortcuts
• type=”number” displays numeric keyboard
• type=”date” opens date picker

Forcing users to switch keyboards manually (because you used type=”text” for everything) adds friction and increases errors.

Make Form Fields Full Width on Mobile

Labels on the left, fields on the right works fine on desktop. On mobile, it’s cramped and hard to read.

Stack labels above fields and make fields full width (or close to it). This gives users maximum space to see what they’re typing.

Increase Tap Targets

Form inputs, checkboxes, radio buttons, and submit buttons all need to be at least 48px tall on mobile (Apple and Google’s recommended minimum touch target).

Tiny checkboxes that are perfect on desktop become impossible to tap accurately on mobile.

Minimize Typing on Mobile

Typing on mobile is slower and more error-prone than on desktop. Use:

• Dropdowns instead of text fields where possible
• Checkboxes/radio buttons instead of “type your selection”
• Date pickers instead of “DD/MM/YYYY” text fields
• Address lookup instead of manual address entry

Each field you convert from typing to selecting improves mobile completion rates.

Testing Your Forms

You need data, not assumptions.

Track These Metrics

Form completion rate: (submissions / form views) x 100. If this is below 40% for a simple contact form, you’ve got problems.

Field abandonment: Which specific fields do users abandon at? If 40% of people drop off at your “Annual Revenue” field, maybe you don’t need it.

Time to complete: Forms taking longer than 60 to 90 seconds see dramatic abandonment increases.

Error rate: What percentage of submissions have errors? High error rates (above 20%) indicate unclear labels or poor validation.

Google Analytics can track form events, but tools like Hotjar or Microsoft Clarity show exactly where users get stuck, which fields they skip, and where they abandon.

A/B Test Your Form Fields

Test reducing fields one at a time:

• Original form: 8 fields, 43% completion
• Test removing “Company name”: 7 fields, 51% completion (18% improvement)
• Test removing “How did you hear about us?”: 6 fields, 57% completion (12% additional improvement)

Data tells you exactly which fields are killing conversions.

Your Form Audit Checklist

Review your current forms against these criteria:

• Field count: 7 or fewer for inquiry forms
• Required fields: Only what you absolutely need right now
• Labels: Visible at all times, above or beside fields
• Placeholders: Examples, not labels
• Error messages: Specific, helpful, inline
• Mobile optimization: Correct input types, full-width fields, 48px minimum height
• Auto-fill: Proper autocomplete attributes
• Progress indicator: If multi-step form
• Privacy statement: Explain what you’ll do with their information
• Submit button: Clear, action-oriented text (“Send Message” not “Submit”)

If your forms fail more than three of these, you’re losing conversions unnecessarily.

The Real Cost of Bad Forms

Let’s do some quick math. Your website gets 2,000 visitors per month. 15% of them (300 people) view your contact form. Your current completion rate is 25%, giving you 75 inquiries.

You reduce your form from 9 fields to 5 fields and improve completion rate to 55%. Now you’re getting 165 inquiries per month. That’s 90 additional leads every month, or 1,080 per year.

If you convert 20% of inquiries to customers at an average value of $2,000, that’s 216 additional customers worth $432,000 in revenue. From removing four form fields.

Your forms aren’t just data collection tools. They’re conversion tools. Treat them that way.

Start With Your Highest-Traffic Form

Don’t try to fix every form at once. Start with the form that gets the most traffic. For most businesses, that’s your main contact or inquiry form.

Reduce fields ruthlessly. Add inline validation. Test on mobile devices. Track completion rates before and after changes. Use the data to inform improvements to your other forms.

Forms don’t have to be conversion killers. With the right approach, they become conversion drivers.

Want Forms That Actually Work?

Sites By Design creates website forms for Sydney businesses that maximize completions without sacrificing lead quality. We audit your current forms, identify friction points, and implement proven optimizations that drive more inquiries.

Contact us today for a free form audit and specific recommendations to boost your form completion rates.