Doodle Daydream

Display of a drawing of a yellow flower Drawing displayed on The Doodle Daydream

The Doodle Daydream is a collaborative LED grid display that is embedded into the office architecture to encourage playful interactions.

Illustration of the four steps in the interaction flow. First step is to connect to the web app from a mobile device or laptop. Second step is to select a desired colour from the drop-down palette. Third step is the draw the design. Fourth step is to see the design displayed on the Doodle Daydream display.
Interaction flow

It displays drawings sent from with a mobile web application interface which acts similarly to a shared sketch pad. Users contribute their own custom drawings that immediately play back on the display, fostering moment-to-moment playful interactions.

Image of a user holding a phone and using the web app. The user is standing in front of the display showing the same image that he has drawn on the app.
User drawing on mobile interface in front of the display

Check out the video below for more details.

Role

In collaboration with Samitha Elvitigala and Noura Howell, I assisted in:

  • Designing and fabricating the display panel and assembly
  • Recording and editing the video
  • Running the user testing of the system and making the poster that was presented in SUI 2018.

The display panel was designed such that the LED modules (Philips iColor Flex LMX RGB LED) could be press-fitted into the laser-cut acrylic panel that was 1.3 by 0.9 meters. Modules were arranged in an isometric grid (0.05 meters centre-to-centre) which made the display seem to have higher resolution and allowed for more natural-looking drawings. The display assembly was also press-fitted into a window sill at an office space.

The LED modules are encased in plastic cylindrical cases.
Close-up of display and LED modules
Front view of the display that is fitted between two vertical beams of a window sill.
Display integrated into window sill. Roller blind, when lowered, acts as a diffuser for the display.
Image of the lasercut acrylic panel on a workshop table with wooden frames on the side that were yet to be assembled.
Assembling the display. Main panel was made from laser-cut acrylic and frame was made from wood.