Task

Modify a p5js demo and conduct peer user testing and document the results.  

Brainstorming Process

Final Outcome

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

Testing booth at Lasalle Campus
Javier filling in his particulars before the test
Ace preparing to perform the test

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. 

Walking
Jogging
Star-Jumping
Spinning
Skipping

The movements were captured by our program and processed into lines and patterns. 

Participant 1’s Data: 

Walking
Jogging
Spinning
Star-jumping
Skipping

Participant 2’s Data: 

Walking
Jogging
Spinning
Star-jumping
Skipping

Participant 3’s Data

Walking
Jogging
Spinning
Star-jumping
Skipping

Participant 4’s Data: 

Walking
Jogging
Spinning
Star-jumping
Skipping

Participant 5’s Data: 

Walking
Jogging
Spinning
Star-jumping
Skipping

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. 

Javier looking at his images
Shirley making an educated guess
Ace deeply engrossed at the screen
Walking Jogging Spinning Star-Jumping Skipping
Participant 1 Wrong (Skipping) Wrong (Walking) Correct Correct Wrong (Jogging)
Participant 2 Correct Correct Correct Correct Correct
Participant 3 Wrong (Skipping) Correct Correct Correct Wrong (Walking)
Participant 4 Correct Correct Correct Correct Correct
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

Presentation in class

Learning Points

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). 

Comments are closed.

Scroll to Top