LocalAir
A new application for historical viewing of PurpleAir pollution monitor data.
Role: UI & UX Designer
Tools: Figma, Adobe Photoshop,
The project is somewhat of a companion app to PurpleAir.com and an attempt to pick up where that app leaves off for historical data.
Starting this greenfield project, I looked at the needs of the non-profit and analyzed the data available on PurpleAir. I compared the features possible based on the data to those available on PurpleAir.com.
Problem: Users will likely benefit from a way to refer back to the results from previous queries.
Solution: User logins are out of scope for the initial build of this project, but by serializing the query parameters in the URL, users would be able to share and save queries as URL's.
Problem: Some of the data labels or parameters are difficult to understand.
Solution: Review labels and possibly make new ones that are easier for people to understand.
Problem: Due to various averages available for the data, when we do a timeline view we’re going to need some sort of complimentary time selector there as well.
Solution: Make the projects section a separate page where all project operations happen. The currently opened project should show at the top of the page with a button to return to the project page.
Problem: Given the self-hosted nature of how the app is set up, some language is required to explain that the data comes from whoever installed the application.
Solution: Create a “welcome” screen that explains responsibilities of each of 3 entities: The LocalAir Application, PurpleAir, and the application host entity.
Problem: No data exists before 1/1/2022, different monitors have data going back to different dates.
Solution: Have a field hint in the query tools or some other text element to inform users of that limitation.
Problem: Data displayed in the timeline needs to clearly distinguish each monitor device from each other.
Solution: Devices should be color-coded so that the same color is used to represent a monitor on the timeline, results panel, and map.