sandra yao
more
info
Outdoor
A personalized weather app.
Context
Outdoor lets you gauge the safety of weather conditions. The app alerts you when weather conditions near or exceed your personalized safe zones. Especially useful for people who work outdoors.
> Mobile
> 2020 (5 weeks)
1
Starting
- Heuristic analysis of two competitor weather apps.
- App teardown of a competitor app.


- Interview with UPS package delivery driver.
- Online research for construction safety conditions.
Research
-   Outdoor environments influence screen visibility.
-   Customization is important because people work in varying outdoor environments.
-   Current weather apps can become overwhelmed with colors.
Usability Insights
- To be able to gauge weather safety quickly.
- To be customizable so that people can prioritize weather traits useful for them.
- To have a simple layout with few actionable symbols and tabs.
Goals
2
Process
User Flows
Initial Wireflows
Visual Refinement
App processed through Figma plugin, A11y - Color Contrast Checker. It ensures that the text is readable and adheres to
WCAG (Web Content Accessibility Guidelines) standards.
Accessibility
I researched how the weather influences outdoor working conditions. This helped me create a baseline safety threshold
for when you first use the app.




Temperature (cold stress)
Temperature (heat stress)
Rain
Wind
Dew & Humidity
Air Pressure
Air Quality
UV Index
Visibility (Fog)
Visibility (Boating)
Measuring Safety
Often times, construction projects can be delayed by severe weather conditions and cause disputes. In the app, the weather history feature lists the days that reached or neared unsafe conditions which can be useful during disputes.
Weather History
3
Finalized
- Do additional usability tests in an outdoor environment.
- Refine visuals and micro-interactions so that they are more consistant.
- Look into how the app could be used in extreme or unusual weather conditions.
Looking Forward
back to top
next project
1
2
3