Presentation

We will take some quality time to review—and give feedback—for the following assignments which have been submitted so far:

  • Calendar of Events Page, Version 2

Why Do We Use Forms?

Forms are the very foundation of interactivity. They allow us to create content or interact with a site beyond simply consuming content.

We need forms in order to search, buy things, write blogs, interact on social sites, and to contact others.

Some forms are as simple as subscribing to a newsletter, which requires only one field for your email address, and one submit button.

Simple newsletter signup form

Simple newsletter signup form

When it comes to purchasing something, forms need to be very complex. They need to collect data such as names, billing and shipping addresses, products being purchased at what quantities, shipping options, and payment data.

However, as the designer, your job is to make the form as clear and pain-free as possible for the user. There are several techniques/patterns available for achieving this seeming simplicity.

Hint: Don't do it this way (maximumscented.com)

Hint: Don’t do it this way (maximumscented.com)

CRUD – Create, Read, Update, and Delete

In complex forms, we expect not only to be able to create and read what we have entered. We expect to be able to change/update our entries, and delete them. This is the CRUD model of form design.

CRUD form in WordPress

CRUD form in WordPress

Where have you seen CRUD forms on websites?

Complex Form Building: Patterns for Complex Forms

The following articles contain examples of patterns for form design.

10 UI Design Patterns You Should Be Paying Attention To >>

Items 1, 3, 4, 6, 7 and 8 pertain specifically to form design. How can the others enhance your form design as well?

Web Application Form Design >>

How do we connect form labels to the fields?

Design Tips for Complex Forms >>

What are some of the problems that form designers must solve?

The Worst Form I Have Ever Personally Had to Complete >>

Why would I say that?