Asthma Weather Interface

Project Details
UT 330: Interaction Design & Urban Experiences
Completed September 2024

Skills
Use Cases
Design Principles
Design Methodology


Context

This project focused on implementing "progressive disclosure" to design a dynamic weather dashboard for a city. The challenge was to create a clean, structured interface with minimal iconography and no color. My goal was to prioritize clarity and usability while revealing more detailed information as needed, to ensure a smooth user experience that focuses on the use case.

Use Case
The asthmatic individual loves to be outdoors but has trouble when the weather exacerbates their respiratory condition. They are most concerned with tracking the air quality index and humidity, as both can significantly impact asthma symptoms. To help them make decisions about going outdoors and to better manage their condition they need to know when the AQI reaches unhealthy levels or when humidity is high


Initial State

Constrains
  • No color
  • type & lines only
  • display current day/date & location on all states


Second State

Constraints
Use colors used in gradation study


Final State


This assignment was challenging because we had to present all necessary information on each screen while maintaining clarity. 

Color-coding was used to distinguish the quality of the two most critical factors for asthmatic individuals: air quality and relative humidity, making it easier to interpret their impact at a glance. With so much information provided, I also felt it necessary to be transparent about the scale’s ranges. 







Trini Sernas




Studying Urban Technology @ the University of Michigan Taubman College
Minoring in Law, Justice, and Social Change 







Projects



Contact Me!

Email
LinkedIn