Soni Hahn is a multidisciplinary UX designer based in New York
hydrate.jpg

HYDRATE.ME

HYDRATE.ME


HYDRATE. Me

 

A Smart Coaster For Drinking Water

 

PROJECT BRIEF

Winner of the Leslie eLab Prototyping Award 2014
Role : UX Design and Processing Development
Team members : Abhishek Singh(Development / Fabrication) and Dalit Shalom(Visual Design)
October - December 2014

Hydrate.me is an electronic coaster that works by sensing the amount of liquid remaining in your bottle and providing a corresponding graphic representation. According to your timer setting, you will be reminded once every so often to drink, and when need to refill your bottle.


PROTOTYPE

 

We decided that the sensor we should use for our prototype would be the force-sensor, and we also decided to use LEDs to allow visual feedback on the device itself (apart from the interface we designed in Processing). We started out by prototyping the actual object in various materials in order to understand size and dimensions.

 

Arduino prototype and exterior

 
 

Since the topic addressed is water, we decided the final prototype should be made out of organic materials. Plywood seemed to be a good material we could use to cut the layers of the coaster and stack them on top of each other. Each layer was crafted to house and support the various components. The top layer was made by cutting a silicone mat.

 
 

After carefully crafting the exterior we inserted the different components, which included the Arduino microcontroller, a shield connected to the top of the arduino, LEDs, the force-sensor, and of course, all of the wiring.

 
 

Programming the sensors in Processing and Arduino

 
 

We used both Arduino and Processing to sense the weight on the coaster which is represented in a graphic interface. We designed and enabled a timer that allows the user to select increments of time in which he would like to be reminded to drink. The values that translated as the weight were mapped according to the specific X and Y locations on the interface. 

 

Graphic Interface

 
 

The interface we created is a widget built to live on the desktop of a personal computer. The user may set the timer to increments of time in which he would like to be reminded to drink. The water animation is mapped with the data from the pressure sensor and responds accordingly.

 

FINAL PRODUCT