[Prototype] Vans Shopping App, Version 2 – Harper McVey

During last Monday’s Digital Prototyping class, students teamed up conduct user testing on the digital prototypes of their mobile apps. I tested this version of my Vans shopping application and asked my user the following question’s about his experience.

  1. How would you describe your experience with the application? Were the steps straightforward, confusing, or somewhere in between?
  2. Was there any specific step in the process that confused you?
  3. Which step of the process was the easiest to navigate?
  4. How would you describe the application visually?
  5. If you could change anything about the application, what would you change?

After experiencing the app, my user said that the process was straightforward and intuitive and that enjoyed the flow and minimal design. He said that to improve the app, he would add more views of the individual sneakers, including more zoomed views. He also suggested that the zoom button (the + sign on the second screen) should be changed to a magnifying glass, as it too him a moment to equate the plus sign with a zoom function.

Taking all of this feedback into consideration, I went back into Sketch to improve the app. I updated the zoom icon and added more views of the shoe. Additionally, I spent more time crafting the overall look of the app while still keeping it minimal.

All Screens

After completing these screens in Sketch, they were imported to Principle where I added transitions to complete the desired user experience. The following video illustrates the general user flow.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s