Modify a p5js demo and conduct peer user testing and document the results.
Objective: To test our understanding on lines and patterns and how they can be used to visualise movements.
Modified Demo: We added additional body parts for detection. We also made adjustments to the colours and the thickness of the line stroke for better clarity. View Demo
Materials: Laptop (with Web Camera), Participant Worksheet, Keyboard, Mouse
Participants were asked to fill in their particulars and details on the worksheet before proceeding with the test. They were asked to perform 5 different actions in front of the web camera. The actions were walking, jogging, star-jumping, spinning and hopping. We were able to get Shirley, Javier, Ace, Nikhil and Dana to perform the test for us.
The movements were captured by our program and processed into lines and patterns.
Participant 1’s Data:
Participant 2’s Data:
Participant 3’s Data
Participant 4’s Data:
Participant 5’s Data:
After performing all the 5 actions, participants were shown the images that they created and their task was to match each of them to the performed action.
|Participant 1||Wrong (Skipping)||Wrong (Walking)||Correct||Correct||Wrong (Jogging)|
|Participant 3||Wrong (Skipping)||Correct||Correct||Correct||Wrong (Walking)|
|Participant 5||Wrong (Jogging)||Correct||Wrong (Walking)||Correct||Wrong (Spinning)|
From the results above, we can see that the participants were mostly confused by the images created by walking, jogging and skipping as they looked the most similar. We presented our project to the class the following week. View Slides
This is our 2nd time doing data collection. However, it is slightly different from the previous assignment. This time, we added user testing. We learnt how to design the testing scenario (helping users orientate at the testing booth and ensuring positive user experience throughout the process).