The Hydration App introduces a new graphical approach to hydration data representation. The interface was designed to communicate through three hierarchical reading levels tailored for intuitive interpretation. The primary level used three distinct status colors—blue, beige, and red—similar to a traffic light to indicate hydration status.  The second level visualized the hydration quantity by using the size of the screen fill. It included a large font element that clearly stated the current hydration status, inspired by the visual of a full or empty glass of water.  Initially, a third indicator intended to display an abstract curve of hydration data over time was included, but this feature was later removed due to its scientific inaccuracies and complexity. Instead, a dedicated history view was developed to provide a clear and accurate overview of past hydration data.