Responsive Forms
Explore my work to see how I can enhance experience and improve functionality through innovative design solutions.
Method: Moderated User Testing
Audience: Coffee Shop attendees
Apps: Figma, MS 365, MS Internal products
Collaboration: UX Designer, Product Manager
My Role: UX Researcher, Content Designer
Testing to discover what drivers thrifting donations. A local non-profit wants users to schedule large donations using their website.
How might we create a form where users understand the large donations requirements?​
"Out of the Closet was created for people to get tested during everyday life... People are not wanting to get tested or getting the medications when it can all be taken care of here, for free... if more people knew more people would come."
Stedman, Manager ATL location
Observations
User Assumptions
-
Users have trouble locating the form on mobile
-
Users assumed completing the form guaranteed a donation pick-up
User Frustrations
-
Users did not receive confirmation of scheduled donation
-
Users were unaware of testing locations
User Confidence
-
Users expressed interest in finding testing locations
-
Users valued clarity of donation requirements
-
Users valued having a confirmation email after sumbitting the form
Results
The updated design
A responsive web design featuring an enhanced form with segmented content, suitable headers, tooltips, and unmistakable confirmations.
User Flow
View the images that were used during testing and the updated versions.
 Mobile FormSimplified menu, chunked content, clear headers, and steppers to track progress |  Screenshot 2026-02-02 at 7.02.52 PM |
|---|---|
 Error StateInline error state |  PC MenuClose up of menu options |
 Form AttachmentsUsers can add images of their large donations |  Lofi PCGrid layout of PC design |
 Donation RequirementsDesign elements used to divide content in lists form of Do's and Dont's |  Testing Locations PCUsers can locate different testing sites near them when they discover the location they will know if it includes a pharmacy |
 Tablet VersionDonation requirements are at the top the tablet version includes headers and chunked content |  Final MockPC Form |
 Business ModelResearch Deliverables |  User PersonaDonations may come from various people and all people support knowing your status |