Lean Design Blog

Form essentials

Collecting different kinds of information from your visitors.

Different examples of pages with forms.

Different examples of pages that have forms.

Forms are useful for collecting information from visitors. From a basic newsletter signup or contact form, to getting specific details to help with following up.

The first thing to keep in mind is to only ask for fundamental information. No one enjoys filling out forms so keep them short!

Landing page form

Landing page illustration

A landing page is a perfect example where you should keep your form as short as possible. Collect only info that is relevant to what your visitor is trying to accomplish. And make it clear in your copy why the information is needed. Many people may be hesitant to provide it.

You can always collect additional information at a later time. For example, if a user signs up for an account, you can have additional details for them to fill out in their account settings.

Contact form

Contact form illustration

A basic contact form should consist of a text area for the question/comment message along with a means to reply back to the person reaching out. Anything beyond that should state how it helps them get a better response.

A customer support request could ask for details to better review the issue the customer is having. Or they can choose from preset categories that would help direct the message to the right team. You can also ask for a screenshot that can be uploaded.

Feedback/survey

Survey illustration

Getting customer feedback can be helpful for your product or service and allow for your customers to share their thoughts on their experience. Fields can be in the form of multiple choices or as open-ended text areas, or a combination of both.

You can make your survey multiple steps. For this, be sure to show an indicator of the number of steps for the survey and give an estimated time the user is expected to spend on the survey.

Newsletter sign-up

Newsletter sign-up illustration

An email address is all you need for a newsletter sign-up. Include a good intro explaining why users would want to sign up and what they can expect from the newsletter.

For personalizing the emails you send, you can ask for the visitor’s name. You can also have a list of categories for the types of emails a user can choose to receive.

Ready to put together your form? Download our free theme with form field components to use for designing and building your landing pages.

Photo of Ovi Demetrian Jr Ovi Demetrian Jr
Designing and building websites and emails for over 15 years