ROADS.
An interactive exhibit that utilises a camera and colour tracking.
// experience design + UX/UI design + development
As part of our final project for the module User Experience and Interactive Design (UXID), we created an interactive exhibit to educate Singaporeans, in an engaging way, on the Active Mobility Act. The main aim of our exhibit will be to educate citizens as to which device(s) can be on different paths.
Watch the video below for behind-the-scenes, how the exhibit works and user-testing videos/interviews.
Inspired by “Towns” from Art Science Museum, we based our interactive exhibit using the tracking of colours with a camera and projector, being the first team in the faculty to do so. This is done with a projector projecting the screen and a camera mounted on top to track tokens of different colours, coded with HTML, CSS & JQuery.
Challenges & Limitations
The calibration of the camera was very important for the exhibit to work. As our budget was limited, we worked around the web camera provided to us which was not of the best quality. Also, the calibration of the camera was not 100% accurate as we do not have a stabiliser or the right material to hang and mount the camera.
In addition, there was a lack of animation such as pedestrians walking or cars and others. This could have been improved to make the exhibit much more interactive.
The tokens could be improved by using figurines of the devices, increasing the affordance of the exhibit. However, due to time constraints, we had to make do with what we had at the moment, especially with the colour requirement.
As the exhibit was based on colour tracking, the challenge would be that the projected image will have to contain colours that will not be trackable by the camera as well as to take into account that the user’s hands would block the camera, thus causing the camera to not be able to track the tokens.