Testing and Validating with Users

Testing and Validating with Users

A highlight of how I test designs, gather user feedback, and iterate to create more intuitive and effective experiences.

A highlight of how I test designs, gather user feedback, and iterate to create more intuitive and effective experiences.

Text properties in Framer
Fill properties in Framer
Shadow properties in Framer

Iterate

Feedback

Testing

Text properties in Framer
Fill properties in Framer
Shadow properties in Framer

Iterate

Feedback

Testing

Text properties in Framer
Fill properties in Framer
Shadow properties in Framer

Iterate

Feedback

Testing

How Do I Ensure Designs Work for Users?

How Do I Ensure Designs Work for Users?

In my recent projects, I focused on testing my designs to see how well they work for users. In few projects, I used task-based testing to assess the user flow and ensure users can achieve their goals effectively. Additionally, I did comprehensive testing to evaluate visual elements, ensuring users can intuitively understand the UI. Depending on the context and my specific objectives, I also did A/B testing to compare design variations and gather insights.

In my recent projects, I focused on testing my designs to see how well they work for users. In few projects, I used task-based testing to assess the user flow and ensure users can achieve their goals effectively. Additionally, I did comprehensive testing to evaluate visual elements, ensuring users can intuitively understand the UI. Depending on the context and my specific objectives, I also did A/B testing to compare design variations and gather insights.

Let’s take a few projects as examples:

Let’s take a few projects as examples:

Project: Shop The Look

Project: Shop The Look

What did I learn from Usability Testing in the Shop the Look project?

What did I learn from Usability Testing in the Shop the Look project?

Users struggled to understand certain UI elements and differentiate between them. By observing how users interacted with the UI and identifying moments of confusion, I was able to pinpoint problematic areas. To gain deeper insights, I asked users to elaborate on why they found certain elements confusing. This feedback helped me make more informed design improvements, creating a more intuitive experience.

Users struggled to understand certain UI elements and differentiate between them. By observing how users interacted with the UI and identifying moments of confusion, I was able to pinpoint problematic areas. To gain deeper insights, I asked users to elaborate on why they found certain elements confusing. This feedback helped me make more informed design improvements, creating a more intuitive experience.

In some projects I iterated multiple times to make the experience better for example project like virtufit

In some projects I iterated multiple times to make the experience better for example project like virtufit

Project: VirtuFit

Project: VirtuFit

How did iterative testing improve the VirtuFit project?

How did iterative testing improve the VirtuFit project?

I kicked off testing with digital wireframes to get early feedback. I focused on testing the basic concepts and user flows. By sharing one screen at a time and asking users what they saw and expected, I made the testing process more insightful.

I kicked off testing with digital wireframes to get early feedback. I focused on testing the basic concepts and user flows. By sharing one screen at a time and asking users what they saw and expected, I made the testing process more insightful.

Digital wireframe of VirtuFit

Digital wireframe of VirtuFit

Feedback on digital wireframe of VirtuFit

Feedback on digital wireframe of VirtuFit

What did I learn from the first round?

What did I learn from the first round?

With the feedback from the wireframes, I moved on to creating a high-fidelity prototype. This time, I tested the visual design and also how users felt about the overall experience.

With the feedback from the wireframes, I moved on to creating a high-fidelity prototype. This time, I tested the visual design and also how users felt about the overall experience.

What issues did I discover?

What issues did I discover?

In the usability testing, users expressed confusion about the outfit-building process. They also struggled with understanding certain elements. I took this feedback, prioritized it, and started making changes.

In the usability testing, users expressed confusion about the outfit-building process. They also struggled with understanding certain elements. I took this feedback, prioritized it, and started making changes.

Iteration of screens after usability testing

Iteration of screens after usability testing

Iteration of elements after usability testing

Iteration of elements after usability testing

Want to know more about the changes I made?

Want to know more about the changes I made?

You can check more details about the improvements and how they impacted the design here.

You can check more details about the improvements and how they impacted the design here.

Create a free website with Framer, the website builder loved by startups, designers and agencies.