Responsive Forms

Creating content for a single product across various devices.

Form Purpose

Users that wish to donation large items can request a scheduled pickup.

Content Requirements

Keep it short
Label Fields
Logical Sequencing
Visible Error States

Mockups include placeholder text that was later removed for accessibility purposes.

Headers

Actionable and relatable
Communicates key messages in a concise form
Humanize the user experience
User-informative headers

Donation Requirements

Streamlining the process for scheduling large donations. Key requirements are prominently featured at the of the form to inform users, with the information presented in a list format for easy scanning.

Donation Requirements

Clear header with two listed items of Do's and Don'ts

Error States

Simple ways to inform the user of incorrect information without starting over.

Error State

User has exceeded the character max

User Flow

View more on responsive forms.

Confirmation Confirms users action and informs user of next steps	Form Subtext Additional text that guides users
PC Form Beginning of form on PC	Donation Requirements Close up of donation requirements on PC
Mobile Requirements Clear headers and simple stacked lists