Spot Mobile Form Redesign

Timeline : 2 weeks

Problem

Spot is set to become a leading gig worker application that pairs gig workers and retailers together. The current job form is visually stressful and cumbersome to fill out.

Solution

We set out to create a smart form that is visually appealing, easier to use, and creates correct data points that displays to the user and consumer.

Role

Lead mobile form redesign
Worked on UX/UI design
Collaborated with other designers, developers, and key stakeholders

Preliminary Research

Initial competitor research was completed by a UX researcher. As I joined Spot mid-project, I used the initial research to analyze the competitors. I conducted my own competitive analysis to understand the UX and UI of those competitors.

Bacon and GigSmart both offer a way to create a job posting from their app.
Wonolo Pro only offers to check schedules and see postings. There is no way to post a job from the app.
Bacon uses a 1 question at a time method and has predetermined selections for part of the form.
GigSmart uses a one page form, where you have to scroll to complete.

I researched form styles to get a different perspective on how to approach redesigning the current form but also stay within what’s normal and natural for a user.

Design Constraints

The colors, font, and inspiration style were already defined by the time I joined Spot. As the entire app was still in the design phase, there was a lot of discussion around aesthetics and overall feel.

The main inspiration to Spot was to create a Tinder like experience, but for jobs.
No scrolling. Things need to be in a one page view and without the need to scroll.
Keep within predefined color system.
Utilize predefined font system.

Who I’m Designing For

The User Flow

I used the pre-existing forms’ data points as a start to the form redesign. The initial form had a lot of questions in a single page. The goal of this design was to create more space visually, while also working within the design constraints.

Considered “no-scroll” to minimum scrolling with keyboard pop-up
What data can and should be auto-populated for user ease of use
Error handling
Wasn’t quite there yet, but iterations were moving in the right direction

With an initial design constraint of 1 page and non scrollable, the initial designs were done around it. These were the lo-fi wireframes driven by user research.

Functional and Relatable

At this point, iterations of the design needed to line up with how the information will be displayed on the worker side of the app. We needed to make sure everything lined up for a great user experience on both the worker and organization side of th…

During a weekly review with the stakeholders, lead programmer, and lead ux designer, we talked through the copy. Our discussion was focused around the data flow from the form to the user and consumer sides of the app.

I also discussed smart form features and error handling with the lead engineer. This was important so we could minimize form fields and also ensure the user experience would be positively impacted.

Smart form features
Understand flow from form to user and consumer tiles
Reduce input effort needed by user
Checked feasibility with developer

Final Thoughts

The last iteration includes date and time pickers that make the form easier to use. After all, the less a person needs to actually think about things in the form, the easier it becomes to fill out. The main goal of this design was to make it quick and easy for the user to create a job posting.

Given more time, I would explore the idea of having a start time and stop time. I then would ab test the 2 options and see which one works better for the most users.

I learned that forms can be quite tricky and requires condensing or expanding, depending on the data that is needed to sent to the correct output.