In this UX case study, I will describe my process, how I’ve designed forms for Mobile App.
Design forms for mobile App.
Our user persona is not tech-savvy middle age women. My task is to design easily filled forms for mobile App for our user persona.
First I’ve started to analyse the desktop forms. I chose to examine the form pattern from the following modules:
Checking the content of the forms, it helped me to determine the direction of designing forms for mobile App.
I’ve started to think about new user flow for the mobile App forms.
I’ve created detailed wireframes using UI Kit from previous my designs.
I wanted to test and see how users were filling the forms.
This “wizard form” was very similar to our current desktop user flow.
I’ve selected 16 participants to test the “wizard form” prototype. As measurements, I’ve chosen task completion time.
Based on the “wizard form” prototype users testing results I’ve designed another wireframe using the accordion approach.
I’ve chosen the same participants to test “accordion forms”
Based on the user testing results I’ve designed an additional fourth step – “Preview.” In the fourth step, the user confirms all information completed in the previous steps.
I’ve chosen the same sixteen participants (from”accordion forms” and “wizard form” testing) to test “option 3”)
Based on testing data, we’ve decided to go with option three.
I've learned how effectively test the prototypes, and how important it is to understand users experience filling the forms on the desktop app.
I look forward to starting work on a tablet app forms.