Early Prototyping and User Testing
Low Fidelity Prototype. The design cycle began with low-fidelity, black-and-white wireframes built collaboratively in Sketch. We printed out these prototypes and tested them on six users. Insights from this round of user testing included the need for a clear navigation system and user confusion between the idea of "search" and "import."
Medium Fidelity Prototype. For the next iteration, we added color and interactions to our prototype. To address the confusion with "import" and "search," we added a gather content function, tabbed by source: "Me," "My Friends," and "Everyone." We also added larger navigation options and a visual counter showing the users how many items they had gathered for their video.
We built the medium fidelity prototype in Sketch and added interactions in InVision. After pilot testing the InVision mobile app, we conducted our second round of user testing with the InVision web interface. Users liked the new gather content function, but continued to get lost in the progression of the application. For our final design iterations we focused on visual design, navigation, and building out the interactions.