Prototypes

Paper Prototype

Figure 1. The user's opening screen where they would choose a song/choreography to practice.

Figure 3. Analysis of the user's dancing move-by-move that includes an accuracy percentage, a timestamp, and other features.

Figure 2. A prompt to the user to match the figure

The paper prototype is a low fidelity prototype that gives no functional perspective. We tested this prototype on 10 different people and saw varying responses. Many said that while the design is intuitive, it seemed to be lacking in features. They suggested some features to add such as a color or shape indicator for how accurate each body part is to the original.

Wireframe Prototype

https://gomockingbird.com/projects/qz6mhr6

The wireframe prototype is another low-fidelity prototype; however it differs from the paper prototype in that it has a more interactive user interface. Users are able to actually click on different parts of the "application" to understand which menus lead to which pages.

After the feedback from our paper prototype, we added more features and pages to our wireframe prototype. This includes a "watch" option where you can first watch the original choreography before practicing it. Once you choose to practice, it brings you to a video recording page where you will then record yourself dancing the choreography. Once you are done, the application will automatically run an analysis and give the user feedback from the recording. This includes a graph that shows the percent differences throughout the video.

Note** that certain aspects of our project has changed from our first wireframe prototype.

Report abuse